:root{color:#e9edf7;font-synthesis:none;text-rendering:optimizelegibility;background:#0b1020;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 18% 0,#1b2a4a 0,#0000 42%),#0b1020;min-width:320px;min-height:100vh;margin:0}.shell{max-width:1040px;margin:0 auto;padding:28px 24px 24px}.topbar{border-bottom:1px solid #26324a;justify-content:space-between;align-items:center;padding:0 0 22px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#8b7bff,#4e9cff);border-radius:11px;place-items:center;width:38px;height:38px;font-size:21px;font-weight:900;display:grid}.brand strong,.brand small{letter-spacing:.12em;display:block}.brand strong{font-size:14px}.brand small{color:#8996b1;margin-top:3px;font-size:9px}.tag,.eyebrow{letter-spacing:.16em;color:#9aa8c5;font-size:10px}.tag{border:1px solid #34415c;border-radius:99px;padding:8px 11px}.intro{padding:54px 0 32px}.eyebrow{color:#8e9bff;font-weight:700}.intro h1{letter-spacing:-.055em;margin:14px 0;font-size:clamp(38px,7vw,66px);line-height:1.03}.intro h1 span{color:#8c9aff}.sub{color:#9eabc4;max-width:620px;font-size:14px;line-height:1.7}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}button{cursor:pointer;border:0;border-radius:9px;padding:11px 16px;font-weight:700}.primary{color:#fff;background:#7c83ff}.secondary{color:#dce4f8;background:#202b43;border:1px solid #34415c}.primary:disabled,.secondary:disabled,button:disabled{opacity:.45;cursor:not-allowed}.state{color:#91a0bd;margin-left:4px;font-size:12px}.terminal-card{background:#080d18;border:1px solid #2c3852;border-radius:14px;overflow:hidden;box-shadow:0 22px 70px #0005}.terminal-head{color:#a9b6d0;background:#151e30;border-bottom:1px solid #29344b;align-items:center;gap:14px;height:44px;padding:0 14px;font-size:11px;display:flex}.lights{gap:6px;display:flex}.lights i{background:#f27878;border-radius:50%;width:8px;height:8px}.lights i:nth-child(2){background:#e9bd64}.lights i:nth-child(3){background:#65c997}.clear{color:#cbd5e9;background:#25314a;margin-left:auto;padding:5px 9px;font-size:10px}.output{color:#d5def0;height:330px;padding:18px 20px;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.muted{color:#73819e}.line{white-space:pre-wrap;overflow-wrap:anywhere}.command{color:#9fa8ff;margin-top:7px}.success{color:#66d9a5}.warning{color:#f0c674}.error{color:#ff8585}.command-form{border-top:1px solid #25314a;align-items:center;gap:12px;padding:12px 15px;font:13px ui-monospace,monospace;display:flex}.command-form label{white-space:nowrap;color:#86d8b1}.command-form label b{color:#9da8ff}.command-form input{color:#fff;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1}.command-form input::placeholder{color:#66738d}.command-form button{color:#dbe5fb;background:#283652;padding:7px 13px}footer{color:#6f7e9b;letter-spacing:.04em;justify-content:space-between;gap:12px;padding:17px 2px;font-size:10px;display:flex}@media (max-width:600px){.shell{padding:18px 14px}.tag{font-size:8px}.intro{padding-top:40px}.output{height:300px}.command-form{gap:8px;font-size:11px}footer{font-size:9px}}.preview-card{background:#080d18;border:1px solid #2c3852;border-radius:14px;margin-top:22px;overflow:hidden;box-shadow:0 18px 55px #0004}.preview-head{background:#151e30;border-bottom:1px solid #29344b;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;display:flex}.preview-head strong,.preview-head small{display:block}.preview-head strong{color:#e9edf7;font-size:13px}.preview-head small{color:#91a0bd;margin-top:4px;font-size:11px}.preview-head a{color:#aab5ff;font-size:11px;text-decoration:none}.preview-head a:hover{text-decoration:underline}.preview-card iframe{background:#fff;border:0;width:100%;height:520px;display:block}@media (max-width:600px){.preview-card iframe{height:420px}}