*{box-sizing:border-box}html,body{margin:0;background:#070a10;color:#edf2ff;font:14px Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100%}body{background:radial-gradient(circle at 16% 0,#2b195522,transparent 34%),radial-gradient(circle at 88% 8%,#0ea5e922,transparent 30%),#070a10}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.topbar{height:74px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1480px)/2));position:sticky;top:0;background:#080b11e8;backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brandmark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#8b5cf6,#22d3ee);box-shadow:0 8px 30px #7c3aed44}.brand b,.brand small{display:block}.brand small{color:#7f8ca8;margin-top:2px;font-size:11px}.topbar nav{display:flex;align-items:center;gap:7px}.topbar nav a,.topbar button{border:1px solid #ffffff12;background:#111722;color:#cbd5e1;text-decoration:none;padding:9px 12px;border-radius:10px;font:inherit;cursor:pointer}.topbar .primary,.primary{background:linear-gradient(135deg,#7c3aed,#0891b2)!important;color:#fff!important;border-color:transparent!important}.shell{max-width:1480px;margin:auto;padding:42px 20px 70px}.hero{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.eyebrow,.cardHead span,.sectionHead span,.guide>div>span{font-size:10px;letter-spacing:.18em;font-weight:800;color:#8b9bb9}.hero h1{font-size:clamp(36px,5vw,66px);line-height:1;margin:9px 0 14px;letter-spacing:-.045em}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#a78bfa,#67e8f9);background-clip:text;color:transparent}.hero p{color:#8d99ae;max-width:720px;font-size:16px;line-height:1.6;margin:0}.heroStats{display:flex;gap:10px}.heroStats div{min-width:96px;background:#0d121c;border:1px solid #ffffff10;padding:15px;border-radius:15px}.heroStats b,.heroStats span{display:block}.heroStats b{font-size:18px}.heroStats span{color:#77849d;font-size:11px;margin-top:3px}.makerGrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.8fr);gap:18px}.card{background:linear-gradient(180deg,#0f141f,#0b1018);border:1px solid #ffffff11;border-radius:19px;box-shadow:0 16px 54px #0004}.builder,.previewCard,.outputCard,.quickUse,.saved,.guide{padding:21px}.rightColumn{display:grid;gap:18px;align-content:start}.cardHead,.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.cardHead h2,.sectionHead h3{margin:4px 0 0;font-size:18px}.badge{font-size:11px;background:#7c3aed1d;border:1px solid #a78bfa33;color:#c4b5fd;padding:7px 9px;border-radius:999px}.builder label{display:block;color:#9aa7bc;font-size:12px;font-weight:700;margin:13px 0}.builder input,.builder textarea,.builder select{width:100%;margin-top:7px;border:1px solid #ffffff12;background:#090e16;color:#eef4ff;padding:12px;border-radius:11px;outline:none;font:inherit}.builder textarea{resize:vertical;min-height:95px}.builder input:focus,.builder textarea:focus,.builder select:focus{border-color:#8b5cf677;box-shadow:0 0 0 3px #7c3aed16}.two,.three{display:grid;gap:12px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:1.2fr .9fr .9fr}.formatChoices{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 24px}.toggle input{display:none}.toggle span{display:block;padding:9px 12px;border:1px solid #ffffff12;background:#0b1019;border-radius:10px;cursor:pointer;color:#aab5c8}.toggle input:checked+span{background:#7c3aed24;border-color:#a78bfa66;color:#fff}.stopControls{display:flex;align-items:center;gap:10px}.stopControls button,.cardHead button,.presetSwatches button,.outputActions button,.quickButtons button{border:1px solid #ffffff12;background:#111722;color:#dbe4f3;border-radius:10px;padding:9px 11px;cursor:pointer}.colorStops{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.colorStop{display:flex;gap:8px;align-items:center;background:#090e16;border:1px solid #ffffff10;padding:9px;border-radius:12px}.colorStop input[type=color]{width:38px;height:38px;border:0;padding:0;background:transparent}.colorStop input[type=text]{margin:0;padding:9px}.presetSwatches{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.presetSwatches button:before{content:'';display:inline-block;width:9px;height:9px;border-radius:99px;background:#8b5cf6;margin-right:6px}.divider{height:1px;background:#ffffff0e;margin:23px 0}.hidden{display:none!important}.bigPreview{min-height:142px;border-radius:15px;background:radial-gradient(circle at 30% 30%,#182133,#090d14 70%);border:1px solid #ffffff0e;display:grid;place-items:center;text-align:center;font-size:clamp(26px,4vw,50px);font-weight:700;padding:22px;overflow-wrap:anywhere;text-shadow:0 2px 14px #000}.previewMeta{display:flex;justify-content:space-between;color:#6f7d94;font-size:11px;margin-top:9px}.outputCard pre{white-space:pre-wrap;overflow-wrap:anywhere;min-height:120px;max-height:320px;overflow:auto;background:#070b12;border:1px solid #ffffff0e;border-radius:13px;padding:14px;color:#d8e4f4;line-height:1.55}.outputActions{display:flex;gap:8px}.quickButtons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quickButtons button{text-align:left}.quickButtons b,.quickButtons small{display:block}.quickButtons small{color:#718097;margin-top:3px}.savedItem{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #ffffff0b}.savedItem b,.savedItem small{display:block}.savedItem small{color:#718097;margin-top:3px}.hint{color:#718097}.guide{margin-top:18px}.guideGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.guideGrid article{background:#090e16;border:1px solid #ffffff0c;border-radius:13px;padding:14px}.guideGrid p{color:#7f8ba0;line-height:1.5;font-size:12px}.toast{position:fixed;right:20px;bottom:20px;background:#151b26;border:1px solid #ffffff18;padding:12px 15px;border-radius:11px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;z-index:50}.toast.show{opacity:1;transform:none}@media(max-width:900px){.makerGrid{grid-template-columns:1fr}.hero{align-items:start;flex-direction:column}.heroStats{width:100%;overflow:auto}.three,.guideGrid{grid-template-columns:1fr 1fr}.topbar nav a{display:none}.shell{padding-top:28px}}@media(max-width:560px){.topbar{height:66px;padding:0 12px}.topbar nav button:not(.primary){display:none}.brand small{display:none}.hero h1{font-size:39px}.heroStats div{min-width:86px}.two,.three,.guideGrid,.quickButtons,.colorStops{grid-template-columns:1fr}.builder,.previewCard,.outputCard,.quickUse,.saved,.guide{padding:16px}.formatChoices{gap:5px}.toggle span{padding:8px 10px}.bigPreview{min-height:115px}}