:root{color-scheme:dark;--bg:#101211;--panel:#191c1a;--line:#343b35;--text:#f2f5ed;--muted:#b1b9ae;--green:#b6f16c;--red:#ff867e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--green);text-underline-offset:4px}header,footer{max-width:1160px;margin:auto;padding:25px 30px;display:flex;justify-content:space-between;align-items:center;gap:22px}header{border-bottom:1px solid var(--line);font-size:13px}header a{text-decoration:none}.brand{color:var(--text);font-weight:900;font-size:25px;letter-spacing:-1px}.brand span{font:11px monospace;letter-spacing:1.5px;margin-left:14px}main{max-width:1160px;margin:auto;padding:0 30px}.hero{padding:62px 0 40px;background:radial-gradient(ellipse at right, #25351d55,transparent 65%)}.eyebrow{font:11px/1.7 monospace;letter-spacing:2px;color:var(--green);margin:0 0 20px}h1{font-size:clamp(40px,6.8vw,80px);line-height:1;letter-spacing:-3px;margin:0;font-weight:900}h1 span{color:var(--green)}h1 em{font:500 clamp(17px,2.4vw,28px)/2 monospace;letter-spacing:5px;color:#c9d0c3}.intro{font-size:18px;color:var(--muted);margin:16px 0 24px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span,.badge{font:10px/1.8 monospace;letter-spacing:1px;border:1px solid #4c5c40;color:#c4d4b7;padding:6px 10px}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:28px;margin:0 0 24px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2{margin:0}.signal{color:var(--green);font:12px monospace;border:1px solid #4b6038;padding:5px 9px}h2{font-size:24px;line-height:1.25;letter-spacing:-.6px}h3{font-size:18px;margin:0}.panel p{color:var(--muted)}.browser-note{padding:12px 14px;background:#11180c;border-left:2px solid var(--green);font-size:13px}.browser-note.error{border-color:var(--red);background:#291c1b}.steps{list-style:none;counter-reset:step;padding:0;margin-top:30px}.steps li{counter-increment:step;position:relative;padding:0 0 26px 39px;margin:26px 0;border-bottom:1px solid var(--line)}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:2px;font:13px monospace;color:var(--green)}.steps p{font-size:14px}.check{display:flex;align-items:start;gap:10px;font-size:13px;color:#dbe2d4;margin:18px 0}input[type=checkbox]{accent-color:var(--green);min-width:17px;height:17px;margin:2px 0}button,.download{display:inline-block;font:600 14px system-ui;border:1px solid var(--green);border-radius:3px;padding:13px 19px;background:var(--green);color:#18200f;cursor:pointer;transition:background .15s}button:hover:enabled{background:#cbff87}button:disabled{cursor:not-allowed;opacity:.43}.secondary{background:transparent;color:var(--green)}.text-button{padding:8px 0;border:0;background:none;color:var(--muted);font-size:13px}.download{color:var(--green);background:none;text-decoration:none}input[type=file]{display:block;width:100%;margin:12px 0;font-size:12px}input::file-selector-button{background:#343e2e;color:#fff;border:1px solid #647456;padding:9px;margin-right:8px}.status-box{background:#101410;padding:16px;border:1px solid var(--line);font:13px/1.65 monospace;overflow-wrap:anywhere}progress{display:block;width:100%;height:7px;accent-color:var(--green);margin-top:12px}#status.error{color:var(--red)}details{border-bottom:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-size:14px;color:#dde3d6}pre{font:11px/1.7 monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;color:var(--muted)}.preview img{display:block;max-width:100%;height:auto;margin:24px auto 30px;image-rendering:pixelated;border:1px solid #4e5648;box-shadow:0 15px 35px #0005}.preview ul{padding-left:18px;line-height:2;color:#d1d9c9;font-size:14px}.small{font-size:12px!important;line-height:1.65}.band h2{margin:12px 0}.band .badge{display:inline-block;font-size:9px}.help{padding:16px 0 46px;max-width:760px}.help p{color:var(--muted);font-size:14px}footer{border-top:1px solid var(--line);font:10px monospace;letter-spacing:1px;color:var(--muted)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:5px}[hidden]{display:none!important}@media(max-width:760px){header,footer{padding:20px}.brand span{display:none}main{padding:0 20px}.hero{padding:38px 0 30px}.layout{grid-template-columns:1fr}.panel{padding:22px}.steps li{padding-left:30px}.help{padding-top:0}.intro{font-size:16px}footer{flex-wrap:wrap}.chips span{font-size:9px}.preview img{width:240px}.hero h1{letter-spacing:-2px}}