@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Sans:wght@400;600&display=swap');
:root{--ink:#171611;--paper:#e9e4d7;--acid:#d8ff3e;--red:#ff5c3e;--line:#878276;--muted:#69655c;font-family:'Instrument Sans',sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(90deg,transparent 49.9%,rgba(23,22,17,.045) 50%,transparent 50.1%),var(--paper)}button,input,select,textarea{font:inherit;color:inherit}.mast{height:72px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);font:12px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:500}.brand span{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--acid)}.mast p{margin:0;color:var(--muted)}main{max-width:1472px;margin:auto;padding:clamp(36px,6vw,80px) clamp(20px,4vw,64px)}.intro{display:grid;grid-template-columns:1fr 3fr;gap:24px;align-items:start;margin-bottom:52px}.eyebrow{margin:9px 0 0;font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.intro h1{font-size:clamp(42px,6vw,86px);line-height:.93;letter-spacing:-.045em;max-width:950px;margin:0}.lede{grid-column:2;max-width:680px;font-size:18px;line-height:1.5;margin:8px 0 0}.workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--ink);background:var(--paper)}.input-panel,.output-panel{min-width:0;padding:24px}.input-panel{border-right:1px solid var(--ink)}.panel-head{min-height:44px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--ink);margin-bottom:20px}.panel-head h2{font:500 12px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;margin:0}.panel-head button{border:0;background:none;text-decoration:underline;cursor:pointer;padding:0;font:11px 'DM Mono',monospace;text-transform:uppercase}.panel-head #status{font:11px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase}label{display:block;font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em}code{font:inherit;background:#d9d3c3;padding:2px 4px}textarea{width:100%;height:274px;resize:vertical;margin-top:10px;border:1px solid var(--ink);border-radius:0;background:#f4f0e6;padding:16px;font:14px/1.85 'DM Mono',monospace;outline-offset:3px}.hint{font-size:12px;color:var(--muted);margin:8px 0 22px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.controls select,.controls input{display:block;width:100%;height:48px;margin-top:8px;border:1px solid var(--ink);border-radius:0;background:#f4f0e6;padding:0 12px;font:14px 'DM Mono',monospace}.markers{height:358px;overflow:auto;list-style:none;padding:0;margin:0}.markers li{display:grid;grid-template-columns:72px 1fr auto;align-items:center;min-height:56px;border-bottom:1px solid #aaa498;font-size:14px}.markers time{font:12px 'DM Mono',monospace}.frame{font:11px 'DM Mono',monospace;color:var(--muted)}.empty,.error{height:358px;display:grid;place-items:center;text-align:center;color:var(--muted);font:13px 'DM Mono',monospace;padding:24px}.error{color:#9b2510}.export-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink);padding-top:18px;gap:16px}.export-row div{display:flex;flex-direction:column}.export-row strong{font:13px 'DM Mono',monospace}.export-row span{font-size:12px;color:var(--muted);margin-top:4px}.primary{min-height:48px;border:1px solid var(--ink);background:var(--acid);padding:0 20px;font:500 12px 'DM Mono',monospace;text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);cursor:pointer}.primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.primary:disabled{background:#c5c0b4;color:#777268;box-shadow:none;cursor:not-allowed;transform:none}.how{border-left:8px solid var(--red);margin:30px 0 0;padding:8px 18px;max-width:760px;font-size:14px}.how p{margin:0;line-height:1.5}footer{border-top:1px solid var(--ink);display:flex;justify-content:space-between;padding:24px clamp(20px,4vw,64px);font:10px 'DM Mono',monospace;text-transform:uppercase}@media(max-width:760px){body{background:var(--paper)}.mast{height:60px}.mast p{display:none}main{padding-top:34px}.intro{display:block;margin-bottom:30px}.eyebrow{margin-bottom:18px}.intro h1{font-size:45px;line-height:.96}.lede{font-size:16px;margin-top:20px}.workbench{display:block}.input-panel{border-right:0;border-bottom:1px solid var(--ink);padding:18px}.output-panel{padding:18px}.controls{grid-template-columns:1fr}.markers{height:auto;max-height:300px}.markers li{grid-template-columns:62px 1fr}.frame{display:none}.export-row{align-items:stretch;flex-direction:column}.primary{width:100%}.how{margin-top:22px}footer{gap:12px;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}