:root{color-scheme:dark;font:16px/1.6 system-ui,sans-serif;color:#e9edf2;background:#111419}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:32px}a{color:#b0d4c2;text-decoration:none}a:hover{text-decoration:underline}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:36px;border-bottom:1px solid #30363f}header>a{font-size:24px;font-weight:750;letter-spacing:2px;color:#fff}header span{font-size:10px;letter-spacing:1.5px;margin-left:12px;color:#99a4b2}.badge{border:1px solid #3b5045;border-radius:30px;padding:6px 14px;color:#b0d4c2}.intro{padding:46px 0 30px}.eyebrow{font-size:11px;letter-spacing:2px;color:#9cb3a5}h1{font-size:clamp(30px,4vw,48px);line-height:1.2;margin:14px 0}p{color:#a9b3bf}.intro>p:last-child{font-size:18px}nav{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 22px}button{font:inherit;cursor:pointer;border:1px solid #3e4854;background:#1a2029;border-radius:10px;padding:11px 18px;color:#d8e0ea}button:hover{border-color:#b1c9bb}button[aria-pressed=true]{background:#d6e8dd;color:#14251c;border-color:#d6e8dd}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #a2d7bb;outline-offset:4px}button:disabled{cursor:wait;opacity:.6}.workspace{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.controls,.output{background:#1a1f27;border:1px solid #343d49;border-radius:16px;padding:28px;min-height:400px}h2{font-size:20px;line-height:1.3;margin:0 0 12px}label{display:block;margin:14px 0 7px;color:#d8e0e8}input[type=number]{width:100%;background:#10141a;border:1px solid #475363;color:white;font:inherit;padding:10px;border-radius:8px}.primary{width:100%;display:flex;justify-content:space-between;margin-top:24px;background:#d6e8dd;color:#11251b;font-weight:700}.muted,.privacy,#progress{font-size:12px;color:#9ba7b4}.check{display:flex;align-items:center;gap:12px}.check input{width:18px;height:18px}.fixture{border-left:3px solid #a4c5b3;padding:15px;color:#e9edf2}.output-top{display:flex;align-items:center;justify-content:space-between}.output-top span{font:11px ui-monospace,monospace;border:1px solid #526658;color:#bdd8c8;padding:5px 10px;border-radius:30px}#summary{color:#e0e6ee}details{border-top:1px solid #3a424e;padding-top:14px}summary{cursor:pointer;color:#b3c5ba;font-size:14px}pre{max-height:300px;overflow:auto;font:12px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#bacbdc;background:#10151b;padding:15px;border-radius:10px}.privacy{border-top:1px solid #343d49;padding-top:15px;margin-top:20px}footer{font-size:12px;color:#98a4b3;margin:28px 0;max-width:900px}footer a{display:inline-block;margin-top:12px}[hidden]{display:none!important}@media(max-width:720px){main{padding:20px}.workspace{grid-template-columns:1fr}header{align-items:flex-start;gap:12px;flex-direction:column}.badge{margin-left:0}nav button{flex:1;font-size:13px;padding:10px}.controls,.output{padding:22px;min-height:unset}}

.notice{border:1px solid #496454;background:#1b2b23;color:#c9ddcf;padding:16px 22px;border-radius:12px;margin-bottom:24px;font-size:14px}.install,.walkthrough{margin-top:28px;padding:26px;background:#1a1f27;border:1px solid #343d49;border-radius:16px}video{width:100%;max-height:600px;background:#101419;border-radius:10px}.output>a{font-size:12px}nav button{font-size:13px}#input{min-height:120px}