@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-sans:"Inter","Inter Fallback"}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/5ece437c7024c161-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/9cc5b37ab1350db7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Instrument Serif Fallback";src:local("Times New Roman");ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.00%;size-adjust:83.94%}.__className_9f4838{font-family:"Instrument Serif","Instrument Serif Fallback";font-weight:400;font-style:italic}.__variable_9f4838{--font-serif:"Instrument Serif","Instrument Serif Fallback"}:root{--bg:#0a0a0e;--surface:#131318;--surface-2:#1a1a21;--surface-3:#22222b;--ink:#f2f1ec;--muted:#8e8e99;--accent:#d9ff3f;--accent-ink:#0d1000;--line:rgba(255,255,255,0.08);--line-strong:rgba(255,255,255,0.16);--warn:#ff8f7d;--mono:ui-monospace,"Cascadia Code","SF Mono",Menlo,Consolas,monospace;--radius:16px;--topbar-h:64px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topbar-h) + 20px)}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2000;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:var(--accent);color:var(--accent-ink)}.mono{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:0;cursor:pointer}button:disabled{cursor:default}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.container{max-width:1240px;margin:0 auto;padding-left:clamp(16px,3vw,32px);padding-right:clamp(16px,3vw,32px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:60;height:var(--topbar-h);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar,.topbar-inner{display:flex;align-items:center}.topbar-inner{flex:1 1;gap:clamp(12px,1.8vw,22px);height:100%;padding:0 clamp(14px,2vw,26px);min-width:0}.brand{display:flex;align-items:center;gap:11px;flex:none;margin-right:auto}.brand-mark{width:30px;height:30px;display:block}.brand-name{font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.brand-sub{color:var(--muted);font-weight:500}.hub-link{color:var(--muted);flex:none;transition:color .15s ease,border-color .15s ease}.hub-link:hover{color:var(--accent)}.hub-link.ghost{border:1px solid var(--line-strong);border-radius:999px;padding:7px 13px}.hub-link.ghost:hover{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:999px;font-weight:600;font-size:.92rem;letter-spacing:.005em;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-accent:hover{transform:translateY(-1px);background:#e8ff70}.btn-ghost{border:1px solid var(--line-strong);color:var(--ink)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.btn-ghost:disabled{opacity:.35}.btn-ghost:disabled:hover{border-color:var(--line-strong);color:var(--ink);transform:none}.btn-sm{padding:8px 15px;font-size:.8rem}.btn.is-copied{background:var(--ink);color:var(--bg)}.btn.is-busy:disabled{cursor:progress;animation:btn-busy 1.1s ease-in-out infinite alternate}.btn-ghost.is-busy:disabled{opacity:1;color:var(--muted)}.btn-ghost.is-busy:disabled:hover{border-color:var(--line-strong);color:var(--muted);transform:none}@keyframes btn-busy{0%{opacity:1}to{opacity:.55}}.link-btn{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.studio{display:flex;height:calc(100dvh - var(--topbar-h));overflow:hidden;background:var(--bg)}.rail{display:flex;flex-direction:column;width:clamp(400px,38vw,560px);min-width:0;flex:none;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface) 55%,var(--bg))}.rail-head{flex:none;padding:14px 18px 12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 55%,var(--surface))}.steps-nav{display:flex;gap:2px}.sn-item{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 2px 7px;border-radius:10px;transition:background .15s ease}.sn-item:hover{background:var(--surface-2)}.sn-dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;border:1px solid var(--line-strong);font-size:.6rem;letter-spacing:0;transition:background .18s ease,color .18s ease,border-color .18s ease}.sn-dot,.sn-label{color:var(--muted)}.sn-label{font-size:.5rem;letter-spacing:.09em;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .18s ease}.sn-item.is-done .sn-dot{border-color:var(--line-strong);color:var(--ink);background:var(--surface-3)}.sn-item.is-current .sn-dot{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.sn-item.is-current .sn-label{color:var(--accent)}.rail-tools{display:flex;align-items:center;gap:6px;margin-top:11px}.tool-btn{flex:none;font-size:.58rem;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 10px;transition:color .15s ease,border-color .15s ease}.tool-btn:hover{color:var(--ink);border-color:var(--line-strong)}.tool-btn.is-armed{color:var(--warn);border-color:var(--warn)}.tool-btn.tool-share:hover{color:var(--accent);border-color:var(--accent)}.tool-btn.is-copied{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.rail-combos{margin-left:auto;font-size:.55rem;letter-spacing:.06em;text-transform:none;color:var(--muted);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.rail-scroll{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2a2a33 transparent}.rail-scroll::-webkit-scrollbar{width:9px}.rail-scroll::-webkit-scrollbar-track{background:transparent}.rail-scroll::-webkit-scrollbar-thumb{background:#2a2a33;border-radius:8px;border:2px solid transparent;background-clip:padding-box}.rail-scroll::-webkit-scrollbar-thumb:hover{background:#3a3a45;background-clip:padding-box;border:2px solid transparent}.step-slide{padding:20px 18px 28px}.step-slide.from-right{animation:step-in-r .25s ease both}.step-slide.from-left{animation:step-in-l .25s ease both}@keyframes step-in-r{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes step-in-l{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}.rail-foot{flex:none;display:flex;gap:10px;padding:12px 18px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 55%,var(--surface))}.foot-back{flex:none;padding:11px 18px;font-size:.85rem}.foot-next{flex:1 1;padding:11px 20px;font-size:.92rem;justify-content:center}.foot-next-hint{font-weight:500;opacity:.7;font-size:.8rem}.step{gap:22px}.step,.step-head{display:flex;flex-direction:column}.step-head{gap:5px}.step-title{font-size:1.55rem;font-weight:750;letter-spacing:-.025em;line-height:1.05}.step-lede{color:var(--muted);font-size:.92rem;max-width:46ch}.grp{display:flex;flex-direction:column;gap:10px;transition:opacity .2s ease}.grp.is-dim{opacity:.45}.grp-head{display:flex;flex-direction:column;gap:3px}.grp-title{color:var(--accent);font-size:.66rem}.grp-lede{color:var(--muted);font-size:.8rem}.seg-wrap{display:flex;flex-direction:column;gap:7px}.seg{display:flex;gap:3px;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.seg-btn{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 6px;border-radius:9px;font-size:.82rem;font-weight:600;color:var(--muted);transition:color .15s ease,background .15s ease}.seg-btn.is-on,.seg-btn:hover{color:var(--ink)}.seg-btn.is-on{background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line-strong)}.seg-name{font-size:.68rem;font-weight:600;letter-spacing:.02em}.seg-desc{color:var(--muted);font-size:.76rem;line-height:1.45;min-height:1.45em;padding-left:2px}.seg-demo3 .seg-btn,.seg-demo4 .seg-btn,.seg-pict .seg-btn,.seg-shape .seg-btn{padding:9px 4px}.seg-logo .seg-btn{padding:9px 6px;gap:6px}.ts-demo{line-height:1;font-weight:750;letter-spacing:-.02em}.ts-s{font-size:.8rem}.ts-m{font-size:1.08rem}.ts-l{font-size:1.4rem}.case-demo{font-size:1.02rem;font-weight:700;line-height:1.1}.wt-demo{font-size:1.08rem;line-height:1.1}.wt-300{font-weight:300}.wt-500{font-weight:500}.wt-700{font-weight:700}.wt-900{font-weight:900}.lg-mini{display:inline-flex;align-items:center;justify-content:center;height:20px;line-height:1}.lg-word{font-weight:750;font-size:.86rem;letter-spacing:-.02em}.lg-mono{width:20px;border-radius:6px;background:var(--accent);color:var(--accent-ink);font-size:.62rem;font-weight:800}.lg-badge{border:1px solid var(--line-strong);border-radius:999px;padding:0 8px;font-size:.52rem;font-weight:700;letter-spacing:.12em}.seg-btn.is-on .lg-badge{border-color:var(--ink)}.pict{width:24px;height:15px;opacity:.85}.pict-airy{background:linear-gradient(var(--muted),var(--muted)) 0 0 /100% 2px no-repeat,linear-gradient(var(--muted),var(--muted)) 0 13px /100% 2px no-repeat}.pict-balanced{background:linear-gradient(var(--muted),var(--muted)) 0 0 /100% 2px no-repeat,linear-gradient(var(--muted),var(--muted)) 0 6.5px /100% 2px no-repeat,linear-gradient(var(--muted),var(--muted)) 0 13px /100% 2px no-repeat}.pict-dense{background:repeating-linear-gradient(180deg,var(--muted) 0 2px,transparent 2px 5px)}.pict-full,.pict-narrow,.pict-standard{border-left:1px solid var(--line-strong);border-right:1px solid var(--line-strong)}.pict-narrow{background:linear-gradient(var(--muted),var(--muted)) 50% /38% 7px no-repeat}.pict-standard{background:linear-gradient(var(--muted),var(--muted)) 50% /66% 7px no-repeat}.pict-full{background:linear-gradient(var(--muted),var(--muted)) 50% /92% 7px no-repeat}.pict-left{background:linear-gradient(var(--muted),var(--muted)) 0 0 /100% 3px no-repeat,linear-gradient(var(--muted),var(--muted)) 0 6px /62% 3px no-repeat,linear-gradient(var(--muted),var(--muted)) 0 12px /80% 3px no-repeat}.pict-center{background:linear-gradient(var(--muted),var(--muted)) center 0 /100% 3px no-repeat,linear-gradient(var(--muted),var(--muted)) center 6px /62% 3px no-repeat,linear-gradient(var(--muted),var(--muted)) center 12px /80% 3px no-repeat}.sd{width:22px;height:17px;background:var(--surface-3);border:1px solid var(--line-strong)}.sd-radius-sharp{border-radius:0}.sd-radius-subtle{border-radius:4px}.sd-radius-round{border-radius:8px}.sd-radius-pill{border-radius:999px}.sd-borders-none{border:0;border-radius:5px;background:var(--surface-3)}.sd-borders-hairline{border:1px solid var(--line-strong);border-radius:5px}.sd-borders-bold{border:2px solid rgba(255,255,255,.4);border-radius:5px}.sd-borders-offset{border:2px solid var(--ink);border-radius:5px;box-shadow:3px 3px 0 var(--ink)}.sd-shadow-none,.sd-shadow-soft{border-radius:5px}.sd-shadow-soft{box-shadow:0 6px 12px rgba(0,0,0,.65)}.sd-shadow-hard{border-radius:5px;box-shadow:3px 3px 0 rgba(255,255,255,.22)}.sd-shadow-glow{border-radius:5px;box-shadow:0 0 12px color-mix(in srgb,var(--accent) 65%,transparent)}.tin{width:100%;padding:11px 14px;background:var(--surface);border:1px solid var(--line);border-radius:11px;color:var(--ink);font-size:.95rem;transition:border-color .15s ease}.tin::placeholder{color:var(--muted);opacity:.7}.tin:focus{outline:none;border-color:var(--accent)}.tin-lg{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;padding:13px 16px}.vibe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.vibe-card{position:relative;display:flex;flex-direction:column;gap:9px;padding:9px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:13px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.vibe-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,var(--line-strong));box-shadow:0 18px 34px -22px rgba(0,0,0,.9)}.vc-mock{position:relative;display:block;height:62px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.vc-mock i{position:absolute;display:block;border-radius:2px}.vc-bar{top:12px;left:10px;width:56%;height:8px}.vc-sub{top:26px;left:10px;width:38%;height:4px;opacity:.85}.vc-pill{top:38px;left:10px;width:26%;height:8px;border-radius:99px!important}.vc-dots{position:absolute;right:9px;top:10px;display:flex;flex-direction:column;gap:4px}.vc-dots i{position:static;width:9px;height:9px;border-radius:99px}.vc-meta{display:flex;flex-direction:column;gap:2px;padding:0 2px 2px}.vc-name{font-weight:700;font-size:.86rem;letter-spacing:-.01em}.vc-blurb{color:var(--muted);font-size:.72rem;line-height:1.4}.vc-applied{position:absolute;top:15px;left:50%;transform:translateX(-50%);padding:4px 10px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.56rem;opacity:0;pointer-events:none;transition:opacity .15s ease}.vibe-card.is-applied .vc-applied{opacity:1}.vibe-card.is-applied{border-color:var(--accent)}.vibe-scratch{border-style:dashed;background:transparent;align-items:flex-start;justify-content:center}.vc-scratch-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin:14px 0 0 2px;border:1px dashed var(--line-strong);border-radius:999px;color:var(--accent);font-size:1.1rem;line-height:1}.vibe-scratch:hover .vc-scratch-mark{border-color:var(--accent)}.pt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.pt-card{display:flex;flex-direction:column;gap:4px;padding:11px 12px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:border-color .15s ease,background .15s ease,transform .15s ease}.pt-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.pt-card.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.pt-name{font-weight:700;font-size:.85rem;letter-spacing:-.01em}.pt-card.is-on .pt-name{color:var(--accent)}.pt-line{color:var(--muted);font-size:.71rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.filter-chips{display:flex;gap:6px}.fchip{padding:6px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.62rem;transition:color .15s ease,border-color .15s ease,background .15s ease}.fchip:hover{color:var(--ink);border-color:var(--line-strong)}.fchip.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.pal-card{display:flex;flex-direction:column;gap:8px;padding:8px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:border-color .15s ease,transform .15s ease}.pal-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.pal-card.is-on{border-color:var(--accent)}.pal-stripes{display:flex;height:26px;border-radius:7px;overflow:hidden;border:1px solid var(--line)}.pal-stripes i{flex:1 1}.pal-meta{display:flex;flex-direction:column;gap:2px;padding:0 2px 2px}.pal-name{display:flex;align-items:baseline;gap:7px;font-weight:700;font-size:.82rem;letter-spacing:-.01em}.pal-card.is-on .pal-name{color:var(--accent)}.pal-theme{color:var(--muted);font-size:.52rem;letter-spacing:.1em}.pal-line{color:var(--muted);font-size:.7rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hexgrid{display:flex;flex-direction:column;gap:6px}.hexrow{display:flex;align-items:center;gap:11px;padding:7px 9px;background:var(--surface);border:1px solid var(--line);border-radius:11px}.hex-swatch{flex:none;width:34px;height:30px;padding:0;border:1px solid var(--line-strong);border-radius:8px;background:none;cursor:pointer}.hex-swatch::-webkit-color-swatch-wrapper{padding:2px}.hex-swatch::-webkit-color-swatch{border:0;border-radius:5px}.hex-swatch::-moz-color-swatch{border:0;border-radius:5px}.hex-meta{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1}.hex-label{font-weight:650;font-size:.8rem;letter-spacing:-.01em}.hex-role{color:var(--muted);font-size:.66rem}.hex-input{flex:none;width:88px;padding:7px 9px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:.68rem;letter-spacing:.04em;text-transform:lowercase}.hex-input:focus{outline:none;border-color:var(--accent)}.contrast-badge{align-self:flex-start;color:var(--muted);font-size:.6rem;padding:6px 11px;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;gap:8px}.contrast-badge.is-low{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 55%,transparent)}.contrast-tag{font-weight:700}.genpanel{background:var(--surface);border:1px solid var(--line);border-radius:13px}.gen-head,.genpanel{display:flex;flex-direction:column}.gen-head{gap:3px;padding:12px 14px 11px}.gen-title{font-weight:700;font-size:.88rem;letter-spacing:-.01em}.gen-lede{color:var(--muted);font-size:.74rem;line-height:1.45}.gen-sec{display:flex;flex-direction:column;gap:9px;padding:11px 14px 13px;border-top:1px solid var(--line)}.gen-kicker{color:var(--accent);font-size:.56rem}.seedrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.gen-btn,.seedrow .hex-input{flex:none}.gen-btn{margin-left:auto}.dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;padding:17px 14px 14px;text-align:center;background:color-mix(in srgb,var(--bg) 55%,var(--surface));border:1px dashed var(--line-strong);border-radius:11px;transition:border-color .15s ease,background .15s ease}.dropzone>*{pointer-events:none}.dropzone.is-drag,.dropzone:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.dropzone:focus-visible{border-radius:11px}.dz-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px dashed var(--line-strong);border-radius:999px;color:var(--accent);font-size:.85rem;line-height:1;transition:border-color .15s ease,transform .15s ease}.dropzone.is-drag .dz-mark,.dropzone:hover .dz-mark{border-color:var(--accent)}.dropzone.is-drag .dz-mark{transform:translateY(-2px)}.dz-line{font-size:.78rem;font-weight:600;letter-spacing:-.01em}.dz-hint{color:var(--muted);font-size:.54rem}.gen-error{color:var(--warn);font-size:.58rem}.gen-swatches{display:flex;flex-direction:column;gap:7px}.gen-swatches-label{color:var(--muted);font-size:.54rem}.swatch-row{display:flex;flex-wrap:wrap;gap:6px}.swatch-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 6px;background:var(--bg);border:1px solid var(--line);border-radius:999px;transition:border-color .15s ease,transform .15s ease}.swatch-chip:hover{border-color:var(--line-strong);transform:translateY(-1px)}.swatch-chip:focus-visible{border-radius:999px}.swatch-dot{flex:none;width:16px;height:16px;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.swatch-hex{font-family:var(--mono);font-size:.6rem;letter-spacing:.04em;color:var(--muted);transition:color .15s ease}.swatch-chip:hover .swatch-hex{color:var(--ink)}.font-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:7px;gap:7px}.font-card{display:flex;flex-direction:column;gap:3px;padding:9px 11px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:11px;transition:border-color .15s ease,transform .15s ease;min-width:0}.font-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.font-card.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.fc-type{display:flex;align-items:baseline;gap:8px;min-width:0}.fc-ag{font-size:1.35rem;line-height:1.05;font-weight:700;flex:none}.font-card.is-on .fc-ag{color:var(--accent)}.fc-name{font-size:.8rem;font-weight:500;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fc-cat{font-size:.5rem;letter-spacing:.12em}.fc-cat,.fc-line{color:var(--muted)}.fc-line{font-size:.66rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.swap-btn{align-self:flex-start}.ly-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.ly-card{display:flex;flex-direction:column;gap:6px;padding:9px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:border-color .15s ease,transform .15s ease}.ly-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.ly-card.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.ly-name{font-weight:700;font-size:.82rem;letter-spacing:-.01em;padding:0 2px}.ly-card.is-on .ly-name{color:var(--accent)}.ly-blurb{color:var(--muted);font-size:.69rem;line-height:1.4;padding:0 2px 2px}.lt{position:relative;height:64px;background:color-mix(in srgb,var(--bg) 70%,var(--surface));border:1px solid var(--line);border-radius:8px;overflow:hidden}.lt,.lt i{display:block}.lt i{position:absolute;background:var(--line-strong);border-radius:2px}.lt-hero-centered i:first-child{top:6px;left:30%;right:30%;height:3px}.lt-hero-centered i:nth-child(2){top:16px;left:16%;right:16%;height:8px;background:rgba(255,255,255,.32)}.lt-hero-centered i:nth-child(3){top:30px;left:42%;right:42%;height:6px;border-radius:99px;background:var(--accent);opacity:.85}.lt-hero-centered i:nth-child(4){bottom:7px;left:8%;width:24%;height:13px}.lt-hero-centered i:nth-child(5){bottom:7px;left:38%;width:24%;height:13px}.lt-hero-centered i:nth-child(6){bottom:7px;left:68%;width:24%;height:13px}.lt-split-screen i:first-child{top:13px;left:7%;width:36%;height:8px;background:rgba(255,255,255,.32)}.lt-split-screen i:nth-child(2){top:27px;left:7%;width:28%;height:4px}.lt-split-screen i:nth-child(3){top:38px;left:7%;width:17%;height:6px;border-radius:99px;background:var(--accent);opacity:.85}.lt-split-screen i:nth-child(4){top:7px;right:0;width:44%;bottom:0;border-radius:4px 0 0 0}.lt-split-screen i:nth-child(5),.lt-split-screen i:nth-child(6){display:none}.lt-editorial i:first-child{top:8px;left:6%;right:6%;height:1px;border-radius:0}.lt-editorial i:nth-child(2){top:13px;left:6%;width:68%;height:10px;background:rgba(255,255,255,.32)}.lt-editorial i:nth-child(3){top:29px;left:6%;right:6%;height:1px;border-radius:0}.lt-editorial i:nth-child(4){top:36px;left:6%;width:26%;height:20px}.lt-editorial i:nth-child(5){top:36px;left:37%;width:26%;height:20px}.lt-editorial i:nth-child(6){top:36px;left:68%;width:26%;height:20px}.lt-bento i:first-child{top:7px;left:6%;width:42%;height:27px}.lt-bento i:nth-child(2){top:7px;right:6%;width:42%;height:12px}.lt-bento i:nth-child(3){top:22px;right:6%;width:42%;height:12px}.lt-bento i:nth-child(4){bottom:7px;left:6%;width:27%;height:13px}.lt-bento i:nth-child(5){bottom:7px;left:37%;width:27%;height:13px;background:var(--accent);opacity:.8}.lt-bento i:nth-child(6){bottom:7px;right:6%;width:26%;height:13px}.lt-sidebar i:first-child{top:7px;bottom:7px;left:6%;width:19%}.lt-sidebar i:nth-child(2){top:11px;left:32%;right:8%;height:6px}.lt-sidebar i:nth-child(3){top:24px;left:32%;right:14%;height:6px}.lt-sidebar i:nth-child(4){top:37px;left:32%;right:22%;height:6px}.lt-sidebar i:nth-child(5){bottom:12px;left:9%;width:13%;height:4px;border-radius:99px;background:var(--accent);opacity:.85}.lt-sidebar i:nth-child(6){top:50px;left:32%;right:30%;height:6px}.lt-longform i:first-child{top:9px;left:28%;right:28%;height:7px;background:rgba(255,255,255,.32)}.lt-longform i:nth-child(2){top:22px;left:25%;right:25%;height:3px}.lt-longform i:nth-child(3){top:29px;left:27%;right:25%;height:3px}.lt-longform i:nth-child(4){top:36px;left:25%;right:29%;height:3px}.lt-longform i:nth-child(5){top:43px;left:27%;right:33%;height:3px}.lt-longform i:nth-child(6){bottom:8px;left:44%;right:44%;height:5px;border-radius:99px;background:var(--accent);opacity:.85}.lt-collage i:first-child{top:12px;left:8%;width:34%;height:26px;transform:rotate(-7deg)}.lt-collage i:nth-child(2){top:17px;left:32%;width:36%;height:28px;transform:rotate(5deg);background:rgba(255,255,255,.3)}.lt-collage i:nth-child(3){top:7px;right:7%;width:28%;height:8px;transform:rotate(-3deg);background:rgba(255,255,255,.32)}.lt-collage i:nth-child(4){bottom:10px;right:16%;width:9px;height:9px;border-radius:99px;background:var(--accent)}.lt-collage i:nth-child(5){bottom:14px;right:30%;width:16%;height:5px;transform:rotate(8deg)}.lt-collage i:nth-child(6){display:none}.lt-immersive i:first-child{inset:0;border-radius:0;background:radial-gradient(60% 70% at 70% 0,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),rgba(255,255,255,.05)}.lt-immersive i:nth-child(2){top:26px;left:18%;right:18%;height:9px;background:rgba(255,255,255,.4)}.lt-immersive i:nth-child(3){bottom:7px;left:calc(50% - 3px);width:6px;height:6px;border-radius:99px;background:var(--accent)}.lt-immersive i:nth-child(4),.lt-immersive i:nth-child(5),.lt-immersive i:nth-child(6){display:none}.sec-list{list-style:none;display:flex;flex-direction:column;gap:5px}.sec-row{display:flex;align-items:flex-start;gap:10px;padding:9px 11px;background:var(--surface);border:1px solid var(--line);border-radius:11px;transition:border-color .15s ease,opacity .15s ease}.sec-row:hover{border-color:var(--line-strong)}.sec-row.is-off{opacity:.55;background:transparent}.sec-row.is-off:hover{opacity:.85}.sec-i{flex:none;color:var(--muted);font-size:.6rem;padding-top:4px;width:17px}.sec-check{flex:none;width:15px;height:15px;margin-top:3px;accent-color:var(--accent);cursor:pointer}.sec-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.sec-name{font-weight:650;font-size:.84rem;letter-spacing:-.01em}.sec-blurb{color:var(--muted);font-size:.7rem;line-height:1.4}.sec-variants{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.vpill{padding:3px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.66rem;font-weight:600;transition:color .15s ease,border-color .15s ease,background .15s ease}.vpill:hover{color:var(--ink);border-color:var(--line-strong)}.vpill.is-on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.sec-move{flex:none;display:flex;flex-direction:column;gap:2px}.sec-move button{width:22px;height:18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:.66rem;line-height:1;transition:color .15s ease,border-color .15s ease}.sec-move button:hover:not(:disabled):not(.is-off){color:var(--accent);border-color:var(--accent)}.sec-move button.is-off,.sec-move button:disabled{opacity:.3;cursor:default}.sec-empty{color:var(--muted);font-size:.8rem;padding:8px 2px;list-style:none}.fx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:7px;gap:7px}.fx-chip{display:flex;flex-direction:column;gap:3px;padding:9px 11px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:11px;transition:border-color .15s ease,background .15s ease,opacity .15s ease}.fx-chip:hover:not(:disabled){border-color:var(--line-strong)}.fx-chip.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.fx-chip:disabled{opacity:.5}.fx-name{font-weight:650;font-size:.79rem;letter-spacing:-.01em}.fx-chip.is-on .fx-name{color:var(--accent)}.fx-line{color:var(--muted);font-size:.68rem;line-height:1.4}.voice-list{gap:6px}.voice-card,.voice-list{display:flex;flex-direction:column}.voice-card{gap:3px;padding:11px 13px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:11px;transition:border-color .15s ease,background .15s ease}.voice-card:hover{border-color:var(--line-strong)}.voice-card.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.vo-sample{font-size:1.02rem;font-weight:680;letter-spacing:-.015em;line-height:1.3}.voice-card.is-on .vo-sample{color:var(--accent)}.vo-name{color:var(--muted);font-size:.56rem}.tg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:7px;gap:7px}.tg-card{display:flex;flex-direction:column;gap:3px;padding:10px 12px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:11px;transition:border-color .15s ease,background .15s ease}.tg-card:hover{border-color:var(--line-strong)}.tg-card.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.tg-name{font-weight:700;font-size:.82rem;letter-spacing:-.01em}.tg-card.is-on .tg-name{color:var(--accent)}.tg-hint{color:var(--muted);font-size:.68rem;line-height:1.4}.pp{display:flex;flex-direction:column;gap:10px}.pp-tabs{display:flex;gap:3px;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:11px;align-self:flex-start}.pp-tab{padding:7px 14px;border-radius:8px;color:var(--muted);font-size:.6rem;transition:color .15s ease,background .15s ease}.pp-tab.is-on,.pp-tab:hover{color:var(--ink)}.pp-tab.is-on{background:var(--surface-3)}.pp-pre{background:#0e0e13;border:1px solid var(--line);border-radius:12px;padding:15px 16px;font-family:var(--mono);font-size:.73rem;line-height:1.65;color:#c9c9d2;white-space:pre-wrap;word-break:break-word;max-height:44vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#2a2a33 transparent}.pp-pre::-webkit-scrollbar{width:9px}.pp-pre::-webkit-scrollbar-thumb{background:#2a2a33;border-radius:8px}.pp-stats{color:var(--muted);font-size:.58rem}.pp-actions{display:flex;flex-wrap:wrap;gap:7px}.pp-actions .btn{flex:none}.stage-zone{position:relative;flex:1 1;min-width:0;min-height:0;display:flex;background:radial-gradient(80% 60% at 70% 0,rgba(217,255,63,.03),transparent 60%),var(--bg)}.stage-boot{flex:1 1;margin:clamp(12px,1.6vw,22px);border-radius:14px;background:var(--surface);border:1px solid var(--line);animation:boot-pulse 1.4s ease-in-out infinite alternate}@keyframes boot-pulse{0%{opacity:.5}to{opacity:1}}.stage{flex:1 1;min-width:0;display:flex;flex-direction:column;padding:clamp(10px,1.4vw,20px);gap:10px}.stage-bar{flex:none;display:flex;align-items:center;gap:12px}.seg-devices{flex:none}.seg-devices .seg{border-radius:999px;padding:3px}.seg-devices .seg-btn{flex-direction:row;padding:6px 14px;font-size:.76rem;border-radius:999px}.stage-dims{color:var(--muted);font-size:.58rem;letter-spacing:.06em}.stage-shot{margin-left:auto;white-space:nowrap}.stage-open{flex:none}.stage-shell{flex:1 1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--line-strong);border-radius:14px;overflow:hidden;background:var(--surface);box-shadow:0 40px 80px -48px rgba(0,0,0,.9)}.shell-chrome{flex:none;display:flex;align-items:center;gap:12px;height:38px;padding:0 14px;background:var(--surface-2);border-bottom:1px solid var(--line)}.chrome-dots{display:inline-flex;gap:6px;flex:none}.chrome-dots i{width:10px;height:10px;border-radius:99px;background:var(--line-strong)}.chrome-url{flex:none;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:.62rem;letter-spacing:.04em;text-transform:none;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:4px 12px}.stage-viewport{flex:1 1;min-height:0;overflow:hidden;background:var(--surface-2)}.stage-canvas{position:relative;margin:0 auto;overflow:hidden}.stage-frame{display:block;border:0;background:#fff}.prompt-pill{position:absolute;right:clamp(20px,2.4vw,34px);bottom:clamp(20px,2.4vw,34px);z-index:6;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:.88rem;box-shadow:0 18px 40px -14px rgba(217,255,63,.4);transition:transform .18s ease,background .18s ease}.prompt-pill:hover{transform:translateY(-2px);background:#e8ff70}.preview-fab{display:none;position:fixed;right:16px;bottom:16px;z-index:70;box-shadow:0 18px 40px -14px rgba(0,0,0,.8)}.seo{padding-top:clamp(48px,7vw,88px);padding-bottom:clamp(56px,8vw,104px);border-top:1px solid var(--line)}.seo-title{font-size:clamp(1.9rem,4vw,3rem);line-height:1.04;letter-spacing:-.03em;font-weight:750;max-width:24ch;margin-bottom:14px}.serif-accent{font-family:var(--font-serif),Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.01em}.seo-sub{color:var(--muted);font-size:clamp(.95rem,1.3vw,1.08rem);max-width:62ch;margin-bottom:clamp(32px,5vw,52px)}.how-steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));grid-gap:28px;gap:28px}.how-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line-strong);border-radius:999px;color:var(--accent);margin-bottom:12px}.how-steps h2{font-size:1.08rem;margin-bottom:6px;letter-spacing:-.01em}.how-steps p,.seo-foot{color:var(--muted);font-size:.92rem}.seo-foot{margin-top:clamp(32px,5vw,48px);padding-top:24px;border-top:1px solid var(--line)}.seo-foot strong{color:var(--ink)}@media (max-width:1180px){.foot-next-hint,.stage-dims{display:none}}@media (max-width:1024px){.studio{display:block;height:auto}.rail{width:100%;height:calc(100dvh - var(--topbar-h));border-right:0}.stage-zone{position:fixed;top:var(--topbar-h);left:0;right:0;bottom:0;z-index:45;background:var(--bg);transform:translateX(100%);transition:transform .28s ease;will-change:transform}.studio.is-preview-open .stage-zone{transform:translateX(0)}.preview-fab{display:inline-flex}.stage{padding-bottom:76px}.prompt-pill{bottom:84px}}@media (max-width:560px){.rail-head{padding:10px 12px}.step-slide{padding:16px 12px 24px}.rail-foot{padding:10px 12px}.sn-label{display:none}.sn-item{padding:5px 2px}.rail-combos{display:none}.font-grid,.fx-grid,.ly-grid,.pal-grid,.pt-grid,.tg-grid,.vibe-grid{grid-template-columns:1fr}.vibe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seg-btn{padding:7px 4px}.step-title{font-size:1.3rem}.gen-btn{flex:1 1 100%}.stage{padding:8px 8px 76px}.stage-bar{flex-wrap:wrap;gap:8px}.pp-actions .btn{flex:1 1 45%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}.step-slide.from-left,.step-slide.from-right{animation:none}.stage-zone{transition:none}}