:root{--bg:#0a0c0f;--surface:#11151a;--surface-2:#171c22;--line:#232a33;--text:#e9ecef;--muted:#9aa5b1;--dim:#66717d;--accent:#5eead4;--accent-ink:#04211c;--amber:#f2b84b;--rose:#f0788a;--ok:var(--accent);--control-line:var(--line);--field-bg:#0d1115;--media-bg:#06080a;--thumb-bg:#050607;--topbar-bg:rgba(10,12,15,.9);--sans:"IBM Plex Sans",system-ui,sans-serif;--serif:"Newsreader",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,monospace;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3{font-family:var(--serif);font-weight:500;margin:0;letter-spacing:-.01em}h1{font-size:32px}h2{font-size:22px}h3{font-size:17px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.muted{color:var(--muted)}.dim{color:var(--dim)}.topbar{position:sticky;top:0;z-index:20;gap:22px;padding:0 20px;height:56px;background:var(--topbar-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar,.topbar .brand{display:flex;align-items:center}.topbar .brand{font:600 14px var(--mono);letter-spacing:.08em;text-decoration:none;gap:9px}.topbar nav{display:flex;gap:4px;flex:1;overflow-x:auto}.topbar nav a{padding:7px 12px;border-radius:8px;text-decoration:none;color:var(--muted);font-size:14px;white-space:nowrap}.topbar nav a:hover,.topbar nav a[aria-current=page]{color:var(--text);background:var(--surface-2)}.topbar form{margin:0}.page{max-width:1080px;margin:0 auto;padding:36px 20px 80px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;flex-wrap:wrap;margin-bottom:28px}.eyebrow{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.btn{appearance:none;border:1px solid var(--control-line);background:var(--surface-2);color:var(--text);font:500 14px var(--sans);padding:9px 16px;border-radius:9px;cursor:pointer;text-decoration:none;display:inline-block}.btn.primary,.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--accent-ink);font-weight:600}.btn.small{padding:5px 10px;font-size:13px}.btn.danger:hover{border-color:var(--rose);color:var(--rose)}.btn:disabled{opacity:.5;cursor:default}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.pill{display:inline-flex;align-items:center;gap:7px;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:99px;border:1px solid}.pill.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.pill.wait{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 40%,transparent)}.pill.bad{color:var(--rose);border-color:color-mix(in srgb,var(--rose) 40%,transparent)}label{display:block;font:500 12px var(--mono);letter-spacing:.06em;color:var(--muted);margin:14px 0 6px;text-transform:uppercase}input[type=email],input[type=password],input[type=text],input[type=url],select,textarea{width:100%;background:var(--field-bg);color:var(--text);border:1px solid var(--control-line);border-radius:9px;padding:10px 12px;font:400 15px var(--sans)}input[type=color]{width:44px;height:36px;border:1px solid var(--line);border-radius:8px;background:none;padding:2px;cursor:pointer}.row{gap:10px;flex-wrap:wrap}.check,.row{display:flex;align-items:center}.check{gap:14px;padding:14px 0;border-top:1px solid var(--line)}.check:first-child{border-top:0}.check .tick{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:600 13px var(--mono);border:1px solid var(--line);color:var(--dim);flex:none}.check .tick.done{background:var(--ok);color:var(--accent-ink);border-color:var(--ok)}.check .grow{flex:1;min-width:0}.notice{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:12px 14px;color:var(--muted);font-size:14px}.notice.err{border-color:color-mix(in srgb,var(--rose) 50%,transparent);color:var(--rose)}.notice.ok{border-color:color-mix(in srgb,var(--ok) 40%,transparent);color:var(--ok)}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.thumb{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--thumb-bg);aspect-ratio:1}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}.thumb .tag{position:absolute;left:5px;bottom:5px;background:rgba(0,0,0,.7);color:#e9ecef;padding:1px 6px;border-radius:5px;font:500 10px var(--mono)}.thumb.pick{cursor:pointer}.thumb.pick.on{outline:3px solid var(--accent)}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .card{width:100%;max-width:400px}.editor{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 56px)}.rail{border-right:1px solid var(--line);overflow:auto;padding:16px;background:var(--surface)}.rail h3{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:22px 0 10px}.rail h3:first-child{margin-top:0}.pages a,.pages button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--muted);font:400 14px var(--sans);padding:7px 10px;border-radius:8px;cursor:pointer}.pages button:hover,.pages button[aria-current=true]{background:var(--surface-2);color:var(--text)}.stage-wrap{display:flex;flex-direction:column;min-width:0;background:var(--media-bg)}.stage-bar{display:flex;gap:8px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.frame-holder{flex:1;display:grid;place-items:stretch center;overflow:auto;padding:0}.frame-holder iframe{border:0;background:#fff;width:100%;height:100%}.frame-holder.phone iframe{width:390px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.swatch{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:8px 0}.swatch span{font-size:13px;color:var(--muted)}@media(max-width:900px){.editor{grid-template-columns:1fr;height:auto}.rail{border-right:0;border-bottom:1px solid var(--line)}.frame-holder{height:70vh}}.btn{min-height:44px;line-height:1.4}.btn.small{min-height:36px}input[type=email],input[type=file],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{min-height:44px}input[type=number],input[type=tel]{width:100%;background:var(--field-bg);color:var(--text);border:1px solid var(--control-line);border-radius:9px;padding:10px 12px;font:400 15px var(--sans)}input[type=file]{padding:9px 12px;width:100%;max-width:100%}input[type=checkbox],input[type=radio]{width:22px;height:22px;accent-color:var(--accent);flex:none}.small{font-size:13px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.page.narrow{max-width:680px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn.wide{flex:1 1 200px;text-align:center}.live:empty{display:none}.live{margin-top:14px}.auth{min-height:100vh;display:grid;place-items:start center;padding:24px 16px 64px}.auth-card{width:100%;max-width:440px}.auth-card h1{font-size:26px;margin-bottom:4px}.auth-card h1:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.auth-card p.muted{margin:10px 0 0}.stepper{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:16px 0 4px}.stepper li{display:flex;align-items:center;gap:6px;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.stepper li .dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:11px;flex:none}.stepper li .lab{display:none}.stepper li.now{color:var(--text)}.stepper li.now .dot{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.stepper li.now .lab{display:inline}.stepper li.done{color:var(--muted)}.stepper li.done .dot{border-color:var(--accent);color:var(--accent)}.code-input{font:500 26px var(--mono);letter-spacing:.32em;text-align:center}.codes{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.codes li{border:1px solid var(--line);border-radius:9px;padding:10px;text-align:center;background:var(--surface-2)}.codes code{font:500 15px var(--mono);letter-spacing:.06em}.tickbox{display:flex;align-items:center;gap:10px;margin:16px 0 0;min-height:44px;text-transform:none;font:400 15px var(--sans);letter-spacing:0;color:var(--text)}.choice{border:1px solid var(--line);border-radius:10px;padding:8px 14px 14px;margin:16px 0 0}.choice legend{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 6px}.progress-card .bar{height:10px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden;margin:12px 0}.progress-card .bar span{display:block;height:100%;background:var(--accent)}.wizard{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:14px}.wizard li h2{font-size:19px}.wizard li.done{border-color:color-mix(in srgb,var(--ok) 35%,transparent)}.wizard .tick{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:600 13px var(--mono);border:1px solid var(--line);color:var(--dim);flex:none}.wizard .tick.done{background:var(--ok);color:var(--accent-ink);border-color:var(--ok)}.missing{margin:0;padding-left:20px;color:var(--muted);font-size:14px}.missing li{margin:3px 0}.rows{list-style:none;padding:0;margin:12px 0 0}.rows li{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line)}.rows li:first-child{border-top:0}.rows .grow{flex:1 1 220px;min-width:0}.big-code{font:600 22px var(--mono);letter-spacing:.14em;color:var(--accent);display:inline-block;max-width:100%;word-break:break-all;line-height:1.35}.fresh-code{border-color:color-mix(in srgb,var(--accent) 45%,transparent);margin-top:16px}.setup-callout{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:16px;border-color:color-mix(in srgb,var(--amber) 40%,transparent)}.setup-callout .grow{flex:1 1 240px}@media(max-width:560px){.topbar{height:auto;flex-wrap:wrap;gap:10px;padding:10px 16px}.topbar nav{order:3;flex-basis:100%;margin:0 -16px;padding:0 16px;scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}.topbar .brand{flex:1}.page,.page.narrow{padding:24px 16px 64px}.page-head{margin-bottom:20px}h1{font-size:26px}.btn.small{min-height:44px;padding:9px 14px;font-size:14px}.btn.wide{flex-basis:100%}.rows li{align-items:flex-start}.grid.two{grid-template-columns:1fr}.big-code{font-size:19px;letter-spacing:.1em}}