:root{--bg:#050505;--bg-raised:#111113;--panel:#141416;--line:#ffffff14;--line-strong:#ffffff29;--ink:#f3f2ee;--muted:#8f8e8a;--dim:#5e5d5a;--lime:#c9ff53;--lime-ink:#0d1200;--gutter:clamp(16px, 3.2vw, 48px);--radius:14px;--ease:cubic-bezier(.2, .7, .1, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:var(--bg);scroll-behavior:smooth}html.studio-open{overflow:hidden}body{--sans:var(--font-geist-sans), "Helvetica Neue", Arial, sans-serif;--mono:var(--font-geist-mono), ui-monospace, monospace;--serif:var(--font-serif), Georgia, serif;--led:var(--font-doto), var(--font-geist-mono), ui-monospace, monospace;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--lime);outline-offset:3px}::selection{background:var(--lime);color:var(--lime-ink)}em{font-family:var(--serif);letter-spacing:-.01em;font-style:italic;font-weight:400}.kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;display:inline-block}.shell{overflow-x:clip}.shell:before{content:"";z-index:39;background:var(--bg);height:72px;position:fixed;inset:0 0 auto}.led{font-family:var(--led);font-variant-numeric:tabular-nums;font-weight:700}.topbar{z-index:40;height:72px;padding:0 var(--gutter);color:#fff;mix-blend-mode:difference;grid-template-columns:1fr auto;align-items:center;display:grid;position:fixed;inset:0 0 auto}.brand{letter-spacing:-.035em;align-items:center;gap:12px;font-size:17px;font-weight:650;display:inline-flex}.brand>span:last-child{flex-direction:column;line-height:.9;display:flex}.brand small{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-top:6px;font-size:9px;font-weight:400}.mark{grid-template-columns:repeat(2,11px);gap:3px;display:grid;transform:rotate(45deg)}.mark i{width:11px;height:11px;transition:transform .5s var(--ease);background:currentColor;border-radius:50% 50% 2px}.brand:hover .mark i:first-child{transform:translate(-2px,-2px)}.brand:hover .mark i:nth-child(2){transform:translate(2px,-2px)}.brand:hover .mark i:nth-child(3){transform:translate(-2px,2px)}.brand:hover .mark i:nth-child(4){transform:translate(2px,2px)}.topbar-end{justify-self:end;align-items:center;gap:22px;display:flex}.legal{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;gap:8px;font-size:10px;display:flex}.legal span{gap:8px;display:flex}.legal i{opacity:.35;font-style:normal}.legal a{opacity:.5;transition:opacity .2s}.legal a:hover,.legal a:focus-visible{opacity:1}.saved-toggle{border:1px solid;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:13px;display:inline-flex}.saved-toggle span{color:#000;min-width:28px;height:24px;font-family:var(--mono);background:#fff;border-radius:999px;place-items:center;padding:0 6px;font-size:11px;display:grid}.saved-toggle.is-active{color:#000;background:#fff}.saved-toggle:disabled{opacity:.4;cursor:default}.saved-toggle.is-active span{color:#fff;background:#000}.shell.is-channels{height:100dvh;overflow:hidden}.tv{box-sizing:border-box;isolation:isolate;background:#000;grid-template-rows:minmax(0,1fr) auto;height:100dvh;padding-top:72px;display:grid}.tv-screen{min-height:0;position:relative;overflow:hidden}.tv-live{position:absolute;inset:0}.tv-static{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;z-index:2;position:absolute;inset:0}.tv-dock{padding:10px var(--gutter) 12px;border-top:1px solid var(--line)}.tv-console{background:var(--bg-raised);border:1px solid #ffffff1f;border-radius:20px;grid-template-columns:minmax(280px,.9fr) minmax(0,2fr) auto;align-items:center;gap:clamp(16px,2.4vw,40px);padding:10px 14px 10px 20px;display:grid}.tv-readout{align-items:center;gap:18px;min-width:0;display:flex}.tv-channel{font-family:var(--led);color:var(--lime);text-shadow:0 0 18px #c9ff538c;font-variant-numeric:tabular-nums;align-items:flex-start;gap:6px;font-size:62px;font-weight:800;line-height:.82;display:flex}.tv-channel small{font-family:var(--mono);letter-spacing:.12em;color:var(--muted);text-shadow:none;font-size:10px;font-weight:500}.tv-meta{gap:3px;min-width:0;display:grid}.tv-meta strong{letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:600;overflow:hidden}.tv-meta>span:not(.tv-tags){color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.tv-tags{align-items:center;gap:10px;margin-top:3px;display:flex}.tv-tags i{font-style:normal;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-size:10px}.tuner{min-width:0}.tuner-track{cursor:ew-resize;touch-action:none;outline-offset:6px;align-items:flex-end;gap:2px;height:46px;display:flex;position:relative}.tuner-track i{height:12px;transition:height .25s var(--ease), background .25s;background:#ffffff42;border-radius:1px;flex:1}.tuner-track i.is-major{background:#ffffff80;height:20px}.tuner-track i.is-on{background:var(--tick);height:46px;box-shadow:0 0 12px var(--tick)}.tuner-track:hover i:not(.is-on){background:#fff6}.tuner-needle{background:var(--lime);width:2px;box-shadow:0 0 10px var(--lime);transition:left .3s var(--ease);pointer-events:none;margin-left:-1px;position:absolute;top:-8px;bottom:-8px}.tuner-groups{margin-top:8px;display:flex}.tuner-groups button{min-width:0;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;text-overflow:clip;text-align:left;border-left:1px solid #fff3;flex-basis:0;padding-left:5px;font-size:9.5px;transition:color .2s;overflow:hidden}.tuner-groups button:hover,.tuner-groups button:focus-visible,.tuner-groups button.is-current{color:var(--ink)}.tv-controls{align-items:center;gap:6px;display:flex}.tv-controls button{border:1px solid #fff3;border-radius:50%;place-items:center;width:40px;height:40px;font-size:11px;transition:border-color .2s,background .2s;display:grid}.tv-controls button:hover{border-color:#fff}.tv-controls .tv-save{font-size:16px}.tv-controls .tv-save.is-saved{border-color:var(--lime);color:var(--lime)}.tv-controls .tv-open{background:var(--lime);width:auto;color:var(--lime-ink);white-space:nowrap;border:0;border-radius:999px;gap:10px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.tv-controls .tv-open:hover{background:#fff}.intensity{gap:3px;display:inline-flex}.intensity i{background:var(--line-strong);border-radius:2px;width:12px;height:4px}.intensity i.is-on{background:var(--lime)}.live-dot{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);align-items:center;gap:8px;font-size:11px;display:inline-flex}.live-dot:before{content:"";background:var(--lime);border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #c9ff5399}70%{box-shadow:0 0 0 8px #c9ff5300}to{box-shadow:0 0 #c9ff5300}}.live-frame{background:var(--ground);isolation:isolate;position:absolute;inset:0;overflow:hidden}.live-frame iframe{transform-origin:0 0;opacity:0;background:var(--ground);border:0;transition:opacity .6s;position:absolute}.live-frame.is-loaded iframe{opacity:1}.live-frame-poster{color:var(--signal);background:radial-gradient(60% 80% at 80% 20%, color-mix(in srgb, var(--signal) 22%, transparent), transparent 70%), var(--ground);flex-direction:column;justify-content:flex-end;padding:6%;display:flex;position:absolute;inset:0}.live-frame-poster span{font-family:var(--mono);opacity:.7;font-size:12px}.live-frame-poster strong{letter-spacing:-.04em;font-size:clamp(20px,3vw,44px);line-height:1}.live-frame-poster:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff14 50%,#0000 70%) 0 0/250% 100%;animation:1.6s linear infinite shimmer;position:absolute;inset:0}.live-frame.is-loaded .live-frame-poster{visibility:hidden}.live-frame.is-loaded .live-frame-poster:after{animation:none}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-100% 0}}.studio{z-index:100;background:var(--bg);animation:studio-in .45s var(--ease);grid-template-rows:60px auto 1fr;display:grid;position:fixed;inset:0}@keyframes studio-in{0%{opacity:0;transform:scale(.985)}}.studio-bar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 16px;display:grid}.studio-bar-left,.studio-bar-right{align-items:center;gap:8px;display:flex}.studio-bar-right{justify-content:flex-end}.ghost-button{border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:13px;display:inline-flex}.ghost-button:hover,.icon-button:hover{border-color:var(--ink)}.stepper{border:1px solid var(--line-strong);height:36px;font-family:var(--mono);border-radius:999px;align-items:center;font-size:12px;display:inline-flex}.stepper button{width:34px;height:100%;color:var(--muted);font-size:18px;line-height:1}.stepper button:hover{color:var(--lime)}.stepper em{font-family:var(--mono);color:var(--dim);font-style:normal}.studio-title{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.studio-title strong{letter-spacing:-.02em;font-size:15px;font-weight:600}.studio-title span{text-overflow:ellipsis;white-space:nowrap;max-width:44ch;color:var(--muted);font-size:12px;overflow:hidden}.viewport-switch{border:1px solid var(--line-strong);border-radius:999px;padding:3px;display:inline-flex}.viewport-switch button{height:28px;color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:12px;display:inline-flex}.viewport-switch button.is-active{background:var(--ink);color:var(--bg)}.vp-icon{border:1.5px solid;border-radius:2px;display:block}.vp-desktop{width:14px;height:10px}.vp-tablet{width:10px;height:13px}.vp-mobile{border-radius:2px;width:7px;height:12px}.icon-button{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.studio-panes{display:none}.studio-grid{grid-template-columns:340px minmax(0,1fr) 360px;min-height:0;display:grid}.studio-spec,.studio-export{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;min-height:0;padding:24px;overflow-y:auto}.studio-spec{border-right:1px solid var(--line)}.studio-export{border-left:1px solid var(--line);flex-direction:column;gap:16px;display:flex}.spec-head{justify-content:space-between;align-items:center;display:flex}.spec-thesis{font-family:var(--serif);letter-spacing:-.02em;margin:18px 0 14px;font-size:34px;font-style:italic;font-weight:400;line-height:1.02}.spec-description{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.spec-facts{gap:12px;margin:20px 0 0;display:grid}.spec-facts div{border-top:1px solid var(--line);grid-template-columns:76px 1fr;gap:12px;padding-top:12px;font-size:13px;display:grid}.spec-facts dt{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);padding-top:2px;font-size:10.5px}.spec-facts dd{margin:0;line-height:1.45}.spec-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:32px 0 12px;font-size:11px;font-weight:400}.spec-label.is-never{color:#ff7a63}.signature-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.signature-list details{border:1px solid var(--line);background:var(--bg-raised);border-radius:12px;transition:border-color .2s}.signature-list details[open]{border-color:var(--line-strong)}.signature-list summary{letter-spacing:-.01em;cursor:pointer;gap:12px;padding:14px;font-size:14px;font-weight:550;list-style:none;display:flex}.signature-list summary::-webkit-details-marker{display:none}.signature-list summary span{font-family:var(--mono);color:var(--lime);padding-top:2px;font-size:11px}.signature-list p{color:var(--muted);margin:0;padding:0 14px 16px 41px;font-size:13px;line-height:1.6}.type-specimens{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;display:grid}.type-specimen{border:1px solid var(--line);border-radius:12px;gap:2px;padding:12px;display:grid}.type-specimen>span{margin-bottom:6px;font-size:40px;line-height:1.1}.type-specimen small{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:10px}.type-specimen strong{font-size:12px;font-weight:500}.swatches{gap:4px;display:grid}.swatch{text-align:left;border-radius:10px;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:6px;transition:background .2s;display:grid}.swatch:hover{background:#ffffff0d}.swatch i{border-radius:8px;height:32px;box-shadow:inset 0 0 0 1px #ffffff1f}.swatch span{display:grid}.swatch strong{font-size:13px;font-weight:500}.swatch small{font-family:var(--mono);color:var(--muted);font-size:11px}.rule-columns ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rule-columns li{padding-left:20px;font-size:13px;line-height:1.45;position:relative}.rule-columns li:before{content:"+";font-family:var(--mono);color:var(--lime);position:absolute;left:0}.rule-columns .never li{color:var(--muted)}.rule-columns .never li:before{content:"×";color:#ff7a63}.studio-stage{background:radial-gradient(circle at 1px 1px,#ffffff12 1px,#0000 0) 0 0/22px 22px,#060607;grid-template-rows:1fr auto;min-height:0;padding:20px 20px 0;display:grid;position:relative}.stage-frame{min-height:0;position:relative}.stage-frame:before{content:"Booting build…";font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.studio-stage .live-frame{background:0 0;overflow:visible}.studio-stage .live-frame-poster{display:none}.studio-stage iframe{border-radius:10px;box-shadow:0 0 0 1px #ffffff29,0 40px 100px -30px #000000e6}.studio-stage.is-tablet iframe,.studio-stage.is-mobile iframe{border-radius:28px;box-shadow:0 0 0 10px #1b1b1e,0 0 0 11px #ffffff24,0 50px 100px -30px #000000e6}.studio-stage.is-mobile iframe{border-radius:44px}.stage-caption{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:16px;padding:14px 4px;font-size:11px;display:flex}.stage-caption .legal,.pane-legal{font-size:inherit;letter-spacing:inherit}.stage-caption .legal a,.pane-legal a{opacity:1;transition:color .2s}.stage-caption .legal a:hover,.stage-caption .legal a:focus-visible,.pane-legal a:hover,.pane-legal a:focus-visible{color:var(--ink)}.pane-legal{display:none}.export-title{letter-spacing:-.045em;margin:0;font-size:30px;font-weight:560;line-height:.98}.export-title em{color:var(--lime)}.export-lede{color:var(--muted);margin:-4px 0 0;font-size:13px;line-height:1.55}.project-fields{border:0;gap:8px;margin:0;padding:0;display:grid}.project-fields legend{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11px}.project-fields label{border:1px solid var(--line);background:var(--bg-raised);border-radius:10px;grid-template-columns:88px 1fr;align-items:center;transition:border-color .2s;display:grid}.project-fields label:focus-within{border-color:var(--lime)}.project-fields span{color:var(--muted);padding-left:12px;font-size:12px}.project-fields input{background:0 0;border:0;outline:none;min-width:0;height:40px;padding:0 12px 0 0;font-size:13px}.project-fields input::placeholder{color:var(--dim)}.tool-picker{flex-wrap:wrap;gap:6px;display:flex}.tool-picker button{border:1px solid var(--line-strong);height:32px;color:var(--muted);border-radius:999px;padding:0 12px;font-size:12px;transition:all .2s}.tool-picker button:hover{color:var(--ink)}.tool-picker button.is-active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.attach-toggle{border:1px solid var(--line);cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:12px;font-size:13px;display:grid}.attach-toggle input{opacity:0;pointer-events:none;position:absolute}.attach-toggle small{font-family:var(--mono);color:var(--muted);font-size:11px;display:block}.switch{background:var(--line-strong);border-radius:999px;width:36px;height:20px;transition:background .2s;position:relative}.switch:after{content:"";background:var(--ink);width:14px;height:14px;transition:transform .25s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.attach-toggle input:checked+.switch{background:var(--lime)}.attach-toggle input:checked+.switch:after{background:var(--lime-ink);transform:translate(16px)}.attach-toggle input:focus-visible+.switch{outline:2px solid var(--lime);outline-offset:3px}.primary-export{background:var(--lime);color:var(--lime-ink);text-align:left;letter-spacing:-.02em;transition:transform .25s var(--ease);border-radius:14px;justify-content:space-between;align-items:center;padding:16px 18px;font-size:16px;font-weight:650;display:flex}.primary-export:hover{transform:translateY(-2px)}.primary-export small{font-family:var(--mono);letter-spacing:0;opacity:.65;margin-top:2px;font-size:11px;font-weight:400;display:block}.primary-export b{font-family:var(--mono);background:#0000001a;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:500}.prompt-toggle{color:var(--muted);justify-content:space-between;padding:0 4px;font-size:13px;display:flex}.prompt-toggle:hover{color:var(--ink)}.prompt-preview{border:1px solid var(--line);max-height:320px;font-family:var(--mono);white-space:pre-wrap;color:var(--muted);background:#050505;border-radius:12px;margin:0;padding:14px;font-size:11px;line-height:1.6;overflow:auto}.export-rows{border-top:1px solid var(--line)}.export-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:13px;display:flex}.export-row>span small{font-family:var(--mono);color:var(--dim);margin-right:10px;font-size:10px}.export-row>div{gap:6px;display:flex}.export-row button{border:1px solid var(--line-strong);height:28px;font-family:var(--mono);color:var(--muted);border-radius:8px;padding:0 10px;font-size:11px}.export-row button:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.export-row button:disabled{opacity:.4;cursor:wait}.toast{z-index:120;background:var(--lime);color:var(--lime-ink);opacity:0;pointer-events:none;transition:opacity .25s, transform .35s var(--ease);border-radius:999px;padding:12px 20px;font-size:14px;font-weight:600;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}.toast.is-visible{opacity:1;transform:translate(-50%)}@media (width<=1280px){.tv-console{grid-template-columns:minmax(240px,1fr) minmax(0,1.6fr) auto}.studio-grid{grid-template-columns:300px minmax(0,1fr) 320px}.viewport-switch button span{display:none}}@media (width<=1024px){.tv-console{grid-template-columns:1fr auto;grid-template-areas:"readout controls""tuner tuner";row-gap:14px}.tv-readout{grid-area:readout}.tv-controls{grid-area:controls}.tuner{grid-area:tuner}.studio{grid-template-rows:60px auto 1fr}.studio-title{display:none}.studio-bar{grid-template-columns:1fr auto}.studio-panes{border-bottom:1px solid var(--line);gap:4px;padding:8px 16px;display:flex}.studio-panes button{height:34px;color:var(--muted);border-radius:999px;flex:1;font-size:13px}.studio-panes button.is-active{background:var(--ink);color:var(--bg)}.studio-grid{grid-template-columns:1fr}.studio-grid>*{display:none}.studio-grid[data-pane=spec] .studio-spec{border:0;display:block}.studio-grid[data-pane=preview] .studio-stage{display:grid}.studio-grid[data-pane=export] .studio-export{border:0;display:flex}.pane-legal{border-top:1px solid var(--line);font-family:var(--mono);color:var(--muted);margin-top:40px;padding-top:16px;font-size:11px;display:flex}.studio-export .pane-legal{margin-top:auto}}@media (width<=720px){.topbar{gap:16px;height:60px}.brand>span:last-child{display:none}.topbar-end{gap:12px}.topbar .legal{letter-spacing:.08em;flex-direction:column;align-items:flex-end;gap:3px;font-size:9px}.topbar .legal i{display:none}.tv{padding-top:60px}.tv-dock{padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.tv-console{border-radius:16px;gap:10px;padding:10px 12px}.tv-channel{font-size:40px}.tv-meta>span:not(.tv-tags),.tv-tags .intensity,.tv-controls button[aria-label$=auto-zap]{display:none}.tv-controls button{width:34px;height:34px}.tv-controls .tv-open{padding:0 13px}.tv-open span:first-child{display:none}.tuner-track,.tuner-track i.is-on{height:34px}.tuner-groups{display:none}.shell:before{height:60px}.studio-bar{padding:0 10px}.stepper,.studio-bar .icon-button[title=Reload\ preview]{display:none}.ghost-button{padding:0 12px}.studio-stage{padding:12px 12px 0}.stage-hint{display:none}.studio-stage.is-mobile iframe,.studio-stage.is-tablet iframe{border-radius:16px;box-shadow:0 0 0 1px #ffffff24}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.live-frame-poster:after,.live-dot:before,.studio{animation:none}.tuner-needle{transition:none}}