:root{color:#f8f4e9;background:#0d1016;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,122,69,.28),transparent 30rem),radial-gradient(circle at bottom right,rgba(82,179,255,.2),transparent 28rem),#0d1016}button,input{font:inherit}button:disabled{cursor:not-allowed;opacity:.58}code{color:#ffe2ad;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.shell{width:min(1040px,calc(100vw - 32px));margin:0 auto;padding:56px 0}.hero{max-width:760px;margin-bottom:28px}.eyebrow{margin:0 0 12px;color:#ffae73;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}h1{margin:0;max-width:720px;font-size:clamp(40px,8vw,84px);line-height:.9;letter-spacing:-.07em}.lead{max-width:640px;color:#c9d0dc;font-size:18px;line-height:1.6}.panel{margin-top:18px;padding:22px;border:1px solid rgba(255,226,173,.18);border-radius:24px;background:#11151ed1;box-shadow:0 24px 80px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.grid{display:grid;grid-template-columns:280px 1fr;gap:18px}.span{grid-column:1 / -1}.field{display:grid;gap:8px}label,.output>div{color:#98a3b5;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border:1px solid rgba(255,226,173,.18);border-radius:16px;background:#0c111a}.segmented button,.inputRow button{border:0;border-radius:12px;color:#f8f4e9;background:transparent;cursor:pointer;font-weight:800}.segmented button{padding:12px}.segmented button.active,.inputRow button{color:#1a1007;background:linear-gradient(135deg,#ffe2ad,#ff8b4a)}.inputRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}input{width:100%;padding:14px 16px;border:1px solid rgba(255,226,173,.18);border-radius:14px;color:#f8f4e9;background:#0c111a;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.inputRow button{padding:0 16px}.output{display:grid;gap:8px;min-width:0;padding:16px;border:1px solid rgba(255,226,173,.14);border-radius:18px;background:#ffffff09}.output code{overflow-wrap:anywhere;font-size:15px}.status{display:flex;justify-content:space-between;gap:18px;align-items:center}.status h2{margin:0 0 8px}.status p{margin:0;color:#c9d0dc}.subtle{color:#98a3b5;line-height:1.55}.error{color:#ff9a9a!important}.dot{width:18px;height:18px;border-radius:999px;background:#5b6270;box-shadow:0 0 0 8px #5b627024;flex:0 0 auto}.dot.online{background:#51f2a5;box-shadow:0 0 0 8px #51f2a524,0 0 24px #51f2a585}.legacySuffix{opacity:.72}.demoPanel{display:grid;gap:18px}.compact{margin-bottom:6px}.demoPanel h2{margin:0;font-size:28px;letter-spacing:-.04em}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions button{border:0;border-radius:14px;padding:12px 16px;color:#1a1007;background:linear-gradient(135deg,#ffe2ad,#ff8b4a);cursor:pointer;font-weight:900}.actions button.secondary{color:#f8f4e9;background:#ffffff14;border:1px solid rgba(255,226,173,.16)}.statusLine{margin:0;color:#c9d0dc}.demoSummary{display:grid;gap:12px}@media(max-width:720px){.shell{width:min(100vw - 22px,1040px);padding:32px 0}.grid,.inputRow{grid-template-columns:1fr}.panel{border-radius:18px;padding:16px}}