@font-face{font-family:Archivo;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/archivo.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/geist-mono.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/newsreader.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#000;--glass:linear-gradient(90deg, #2f2f2ff7, #262626f7);--card:#1b1b1b;--fg:#fff;--fg-2:#8f8f8f;--line:#4a4a4a;--red:#f9595f;--red-ink:#fa6b71;--red-glow:0 0 6px #f9595fe6, 0 0 18px #f9595f8c;--ok:#3ddc84;--font-body:"PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;--font-serif:"Newsreader", Georgia, "PingFang TC", serif;--font-wide:"Archivo", "Helvetica Neue", "PingFang TC", sans-serif;--font-mono:"Geist Mono", "SF Mono", ui-monospace, monospace;--r-panel:16px;--ease:cubic-bezier(.2, .7, .2, 1);--t-ui:.16s;--t-panel:.3s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.6;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.review{z-index:10;background:#ffffffeb;border-radius:999px;gap:2px;padding:3px;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 4px 16px #0006}.review button{color:#333;min-height:30px;font-family:var(--font-mono);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:12px}.review button[aria-pressed=true]{color:#fff;background:#000}@media (width<=760px){.review{max-width:calc(100% - 16px);top:60px;bottom:auto;overflow-x:auto}}.review .switch{border-right:1px solid #ccc;border-radius:999px 0 0 999px;font-weight:700}.glass{background:var(--glass);-webkit-backdrop-filter:blur(7px)}.eyebrow{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;color:var(--red-ink);margin:0;font-size:12px;line-height:1.4}.mono{font-family:var(--font-mono);text-transform:uppercase;color:var(--fg-2);font-size:12px}.tag{font-family:var(--font-mono);border:1px solid var(--line);color:var(--fg-2);text-transform:uppercase;white-space:nowrap;border-radius:6px;padding:6px 9px;font-size:12px;line-height:1}.tag.red{border-color:var(--red);color:var(--red)}.dim{color:var(--fg-2)}.led{width:10px;height:10px;transition:background var(--t-ui) var(--ease), box-shadow var(--t-ui) var(--ease);background:#5a1a1c;border-radius:50%;flex:none}.led.on{background:var(--red);box-shadow:var(--red-glow)}.led.blink{background:var(--red);box-shadow:var(--red-glow);animation:1.2s ease-in-out infinite blink}.led.ok{background:var(--ok);box-shadow:0 0 6px #3ddc84e6,0 0 18px #3ddc8480}.topbar{border-radius:14px;grid-area:1/1/auto/-1;align-items:center;gap:12px;height:52px;padding:0 8px 0 18px;display:flex}.wordmark{font-family:var(--font-serif);letter-spacing:-.04em;font-size:22px;font-weight:300;line-height:1}.artist{color:var(--fg-2)}.topbar .seg{margin-left:auto}.seg{background:#0006;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{min-height:34px;color:var(--fg-2);transition:background var(--t-ui) var(--ease), color var(--t-ui) var(--ease);background:0 0;border:0;border-radius:999px;padding:0 14px}.seg button[aria-pressed=true]{color:var(--fg);background:#474747}.seg button:disabled{color:#5c5c5c;cursor:not-allowed}.primary,.ghost{min-height:40px;transition:background var(--t-ui) var(--ease), border-color var(--t-ui) var(--ease), color var(--t-ui) var(--ease);border-radius:999px;padding:0 18px}.primary{background:var(--fg);color:#000;border:0}.ghost{border:2px solid var(--line);color:var(--fg-2);background:0 0}.ghost:hover:not(:disabled){border-color:var(--fg-2);color:var(--fg)}.spec{align-items:baseline;gap:10px;margin:0;display:flex}.spec .num{font-family:var(--font-wide);font-variation-settings:"wdth" 118;letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:500;line-height:1}.spec .unit{color:var(--fg-2)}.link{min-height:32px;color:var(--fg-2);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.link:hover{color:var(--fg)}.go{background:var(--red);min-height:46px;box-shadow:var(--red-glow);color:#fff;letter-spacing:.04em;transition:filter var(--t-ui) var(--ease);border:0;border-radius:999px;flex:1;font-size:19px;font-weight:700}.go:hover:not(:disabled){filter:brightness(1.1)}.go:disabled,.ghost:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes fade{0%{opacity:0}}@keyframes blink{50%{opacity:.25;box-shadow:none}}a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.admin .go:disabled{opacity:1;background:var(--line);color:var(--fg-2)}.picker-list li.taken{color:var(--fg-2);cursor:not-allowed}.hint.err{color:var(--red-ink)}.kv a{color:inherit;text-underline-offset:3px}.log{gap:4px;margin:0;padding:0;list-style:none;display:grid}.form.login{max-width:420px}.log-box{background:var(--card);max-height:320px;color:var(--fg);font:12px/1.6 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;margin:0;padding:12px 14px;overflow:auto}.track.indeterminate span{width:35%;animation:flesh-slide 1.4s var(--ease) infinite alternate}@keyframes flesh-slide{0%{transform:translate(-10%)}to{transform:translate(200%)}}@media (prefers-reduced-motion:reduce){.track.indeterminate span{opacity:.5;width:100%;animation:none}}.sys.err{color:var(--red-ink)}.studio .log-box{margin-block:8px}:root[data-theme=light]{--bg:#e6e6e6;--glass:linear-gradient(90deg, #fafafaf0, #f0f0f0f0);--card:#f7f7f7;--fg:#000;--fg-2:#5a5a5a;--line:#c4c4c4;--red-ink:#cf070f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] .studio .led:not(.on,.blink,.ok){background:#f2c4c6}[data-theme=light] .studio .seg{background:#0000000f}[data-theme=light] .studio .seg button[aria-pressed=true]{background:var(--fg);color:#fff}[data-theme=light] .studio .seg button:disabled{color:#9a9a9a}[data-theme=light] .studio .primary,[data-theme=light] .studio .send,[data-theme=light] .studio .published a{color:#fff}[data-theme=light] .studio .send:disabled{color:#6b6b6b;background:#dcdcdc}[data-theme=light] .studio .go:disabled{opacity:1;background:var(--line);color:var(--fg-2)}[data-theme=light] .studio .working{background:#ffffffb3}[data-theme=light] .studio .msg.user{background:#e4e4e4}[data-theme=light] .studio .publish,[data-theme=light] .studio .published,[data-theme=light] .studio .composer{background:#fff}[data-theme=light] .studio .welcome ol,[data-theme=light] .studio .welcome li+li,[data-theme=light] .studio .plan li,[data-theme=light] .studio .plan li:last-child,[data-theme=light] .studio .publish li{border-color:#dcdcdc}[data-theme=light] .studio .steps li,[data-theme=light] .studio .composer textarea::placeholder{color:#6b6b6b}[data-theme=light] .studio .tool[aria-pressed=true]{color:var(--red-ink)}[data-theme=light] .studio .log-box{background:#fff}.theme-btn{width:34px;height:34px;color:var(--fg-2);background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid}.theme-btn:hover{color:var(--fg)}.head-actions{align-items:center;gap:6px;display:flex}.help{border:1px solid var(--line);min-height:32px;color:var(--fg-2);background:0 0;border-radius:999px;padding:0 12px;font-size:12px}.help:hover{color:var(--fg);border-color:var(--fg-2)}.studio .tool:disabled{opacity:.45;cursor:not-allowed}.studio .tool:disabled:hover{color:var(--fg-2);border-color:var(--line)}.chip .progress.indeterminate{width:35%;animation:flesh-slide 1.4s var(--ease) infinite alternate}.support{gap:10px;display:grid}.support label{color:var(--fg-2);gap:4px;font-size:12px;display:grid}.support input,.support textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--fg);font:inherit;resize:vertical;border-radius:8px;padding:8px 10px;font-size:14px}.support input:focus-visible,.support textarea:focus-visible{outline:2px solid var(--red);outline-offset:1px}.support .eyebrow,.support p{margin:0}button.link{color:var(--red-ink);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}[data-theme=light] .studio .support input,[data-theme=light] .studio .support textarea{background:#fff}[data-theme=light] .studio .chip.pin{color:var(--red-ink)}[data-theme=light] .studio .msg.user .chip{border-color:#bdbdbd}[data-theme=light] .studio .msg.user .chip .size{color:#5a5a5a}.points{font-family:var(--font-mono);color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.points .unit{color:var(--fg-2)}.points.low{color:var(--red-ink)}.msg .cost{font-family:var(--font-mono);color:var(--fg-2);margin:6px 0 0;font-size:11px}.budget{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.budget input{border:1px solid var(--line);width:6em;color:var(--fg);font:inherit;font-variant-numeric:tabular-nums;background:0 0;border-radius:8px;padding:6px 8px}.md>*{margin:0}.md>*+*{margin-top:.6em}.md ul,.md ol{padding-left:1.3em}.md li+li{margin-top:.25em}.md h1,.md h2,.md h3{font-size:1em;font-weight:700}.md strong{color:var(--fg);font-weight:700}.md code{background:var(--line);font:.9em var(--font-mono);overflow-wrap:anywhere;border-radius:4px;padding:.1em .35em}.md pre{background:var(--line);border-radius:8px;padding:10px 12px;overflow-x:auto}.md pre code{background:0 0;padding:0}.md a{color:var(--red-ink);text-underline-offset:3px}.md blockquote{color:var(--fg-2);padding-left:1em}.topbar .tag.pro{border-color:var(--red);color:var(--red-ink)}.published{flex-wrap:wrap}.published>button.link{text-align:left;flex-basis:100%;font-size:13px}.rollback{color:var(--fg-2);flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;font-size:13px;display:flex}.rollback span{flex:100%}.switch-row{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.switch-row input{width:16px;height:16px;accent-color:var(--red)}.rollback-confirm{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.help-menu{position:relative}.help-menu .help{border:0;place-items:center;width:32px;height:32px;padding:0;line-height:0;display:inline-grid}.help-menu .help:hover{border:0}.help-menu .menu{z-index:20;border:1px solid var(--line);background:var(--card);border-radius:12px;min-width:220px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000040}.help-menu .menu a,.help-menu .menu button{width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 12px;font-size:14px;text-decoration:none;display:block}.help-menu .menu a:hover,.help-menu .menu button:hover,.help-menu .menu a:focus-visible,.help-menu .menu button:focus-visible{background:var(--line);outline:none}.help-menu .menu .version{border-top:1px solid var(--line);color:var(--fg-2);font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-top:4px;padding:9px 12px 6px;font-size:11px}.canvas.is-device iframe{transform-origin:50%;box-shadow:0 0 0 1px var(--line), 0 24px 60px -24px #00000059;background:#fff;border-radius:12px;position:absolute;top:50%;left:50%}.device-menu{position:relative}.device-menu .menu{z-index:20;border:1px solid var(--line);background:var(--card);border-radius:12px;min-width:200px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000040}.device-menu .menu button,.device-menu .menu a{width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;gap:16px;padding:9px 12px;font-size:14px;display:flex}.device-menu .menu button:hover,.device-menu .menu button:focus-visible,.device-menu .menu a:hover,.device-menu .menu a:focus-visible{background:var(--line);outline:none}.device-menu .menu a{color:var(--fg);text-decoration:none}.device-menu .menu .sep{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.device-menu .menu button[aria-pressed=true]{color:var(--red-ink)}.device-menu .menu .size{color:var(--fg-2);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px}.chat-toggle{display:none}@media (width>=761px){.studio .fold{border:1px solid var(--line);min-height:32px;color:var(--fg-2);background:0 0;border-radius:999px;padding:0 12px;font-size:12px;display:inline-block}.studio .fold:hover{color:var(--fg);border-color:var(--fg-2)}.studio.chat-closed{grid-template-columns:minmax(0,1fr)}.studio.chat-closed .panel{display:none}.studio.chat-closed .chat-toggle{display:inline-flex}}.device-note{z-index:3;background:var(--glass);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:var(--fg-2);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;margin:0;padding:5px 12px;font-size:11px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.device-note.is-scaled{color:var(--fg)}.topbar-tools+.seg{margin-left:0}.topbar-tools{background:#0006;border-radius:999px;gap:2px;margin-left:auto;padding:3px;display:inline-flex}.tool-btn{min-width:34px;min-height:34px;color:var(--fg-2);transition:background var(--t-ui) var(--ease), color var(--t-ui) var(--ease);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:inline-flex}.tool-btn:hover,.tool-btn[aria-expanded=true]{color:var(--fg);background:#474747}[data-theme=light] .studio .topbar-tools{background:#0000000f}[data-theme=light] .studio .tool-btn:hover,[data-theme=light] .studio .tool-btn[aria-expanded=true]{background:var(--fg);color:#fff}.meter{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg-2);align-items:center;gap:8px;font-size:12px;display:inline-flex}.meter .bar{background:var(--line);border-radius:999px;width:64px;height:4px;position:relative;overflow:hidden}.meter .bar span{border-radius:inherit;background:var(--fg);position:absolute;inset:0 auto 0 0}.meter .pct{text-align:right;min-width:3ch;color:var(--fg)}.meter.low .bar span{background:var(--red)}.meter.low .pct{color:var(--red-ink)}.help-menu .menu .points-left{border-bottom:1px solid var(--line);color:var(--fg-2);gap:2px;margin-bottom:4px;padding:8px 12px 10px;font-size:12px;display:grid}.help-menu .menu .points-left .num{color:var(--fg);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:15px}.admin .detail{gap:24px;width:100%;max-width:1180px;display:grid}.admin .detail .back{justify-self:start}.detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.detail-head .statement{margin:4px 0 10px}.detail-head .meta{flex-wrap:wrap;align-items:center;gap:16px;margin:0;font-size:13px;display:flex}.detail-head .meta a{color:var(--fg-2);font-family:var(--font-mono);font-size:12px;text-decoration:none}.detail-head .meta a:hover{color:var(--fg)}.detail-head .actions{gap:8px;display:flex}.admin .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin .card{background:var(--bg);border-radius:16px;align-content:start;gap:14px;min-width:0;padding:20px 22px;display:grid}.admin .card>.eyebrow{margin:0}.usage-card .big{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:0;font-size:32px;line-height:1}.usage-card .big span{color:var(--fg-2);font-size:15px}.usage-card .bar{background:var(--card);border-radius:999px;height:6px;position:relative;overflow:hidden}.usage-card .bar span{border-radius:inherit;background:var(--fg);position:absolute;inset:0 auto 0 0}.usage-card .bar.low span{background:var(--red)}.usage-card .facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.usage-card .facts div{gap:2px;display:grid}.usage-card .facts dt{color:var(--fg-2);font-size:12px}.usage-card .facts dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.settings-card .setting{border-top:1px solid var(--card);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.settings-card .setting:first-of-type{border-top:0;padding-top:0}.settings-card .setting>span:first-child,.settings-card .setting>label{cursor:pointer;gap:2px;display:grid}.settings-card .setting strong{font-size:14px;font-weight:600}.admin .switch{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;flex:none;width:40px;height:24px;margin:0;transition:background .2s;position:relative}.admin .switch:after{content:"";width:18px;height:18px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.admin .switch:checked{background:var(--red)}.admin .switch:checked:after{transform:translate(16px)}.admin .switch:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.deploy-card .deploy-line{flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.deploy-card .deploy-line .dim{font-size:13px}.deploy-card .row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.deploy-card .history summary{cursor:pointer;color:var(--fg-2);font-size:13px}.deploy-card .history .log{margin-top:8px}.deploy-card .deploys{margin:8px 0 0;padding:0;list-style:none;display:grid}.deploy-card .deploys li{border-top:1px solid var(--card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:10px 0;display:flex}.deploy-card .deploys li:first-child{border-top:0}.deploy-card .deploys .what{flex:220px;gap:2px;min-width:0;display:grid}.deploy-card .deploys .title{overflow-wrap:anywhere;font-size:14px}.deploy-card .deploys .dim{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.deploy-card .deploys .row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.deploy-card .err-text{color:var(--red)}.info-card .kv{margin:0}.accounts-card{grid-column:1/-1}.accounts-card .accounts{margin:0;padding:0;list-style:none;display:grid}.accounts-card .accounts li{border-top:1px solid var(--card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 0;display:flex}.accounts-card .accounts li:first-child{border-top:0;padding-top:0}.accounts-card .who{gap:2px;min-width:0;display:grid}.accounts-card .who strong{font-family:var(--font-mono);font-size:14px;font-weight:600}.accounts-card .row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.accounts-card .add-account{gap:8px;display:flex}.accounts-card .add-account input{border:1px solid var(--line);background:var(--bg);min-width:0;min-height:40px;color:var(--fg);border-radius:10px;flex:1;padding:0 12px;font-size:14px}.accounts-card .add-account input:focus{outline:2px solid var(--fg);outline-offset:-1px}.accounts-card .new-password{background:var(--card);border-radius:12px;gap:10px;padding:14px 16px;display:grid}.accounts-card .new-password p{gap:2px;margin:0;display:grid}.accounts-card .new-password code{font-family:var(--font-mono);letter-spacing:.04em;-webkit-user-select:all;user-select:all;font-size:20px}.accounts-card .history summary{cursor:pointer;color:var(--fg-2);font-size:13px}.accounts-card .history .log{margin-top:8px}.accounts-card .err-text{color:var(--red)}@media (width<=860px){.admin .cards{grid-template-columns:minmax(0,1fr)}.usage-card .facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin .crumbs{align-items:center;gap:8px;min-width:0;margin-left:8px;font-size:14px;display:flex}.admin .crumbs button{color:var(--fg-2);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 2px}.admin .crumbs button:hover{color:var(--fg)}.admin .crumbs .here{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.admin .crumbs .sep{color:var(--line)}.admin .topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.admin .topbar-right .add{margin-left:0}.admin .account{position:relative}.admin .account-btn{min-height:36px;color:var(--fg);cursor:pointer;background:#0000000f;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 4px;font-size:13px;display:inline-flex}.admin .account-btn:hover,.admin .account-btn[aria-expanded=true]{background:#0000001a}.admin .avatar{background:var(--fg);width:28px;height:28px;color:var(--bg);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:12px;display:inline-grid}.admin .account .menu{z-index:20;border:1px solid var(--line);background:var(--bg);border-radius:12px;min-width:200px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0000002e}.admin .account .menu .me{border-bottom:1px solid var(--card);color:var(--fg-2);padding:8px 12px 10px;font-size:12px}.admin .account .menu button{width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;margin-top:4px;padding:9px 12px;font-size:14px}.admin .account .menu button:hover{background:var(--card)}@media (width<=760px){.admin .account .who{display:none}.admin .account-btn{padding-right:6px}}.account-menu{position:relative}.account-menu .avatar-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:inline-grid}.account-menu .avatar{background:var(--fg);width:26px;height:26px;color:var(--bg);font-family:var(--font-mono);transition:box-shadow var(--t-ui) var(--ease);border-radius:50%;place-items:center;font-size:12px;display:inline-grid}.account-menu .avatar-btn:hover .avatar,.account-menu .avatar-btn[aria-expanded=true] .avatar{box-shadow:0 0 0 3px var(--line)}.account-menu .avatar-btn:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.account-menu .menu .me{border-bottom:1px solid var(--line);gap:2px;margin-bottom:4px;padding:8px 12px 10px;display:grid}.account-menu .menu .me span{color:var(--fg-2);font-size:12px}.account-menu .menu .me strong{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:14px;font-weight:500}.studio .go.is-progress,[data-theme=light] .studio .go.is-progress:disabled{opacity:1;cursor:progress;background:color-mix(in srgb, var(--red) 40%, #2a0c0d);box-shadow:none;color:#fff;letter-spacing:0;font-variant-numeric:tabular-nums;font-size:15px;position:relative;overflow:hidden}.studio .go.is-progress:before{content:"";width:var(--p);background:var(--red);box-shadow:var(--red-glow);transition:width 1s linear;position:absolute;inset:0 auto 0 0}.studio .go.is-progress>span{position:relative}@media (prefers-reduced-motion:reduce){.studio .go.is-progress:before{transition:none}}.about{--gut:clamp(20px, 5vw, 72px);--max:1240px;--ink-2:var(--fg-2);--hair:var(--line);--red-soft:#fa6b71;--t-body:clamp(17px, 1.3vw, 18px);--t-lead:clamp(18px, 1.5vw, 21px);--t-h2:clamp(26px, 3vw, 40px);--t-h1:clamp(38px, 6vw, 84px);--t-mono:13px;color:var(--fg);background:var(--bg);font-family:var(--font-body);overflow-x:clip}:root[data-theme=light] .about{--red-soft:#cf070f}:is(html:has(.about),body:has(.about)){background:var(--bg)}body:has(.about){height:auto;overflow:clip visible}.about ::selection{background:var(--red);color:#fff}.about h1,.about h2,.about h3,.about p{margin:0}.about p{text-wrap:pretty}.about h1,.about h2{text-wrap:balance;font-feature-settings:"halt";word-break:keep-all;overflow-wrap:anywhere}.about [data-reveal]{opacity:0;transition:opacity .9s var(--ease), transform 1.1s var(--ease);transform:translateY(24px)}.about [data-reveal].in{opacity:1;transform:none}.about li[data-reveal]:nth-child(2){transition-delay:60ms}.about li[data-reveal]:nth-child(3){transition-delay:.12s}.about li[data-reveal]:nth-child(4){transition-delay:.18s}.about li[data-reveal]:nth-child(5){transition-delay:.24s}.hero .line{opacity:1;margin-bottom:-.14em;padding-bottom:.14em;display:block;overflow:hidden;transform:none}.hero .line>span{transition:transform 1.1s var(--ease);display:block;transform:translateY(105%)}.hero .line.in>span{transform:none}.hero .line+.line>span{transition-delay:90ms}.led-dot{background:var(--red);vertical-align:.05em;border-radius:50%;width:.62em;height:.62em;animation:3.2s ease-in-out infinite led-breathe;display:inline-block;box-shadow:0 0 0 .12em #f9595f2e,0 0 .9em #f9595f8c}@keyframes led-breathe{0%,to{box-shadow:0 0 0 .12em #f9595f2e,0 0 .9em #f9595f8c}50%{box-shadow:0 0 0 .16em #f9595f1a,0 0 .5em #f9595f40}}.hero{max-width:var(--max);padding:clamp(80px, 11vw, 152px) var(--gut) clamp(56px, 7vw, 104px);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:clamp(18px,2vw,28px) clamp(32px,5vw,80px);margin:0 auto;display:grid}.hero>:not(.demo){grid-column:1}.hero .demo{grid-area:1/2/span 3;align-self:center}.about .eyebrow,.about .label{font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:.12em;color:var(--red-soft)}.hero .eyebrow{align-items:center;gap:12px;display:flex}.hero .eyebrow .led-dot{vertical-align:0;width:10px;height:10px}.hero h1{container-type:inline-size}.hero .line{font-size:min(var(--t-h1), 13cqi)}.hero .line>span{white-space:nowrap}.hero h1{font-size:var(--t-h1);letter-spacing:-.02em;font-weight:600;line-height:1.08}.hero h1 em{color:var(--red-soft);font-style:normal}.hero .lead{max-width:32em;font-size:var(--t-lead);color:var(--ink-2);line-height:1.75}.sec{max-width:var(--max);padding:clamp(44px, 6vw, 88px) var(--gut);grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(20px,4vw,64px);margin:0 auto;display:grid;position:relative}.sec:before{content:"";inset:0 var(--gut) auto;border-top:1px solid var(--hair);position:absolute}.sec .label{align-self:start;padding-top:.45em;position:sticky;top:28px}.sec .content{min-width:0}.about h2{font-size:var(--t-h2);letter-spacing:-.01em;margin-bottom:clamp(20px,2.6vw,32px);font-weight:600;line-height:1.2}.about h3{font-size:clamp(17px,1.35vw,19px);font-weight:600;line-height:1.4}.story .body{gap:.8em;max-width:30em;font-size:clamp(19px,1.7vw,24px);font-weight:500;line-height:1.6;display:grid}.story .body p:not(.punch){color:var(--ink-2)}.story .punch{color:var(--fg)}.story .sign{font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:.06em;color:var(--ink-2);margin-top:28px}.pair .content{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px);display:grid}.pair .word{font-family:var(--font-serif);letter-spacing:-.035em;margin-bottom:clamp(14px,1.6vw,22px);font-size:clamp(48px,6vw,88px);font-weight:300;line-height:.95}.pair .word.red{color:var(--red-soft)}.pair h3{margin-bottom:8px}.pair p:not(.word){font-size:var(--t-body);color:var(--ink-2);max-width:24em;line-height:1.8}.say ul{margin:0;padding:0;list-style:none}.say li{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:baseline;gap:24px;padding-block:clamp(15px,1.7vw,21px);display:grid;position:relative}.say ul{border-bottom:1px solid var(--hair)}.say .you{transition:transform .5s var(--ease);font-size:clamp(17px,1.6vw,21px);font-weight:500;line-height:1.45}.say .site{font-family:var(--font-mono);color:var(--ink-2);gap:10px;font-size:14px;line-height:1.7;display:flex}.say .arrow{color:var(--ink-2);transition:transform .5s var(--ease), color .3s}@media (hover:hover){.say li:hover .you{transform:translate(8px)}.say li:hover .arrow{color:var(--red-soft);transform:translate(4px)}}.flow ol{margin:0;padding:0;list-style:none}.flow li{grid-template-columns:clamp(48px,5vw,68px) minmax(0,1fr);gap:14px;padding-block:clamp(15px,1.7vw,21px);display:grid;position:relative}.flow ol{border-bottom:1px solid var(--hair)}.flow .n{font-family:var(--font-serif);color:var(--red-soft);font-variant-numeric:tabular-nums;font-size:clamp(30px,2.8vw,40px);font-weight:300;line-height:1}.flow h3{margin-bottom:4px}.flow p{color:var(--ink-2);font-size:16px;line-height:1.7}.notes .content{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px);display:grid}.notes h3{margin-bottom:10px}.notes p{font-size:var(--t-body);color:var(--ink-2);line-height:1.85}.finale{padding:clamp(56px,8vw,120px) 0 0;position:relative;overflow:hidden}.finale:before{content:"";inset:0 var(--gut) auto;border-top:1px solid var(--hair);position:absolute}.finale .giant{font-family:var(--font-serif);letter-spacing:-.055em;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:clamp(96px,23vw,380px);font-weight:300;line-height:.82}.finale .giant .period{vertical-align:0;width:1em;height:1em;margin-left:.3em;font-size:.12em;position:relative;top:-.14em}.credit{max-width:var(--max);padding:22px var(--gut) 28px;font-family:var(--font-mono);color:var(--ink-2);justify-content:space-between;align-items:baseline;gap:16px;margin:clamp(32px,4vw,56px) auto 0;font-size:14px;display:flex}.credit p:first-child{color:var(--fg)}.credit .ver{font-variant-numeric:tabular-nums;font-size:12px}@media (width<=760px){.sec{grid-template-columns:minmax(0,1fr);gap:14px}.sec .label{padding-top:0}.pair .content,.notes .content{grid-template-columns:minmax(0,1fr);gap:36px}.say li{grid-template-columns:minmax(0,1fr);gap:6px}.credit{flex-direction:column;gap:6px}}@media (prefers-reduced-motion:reduce){.about [data-reveal],.hero .line>span{opacity:1;transition:none;transform:none}.led-dot{animation:none}}.say li:before,.flow li:before{content:"";border-top:1px solid var(--hair);transform-origin:0;transition:transform 1.2s var(--ease);transition-delay:inherit;position:absolute;inset:0 0 auto;transform:scaleX(0)}.say li.in:before,.flow li.in:before{transform:none}.demo{border:1px solid var(--hair);background:var(--card);border-radius:18px;font-size:14px;overflow:hidden;box-shadow:0 30px 60px -30px #00000059}.demo-bar{border-bottom:1px solid var(--hair);font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:10px;padding:12px 16px;font-size:12px;display:flex}.demo-bar .led-dot{vertical-align:0;width:8px;height:8px}.demo .dim{color:var(--ink-2)}.demo-chat{align-content:start;gap:10px;min-height:104px;padding:18px 16px 6px;display:grid}.demo-chat .you{background:var(--fg);max-width:88%;min-height:1.6em;color:var(--bg);border-radius:14px 14px 4px;justify-self:end;padding:8px 12px;line-height:1.5;transition:opacity .3s}.demo-chat .you.empty{opacity:0}.demo-chat .caret{vertical-align:-.12em;background:currentColor;width:1px;height:1em;margin-left:2px;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.demo-chat .ai{color:var(--ink-2);opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:translateY(6px)}.demo-chat .ai.on{opacity:1;transform:none}.demo-site{font-family:var(--font-mono);margin:10px 16px 18px;padding:0;font-size:12.5px;list-style:none}.demo-site li{border-top:1px solid var(--hair);border-radius:6px;grid-template-columns:4.2em 1fr auto;gap:10px;padding:9px 8px;display:grid}.demo-site li.new{animation:row-in 2.4s var(--ease) both}@keyframes row-in{0%{opacity:0;background:#f9595f38;transform:translateY(-6px)}20%{opacity:1;background:#f9595f38;transform:none}to{background:0 0}}.finale .giant[data-reveal]{opacity:1;transform:none}.finale .giant .ch{opacity:0;transition:opacity .8s var(--ease), transform 1.1s var(--ease);transition-delay:calc(var(--i) * 70ms);display:inline-block;transform:translateY(.18em)}.finale .giant.in .ch{opacity:1;transform:none}.finale .giant .period{box-shadow:none;background:#5a1a1c;transition:background .25s .9s;animation:none}.finale .giant.in .period{background:var(--red);animation:3.2s ease-in-out 1.15s infinite led-breathe}:root[data-theme=light] .finale .giant .period:not(.x){background:#f2c4c6}:root[data-theme=light] .finale .giant.in .period{background:var(--red)}@media (width<=900px){.hero{grid-template-columns:minmax(0,1fr)}.hero .demo{grid-area:auto/1;max-width:460px;margin-top:16px}.sec .label{position:static}}@media (prefers-reduced-motion:reduce){.finale .giant .ch{opacity:1;transition:none;transform:none}.say li:before,.flow li:before{transition:none;transform:none}.demo-site li.new{animation:none}}.demo-site li>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin{--bg:#fff;--glass:linear-gradient(90deg, #ecececf0, #e2e2e2f0);--card:#f2f2f2;--fg:#000;--fg-2:#5e5e5e;--line:#c4c4c4;--red-ink:#cf070f;background:var(--bg);height:100%;color:var(--fg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:12px;display:grid}.admin .tag.red{color:var(--red-ink);border-color:var(--red-ink)}.admin .led:not(.on,.blink,.ok){background:#f2c4c6}.admin .seg{background:#0000000f}.admin .seg button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.admin .seg button:disabled{color:#9a9a9a}.admin .primary{background:var(--fg);color:var(--bg)}.admin .primary:disabled{opacity:.35;cursor:not-allowed}.crumb{color:var(--fg-2)}.add{background:var(--fg);min-height:36px;color:var(--bg);border:0;border-radius:999px;margin-left:auto;padding:0 16px}.sheet{background:var(--card);border-radius:20px;flex-direction:column;align-items:flex-start;gap:28px;min-height:0;padding:32px 40px 96px;display:flex;overflow-y:auto}.sheet>*{width:100%;max-width:960px}.back{width:auto;margin-bottom:-12px}.head{gap:10px;display:grid}.head.row{align-items:flex-end;gap:24px;display:flex}.head.row .status{padding-bottom:4px}.statement{font-family:var(--font-wide);font-variation-settings:"wdth" 118;letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:24px;font-weight:400;line-height:1.25}.statement span{color:var(--fg-2)}.specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.specs .spec{background:var(--bg);border-radius:14px;padding:18px 20px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-top:1px solid var(--line);white-space:nowrap;height:52px;padding:0 16px 0 0;font-weight:400}.table thead th{height:36px;font-family:var(--font-mono);text-transform:uppercase;color:var(--fg-2);border-top:0;font-size:12px}.table tbody tr:last-child>*{border-bottom:1px solid var(--line)}.row-link{min-height:40px;font-family:var(--font-mono);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;transition:color var(--t-ui) var(--ease);background:0 0;border:0;padding:0;font-size:14px}.row-link:hover{color:var(--red-ink)}.mono-val{font-family:var(--font-mono);font-size:13px}.status{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.small{margin:0;font-size:13px}code{font-family:var(--font-mono);font-size:13px}.form{gap:22px;max-width:560px;display:grid}.form label,.form .field,.form fieldset{gap:8px;display:grid}.form fieldset{border:0;margin:0;padding:0}.label{font-family:var(--font-mono);text-transform:uppercase;color:var(--fg-2);font-size:12px}.form input:not([type]),.form input[type=password],.picker-btn{border:1px solid var(--line);background:var(--bg);border-radius:10px;min-height:46px;padding:0 14px;font-size:15px}.form input:not([type]):focus,.form input[type=password]:focus,.picker-btn:focus-visible{outline:2px solid var(--fg);outline-offset:-1px}.form :disabled{color:var(--fg-2)}.picker{position:relative}.picker-btn{width:100%;color:var(--fg);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-family:inherit;display:flex}.picker-btn .placeholder{color:var(--fg-2)}.picker-btn svg{color:var(--fg-2);transition:transform var(--t-ui) var(--ease);flex:none}.picker-btn[aria-expanded=true] svg{transform:rotate(180deg)}.picker-list{z-index:5;border:1px solid var(--line);background:var(--bg);animation:fade var(--t-ui) var(--ease);border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;inset:calc(100% + 6px) 0 auto;box-shadow:0 12px 32px #0000001f}.picker-list li{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 10px;font-size:15px;display:flex}.picker-list li.hi{background:var(--card)}.picker-list li[aria-selected=true] .picker-name{font-weight:600}.picker-name{overflow-wrap:anywhere;min-width:0}.picker-spec{flex:none;align-items:center;gap:5px;display:flex}.picker-spec .led{width:7px;height:7px}.picker-spec .mono{margin-left:6px;font-size:11px}.form .cf{border:1px solid var(--line);border-radius:12px;gap:14px;padding:16px}.form .cf legend{float:left;width:100%;padding:0}.form .cf .hint{margin:0}.sub-label{color:var(--fg-2);font-size:13px}.mono-input{font-family:var(--font-mono);font-size:14px!important}.hint{color:var(--fg-2);font-size:13px}.choice{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr;align-items:start;padding:14px 16px;gap:12px!important}.choice.on{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.choice input{accent-color:var(--fg);margin:4px 0 0}.choice>span{gap:2px;display:grid}.choice strong{font-weight:500}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.actions .go{flex:none;padding:0 28px}.note{background:var(--bg);border-radius:12px;gap:6px;padding:14px 16px;display:grid}.note p{margin:0}.note .link{color:var(--fg);justify-self:start}.run{gap:12px;max-width:560px;display:grid}.checklist,.stages,.checks,.ns{margin:0;padding:0;list-style:none}.checklist li,.stages li{border-top:1px solid var(--line);align-items:center;gap:12px;min-height:44px;display:flex}.checklist li:last-child{border-bottom:1px solid var(--line)}.checklist li.wait{color:var(--fg-2)}.checklist li .dim{margin-left:auto}.checklist li.bad .dim{color:var(--red-ink)}.mark{text-align:center;width:14px;height:14px;line-height:14px;font-family:var(--font-mono);color:var(--fg-2);flex:none}.mark.ok{color:var(--fg)}.mark.bad{color:var(--red-ink)}.checklist .led,.stages .led{margin:2px}.fail,.ok-card{background:var(--bg);border-radius:14px;align-items:center;gap:16px;margin-top:8px;padding:16px 18px;display:flex}.fail strong:before,.note p:before{content:"";vertical-align:.1em;background:var(--red);width:8px;height:8px;box-shadow:var(--red-glow);border-radius:50%;margin-right:10px;display:inline-block}.fail p,.ok-card p{flex:1;margin:0;display:grid}.fail strong,.ok-card strong{font-weight:500}.fail span,.ok-card span{color:var(--fg-2)}.fail span,.note .link{padding-left:18px}.domain-card .fail{background:var(--card);margin-top:0}.tabs{width:auto!important}.kv{max-width:720px;margin:0}.kv>div{border-top:1px solid var(--line);grid-template-columns:140px minmax(0,1fr);align-items:center;gap:16px;min-height:52px;display:grid}.kv>div:last-child,.kv.compact>div{border-bottom:1px solid var(--line)}.kv dt{font-family:var(--font-mono);text-transform:uppercase;color:var(--fg-2);font-size:12px}.kv dd{font-family:var(--font-mono);overflow-wrap:anywhere;margin:0;font-size:13px}.spec-tags{flex-wrap:wrap;gap:6px;padding:10px 0;display:flex}.domain-card{background:var(--bg);border-radius:16px;gap:16px;max-width:760px;padding:24px;display:grid}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.card-head h3{font-family:var(--font-wide);font-variation-settings:"wdth" 118;letter-spacing:-.04em;margin:0;font-size:20px;font-weight:400}.records{width:100%}.records td:nth-child(3){white-space:normal;overflow-wrap:anywhere}.records td:last-child{width:1%;padding-right:0}.copy{border:1px solid var(--line);white-space:nowrap;background:0 0;border-radius:999px;min-height:32px;padding:0 12px;font-size:13px}.copy:hover{border-color:var(--fg)}.checks li{border-top:1px solid var(--line)}.checks li:last-child{border-bottom:1px solid var(--line)}.checks label{cursor:pointer;grid-template-columns:auto 56px 150px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;display:grid}.checks input{width:16px;height:16px;accent-color:var(--fg);margin:0}.checks .val{text-overflow:ellipsis;white-space:nowrap;color:var(--fg-2);overflow:hidden}.ns li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:48px;display:flex}.ns li:last-child{border-bottom:1px solid var(--line)}.stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.stages li{border-top:2px solid var(--line);flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-height:72px;padding-top:12px}.stages li.done{border-top-color:var(--fg)}.stages li.now{border-top-color:var(--red)}.stages li.wait{color:var(--fg-2)}.domain-card .actions{padding-top:8px}@media (width<=760px){.admin{gap:8px;padding:8px}.admin .topbar{gap:10px;height:46px;padding:0 4px 0 14px}.crumb{display:none}.sheet{border-radius:14px;gap:22px;padding:22px 16px 32px}.statement{font-size:20px}.specs .spec{flex-direction:column;gap:4px;padding:14px}.specs .num{font-size:28px}.table:not(.records) thead{display:none}.table:not(.records),.table:not(.records) tbody,.table:not(.records) tr{display:block}.table:not(.records) tr{border-top:1px solid var(--line);padding:8px 0 12px}.table:not(.records) tr:last-child{border-bottom:1px solid var(--line)}.table:not(.records) th,.table:not(.records) td{justify-content:space-between;align-items:center;gap:12px;height:auto;min-height:30px;padding:0;display:flex;border:0!important}.table:not(.records) td:before{content:attr(data-label);font-family:var(--font-mono);color:var(--fg-2);font-size:12px}.table:not(.records) td.mono-val{font-size:12px}.head.row{flex-direction:column;align-items:flex-start}.tabs{max-width:100%;overflow-x:auto}.tabs button{white-space:nowrap;padding:0 12px}.kv>div{grid-template-columns:1fr;gap:2px;padding:10px 0}.domain-card{padding:16px}.checks label{grid-template-columns:auto 48px minmax(0,1fr) auto}.checks .val{display:none}.stages{grid-template-columns:1fr 1fr}.fail,.ok-card{flex-direction:column;align-items:stretch}}.head.empty{gap:16px;padding:48px 0}.skeleton span{background:linear-gradient(90deg,#e2e2e2,#ececec,#e2e2e2) 0 0/200% 100%;border-radius:4px;width:70%;height:10px;animation:1.4s linear infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}.split{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start;gap:48px;display:grid}.split .run{max-width:none}@media (width<=1000px){.split{grid-template-columns:minmax(0,1fr);gap:28px}}.studio{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 400px;gap:12px;height:100%;padding:12px;display:grid}.canvas{background:var(--card);border-radius:20px;grid-area:2/1;min-height:0;position:relative;overflow:hidden}.canvas iframe{border:0;width:100%;height:100%;display:block}.canvas iframe.develop{animation:develop .9s var(--ease) both}.draft-frame{z-index:2;pointer-events:none;box-shadow:inset 0 0 0 2px var(--red), inset 0 0 48px #f9595f4d;border-radius:20px;position:absolute;inset:0}.is-picking .canvas{box-shadow:0 0 0 2px var(--red)}.pick-hint{z-index:3;background:var(--glass);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);white-space:nowrap;border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 16px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.pick-hint button{border:1px solid var(--line);min-height:32px;color:var(--fg-2);background:0 0;border-radius:999px;padding:0 14px}.working{z-index:2;animation:fade var(--t-panel) var(--ease) both;background:#0009;place-items:center;display:grid;position:absolute;inset:0}.working-card{background:var(--card);border-radius:20px;width:300px;padding:24px}.working-card p{font-family:var(--font-wide);font-variation-settings:"wdth" 118;letter-spacing:-.04em;margin:8px 0 0;font-size:20px}.working-card .note{font-family:var(--font-body);letter-spacing:0;color:var(--fg-2);margin-top:14px;font-size:13px}.track{background:var(--line);height:2px;margin-top:16px;display:block;overflow:hidden}.track span{height:100%;width:calc(var(--p) * 100%);background:var(--red);box-shadow:var(--red-glow);transition:width var(--t-panel) var(--ease);display:block}.panel{background:var(--card);border-radius:20px;flex-direction:column;grid-area:2/2;min-height:0;display:flex;position:relative;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;padding:18px 24px 6px;display:flex}.fold{display:none}.log{flex-direction:column;flex:auto;gap:18px;min-height:0;padding:10px 24px 24px;display:flex;overflow-y:auto}.log[hidden]{display:none}.welcome h2{font-family:var(--font-wide);font-variation-settings:"wdth" 118;letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:22px;font-weight:400;line-height:1.25}.welcome h2 span{color:var(--fg-2)}.welcome{gap:20px;padding-top:8px;display:grid}.welcome ol,.plan ol,.publish ol,.steps{margin:0;padding:0;list-style:none}.welcome ol{border-top:1px solid #2c2c2c;border-bottom:1px solid #2c2c2c}.welcome li+li{border-top:1px solid #2c2c2c}.welcome li button{text-align:left;width:100%;min-height:48px;color:var(--fg);transition:color var(--t-ui) var(--ease);background:0 0;border:0;align-items:center;gap:14px;padding:0;display:flex}.welcome li button:hover{color:var(--red)}.welcome .arrow{color:var(--fg-2);margin-left:auto}.n{font-family:var(--font-mono);color:var(--fg-2);min-width:18px;font-size:12px}.msg{animation:rise var(--t-panel) var(--ease) both}.msg.still,.publish.still,.published.still{animation:none}.msg p{white-space:pre-line;margin:0}.msg.user{background:#2e2e2e;border-radius:14px 14px 4px;align-self:flex-end;max-width:88%;padding:10px 14px}.msg.user .files{margin-bottom:8px}.plan{gap:10px;display:grid}.plan li{border-top:1px solid #2c2c2c;gap:12px;padding:10px 0;display:flex}.plan li:last-child{border-bottom:1px solid #2c2c2c}.choices{gap:8px;margin-top:4px;display:flex}.sys{font-family:var(--font-mono);color:var(--fg-2);align-self:center;margin:0;font-size:12px}.thinking{color:var(--fg-2);margin:0}.steps li{color:#858585;align-items:center;gap:12px;padding:5px 0;display:flex}.steps li.done{color:var(--fg-2)}.steps li.now{color:var(--fg)}.steps li.now .n{color:var(--red-ink)}.files,.tray{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tray{margin-bottom:10px}.chip{border:1px solid var(--line);max-width:100%;font-family:var(--font-mono);border-radius:6px;align-items:center;gap:8px;padding:5px 9px;font-size:12px;display:flex;position:relative;overflow:hidden}.chip .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip .size{color:var(--fg-2);white-space:nowrap}.msg.user .chip{border-color:#555}.msg.user .chip .size{color:#b5b5b5}.chip.pin{border-color:var(--red);color:#fa757a}.chip.is-error,.msg.user .chip.is-error{border-color:var(--red);color:var(--fg)}.chip.is-error .size,.msg.user .chip.is-error .size{color:#fb8488}.chip.is-error:before{content:"";background:var(--red);width:8px;height:8px;box-shadow:var(--red-glow);border-radius:50%;flex:none}.chip .progress{height:2px;width:calc(var(--p) * 100%);background:var(--fg);transition:width var(--t-ui) var(--ease);position:absolute;bottom:0;left:0}.chip .x{min-width:20px;color:var(--fg-2);background:0 0;border:0;padding:0}.publish{animation:rise var(--t-panel) var(--ease) both;background:#242424;border-radius:14px;gap:10px;margin:0 12px 12px;padding:18px 20px 16px;display:grid}.publish .toggle{margin-left:auto;display:none}.publish li{border-top:1px solid #333;justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}.publish li.reverted span{color:#6a6a6a;text-decoration:line-through}.publish .row{gap:8px;margin-top:4px;display:flex}.published{animation:rise var(--t-panel) var(--ease) both;background:#242424;border-radius:14px;align-items:center;gap:12px;margin:0 12px 12px;padding:14px 16px 14px 18px;display:flex}.published p{flex:1;min-width:0;margin:0}.published strong{font-weight:500}.published span:not(.led){color:var(--fg-2)}.published a{background:var(--fg);color:#000;border-radius:999px;flex:none;align-items:center;min-height:34px;padding:0 14px;text-decoration:none;display:inline-flex}.composer{background:#242424;border-radius:14px;margin:0 12px 12px;padding:12px}.composer textarea{resize:none;field-sizing:content;background:0 0;border:0;outline:0;width:100%;min-height:48px;max-height:160px;padding:2px 4px 8px;font-size:15px;display:block}.composer textarea::placeholder{color:#858585}.tools{align-items:center;gap:6px;display:flex}.tool{border:1px solid var(--line);min-height:34px;color:var(--fg-2);transition:color var(--t-ui) var(--ease), border-color var(--t-ui) var(--ease);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.tool:hover{color:var(--fg);border-color:var(--fg-2)}.tool[aria-pressed=true]{border-color:var(--red);color:#fa757a}.send{background:var(--fg);color:#000;border:0;border-radius:999px;min-height:34px;margin-left:auto;padding:0 16px}.send:disabled{color:#8a8a8a;cursor:not-allowed;background:#333}.dropzone{z-index:2;text-align:center;border:1px dashed var(--fg-2);animation:fade var(--t-ui) var(--ease);background:#1b1b1bf5;border-radius:14px;place-content:center;gap:6px;display:grid;position:absolute;inset:12px}.dropzone p{font-family:var(--font-wide);font-variation-settings:"wdth" 118;letter-spacing:-.04em;margin:0;font-size:22px}.dropzone span{font-family:var(--font-mono);color:var(--fg-2);font-size:12px}@keyframes develop{0%{clip-path:inset(0 0 100%);filter:brightness(1.6)saturate(.4)}to{clip-path:inset(0);filter:none}}@media (width<=1100px){.studio{grid-template-columns:minmax(0,1fr) 340px}}@media (width<=760px){.studio{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:8px;padding:8px}.topbar{gap:10px;height:46px;padding:0 4px 0 14px}.artist,.topbar .tag{display:none}.canvas,.draft-frame{border-radius:14px}.panel{border-radius:14px;grid-area:3/1;max-height:58vh}.panel-head{padding:12px 16px 4px}.fold{min-height:32px;color:var(--fg-2);background:0 0;border:0;padding:0 10px;font-size:13px;display:inline-block}.log{padding:8px 16px 16px}.publish,.published,.composer{margin:0 8px 8px}.publish{padding:14px 14px 12px}.publish .toggle{display:inline}.publish ol{display:none}.publish.show-list ol{display:block}.spec .num{font-size:28px}}:is(html:has(.s-login),body:has(.s-login)){background:var(--bg)}body:has(.s-login){height:auto;overflow:auto}.s-login{--gut:clamp(20px, 5vw, 64px);min-height:100dvh;padding:0 var(--gut);background:var(--bg);color:var(--fg);grid-template-rows:auto 1fr auto;display:grid}.s-login ::selection{background:var(--red);color:#fff}.s-login-bar{align-items:center;gap:12px;height:72px;display:flex}.s-login-bar .tag{color:var(--fg-2);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.s-login-body{grid-template-columns:minmax(0,1.25fr) minmax(0,400px);align-items:center;gap:clamp(40px,7vw,120px);width:100%;max-width:1120px;margin:0 auto;padding-block:clamp(32px,6vh,72px);display:grid}.s-login-intro{gap:24px;min-width:0;display:grid}.s-login-intro .eyebrow{color:var(--fg-2);font-family:var(--font-mono);letter-spacing:.08em;align-items:center;gap:10px;margin:0;font-size:12px;display:flex}.s-login-intro .dot{background:var(--red);width:8px;height:8px;box-shadow:var(--red-glow);border-radius:50%}.s-login-intro .big{letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.08;container-type:inline-size}.s-login-intro .big span{white-space:nowrap;font-size:min(76px,13cqi);display:block}.s-login-intro .big em{color:var(--red-ink);font-style:normal}.s-login-intro .dim{max-width:28em;color:var(--fg-2);margin:0;font-size:16px;line-height:1.75}.s-login-form{border:1px solid var(--line);background:var(--card);border-radius:20px;gap:18px;padding:clamp(24px,3vw,36px);display:grid}.s-login-form h1{letter-spacing:-.01em;margin:0 0 4px;font-size:22px;font-weight:600}.s-login-form label{gap:8px;display:grid}.s-login-form label>span:first-child{color:var(--fg-2);font-family:var(--font-mono);letter-spacing:.06em;font-size:12px}.s-login-form input{border:1px solid var(--line);background:var(--bg);width:100%;min-height:48px;color:var(--fg);font:inherit;border-radius:12px;padding:0 14px;font-size:16px}.s-login-form input:focus{outline:2px solid var(--fg);outline-offset:-1px}.s-login-form input:disabled{color:var(--fg-2)}.s-login-form .pw{display:block;position:relative}.s-login-form .pw input{padding-right:64px}.s-login-form .peek{color:var(--fg-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:13px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.s-login-form .peek:hover,.s-login-form .peek:focus-visible{color:var(--fg);background:var(--line);outline:none}.s-login-form .go{background:var(--red);color:#fff;min-height:48px;font:inherit;cursor:pointer;transition:filter var(--t-ui) var(--ease), opacity var(--t-ui) var(--ease);border:0;border-radius:999px;margin-top:6px;font-size:16px;font-weight:600}.s-login-form .go:hover:not(:disabled){filter:brightness(1.08)}.s-login-form .go:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.s-login-form .go:disabled{opacity:.45;cursor:default}.s-login-form .err{color:var(--red-ink);margin:0;font-size:14px}.s-login-form .fine{border-top:1px solid var(--line);color:var(--fg-2);margin:4px 0 0;padding-top:16px;font-size:13px;line-height:1.8}.s-login-form .fine a{color:var(--fg)}.s-login-foot{color:var(--fg-2);text-align:center;padding:20px 0 28px;font-size:12px}@media (width<=820px){.s-login-body{grid-template-columns:minmax(0,1fr);align-content:start;gap:32px}.s-login-intro .dim{display:none}}