:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:#f8fafc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 85% 0%,#dbeafe 0,transparent 26rem),#f8fafc}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding-bottom:48px}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;color:#0f172a;text-decoration:none;font-size:15px;font-weight:760}.brand span{display:grid;place-items:center;width:30px;height:30px;color:#fff;border-radius:9px;background:#2563eb;box-shadow:0 7px 20px #2563eb33}.runtime{display:flex;gap:8px;align-items:center;color:#475569;font-size:12px;font-weight:650}.runtime i{width:7px;height:7px;border-radius:99px;background:#10b981;box-shadow:0 0 0 4px #d1fae5}.hero{display:grid;grid-template-columns:1.55fr .7fr;gap:36px;align-items:end;padding:54px 0 32px}.eyebrow,.kicker{margin:0 0 10px;color:#2563eb;font-size:11px;letter-spacing:.12em;font-weight:800}h1{margin:0;max-width:780px;font-size:clamp(40px,5.5vw,68px);line-height:.98;letter-spacing:-.055em}.lead{max-width:700px;margin:22px 0 0;color:#475569;font-size:16px;line-height:1.65}.proof{border-left:1px solid #cbd5e1;padding-left:24px;display:grid;gap:17px}.proof div{display:grid;gap:3px}.proof strong{font-size:13px}.proof span{color:#64748b;font-size:12px}.panel{background:#ffffffe6;border:1px solid #dbe3ee;border-radius:18px;box-shadow:0 18px 55px #0f172a0d}.auth-panel{padding:28px;display:grid;grid-template-columns:1fr 1.1fr;gap:42px;align-items:center}h2{margin:0 0 8px;font-size:24px;letter-spacing:-.025em}.auth-panel p:not(.kicker),.privacy span{color:#64748b;font-size:13px;line-height:1.55}form{display:grid;gap:14px}label,legend{color:#334155;font-size:12px;font-weight:700}input{width:100%;margin-top:7px;padding:11px 12px;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none}input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.actions{display:flex;gap:9px;align-items:center}button{padding:10px 14px;border:1px solid #2563eb;border-radius:10px;color:#fff;background:#2563eb;font-weight:720;font-size:12px}button.secondary{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}button.text{padding:6px;color:#2563eb;background:transparent;border:0}button.danger{color:#dc2626}.workspace{display:grid;grid-template-columns:.72fr 1.28fr;gap:16px}.editor,.list-panel{padding:24px}fieldset{margin:0;padding:0;border:0}.palette{display:flex;gap:9px;margin-top:9px}.palette button{width:28px;height:28px;padding:0;border:3px solid white;border-radius:99px;background:var(--swatch);box-shadow:0 0 0 1px #cbd5e1}.palette button.selected{box-shadow:0 0 0 3px #bfdbfe}.list-head{display:flex;justify-content:space-between;align-items:start}.empty{display:grid;place-items:center;min-height:180px;color:#64748b;text-align:center;font-size:13px;border:1px dashed #cbd5e1;border-radius:12px}ul{margin:13px 0 0;padding:0;list-style:none}li{display:grid;grid-template-columns:14px 1fr auto auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #e2e8f0}.dot{width:10px;height:10px;border-radius:99px;background:var(--swatch)}li div{display:grid}li strong{font-size:13px}li small{color:#94a3b8;font-size:10px;font-family:ui-monospace,monospace}.status{margin-top:16px;padding:15px 17px;display:flex;justify-content:space-between;gap:16px;align-items:center;color:#064e3b;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px}.status div{display:grid;gap:3px}.status strong{font-size:12px}.status span,.status code{font-size:10px}.status code{color:#065f46}.privacy{margin-top:14px;padding:15px 17px;display:flex;justify-content:space-between;gap:18px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.privacy div:first-child{display:grid;gap:3px}.privacy strong{font-size:12px}@media(max-width:780px){.hero,.auth-panel,.workspace{grid-template-columns:1fr}.hero{padding-top:30px}.proof{border-left:0;border-top:1px solid #cbd5e1;padding:18px 0 0;grid-template-columns:repeat(3,1fr)}.privacy,.status{align-items:flex-start;flex-direction:column}}