:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e7e9ed;background:#090e19;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{color:inherit;background:#1a2537;border:1px solid #344158;border-radius:8px;padding:.65rem .85rem;cursor:pointer}button:hover{background:#2b3b50}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #72ffd5;outline-offset:3px}button:disabled{opacity:.4;cursor:wait}main{min-height:100dvh;padding:32px 4vw}header{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:25px;border-bottom:1px solid #263347}.eyebrow{font-size:.7rem;letter-spacing:.22em;color:#72ffd5}h1{font-size:clamp(1.8rem,3vw,3.5rem);font-weight:500;letter-spacing:-.05em;margin:0}h1 span{display:block;color:#8b98ab;font-size:1rem;letter-spacing:0;margin-top:8px}.stats{color:#8b98ab}.stats b{color:#72ffd5;font-size:2rem;font-weight:400}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;padding:30px 0}.stage{min-width:0;display:flex;align-items:center;flex-direction:column;background:radial-gradient(#172439,#090e19);border:1px solid #263347;border-radius:16px;overflow:hidden}canvas{display:block;width:min(100%,640px);aspect-ratio:1;touch-action:none;border:0;padding:0;transform:none}.caption{display:flex;justify-content:space-between;gap:20px;font-size:.7rem;letter-spacing:.1em;padding:20px;width:100%;color:#8b98ab}h2{font-size:1.1rem;font-weight:500}p{line-height:1.6;color:#8b98ab;font-size:.85rem}label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 0;text-transform:capitalize;font-size:.85rem;color:#b6c2d2}input[type=number]{width:100px;background:#111c2c;color:#fff;border:1px solid #344158;border-radius:6px;padding:10px}input[type=range]{width:60%;accent-color:#72ffd5}.row{display:flex;flex-wrap:wrap;gap:8px}.primary{width:100%;background:#72ffd5;color:#091d1b;border:0;margin-bottom:12px;font-weight:650}.status{min-height:4rem;border-left:2px solid #72ffd5;padding-left:12px}.desk{display:grid;grid-template-columns:1fr 1fr;gap:36px;border-top:1px solid #263347;padding-top:20px}.passes{list-style:none;padding:0;max-height:220px;overflow:auto}.passes li{display:flex;gap:5px;margin-bottom:6px}.passes li button:first-child{flex:1;text-align:left;font-size:.8rem}textarea{width:100%;min-height:140px;background:#101a29;color:#b6c2d2;border:1px solid #344158;border-radius:8px;padding:12px;font:12px monospace}label:has(textarea){display:block}footer{border-top:1px solid #263347;margin-top:30px;padding-top:20px;max-width:1000px}footer button{font-size:.8rem;margin-right:8px}@media(max-width:800px){main{padding:20px}.workspace,.desk{grid-template-columns:1fr}.workspace{gap:20px}.caption{font-size:.6rem}aside{max-width:none}}@media(prefers-reduced-motion:no-preference){button{transition:background .18s,opacity .18s}.primary:hover{background:#a1ffe5}}