:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#edf9f3;background:#071016;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 72% 48% at 65% 35%,#15594c49,transparent 85%),linear-gradient(#071016,#0a2326 55%,#071016)}a{color:inherit}button{font:inherit;cursor:pointer}header{max-width:1260px;margin:auto;padding:24px 27px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:1.38rem;font-weight:800;letter-spacing:-.06em}.brand img{width:35px;height:35px}.brand em{color:#d0ff9a;font-style:normal}.back{color:#b9d7d0;text-decoration:none;font-size:.9rem}.back:hover{text-decoration:underline}main{max-width:1260px;margin:auto;padding:32px 27px 85px}.eyebrow{color:#d0ff9a;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;font-weight:750}.lead{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:28px;margin:15px 0 30px}.lead h1{font:400 clamp(3.1rem,6.1vw,6.4rem)/.98 Georgia,serif;letter-spacing:-.06em;margin:13px 0 0}.lead h1 span{color:#d0ff9a}.lead p{font-size:1.06rem;color:#bfd6d2;max-width:460px;line-height:1.6;margin:0 0 8px}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(305px,.74fr);gap:28px}.scene{position:relative;overflow:hidden;border-radius:22px;background:#09262c;box-shadow:0 30px 80px #0006}.scene canvas{width:100%;height:auto;aspect-ratio:28/18;display:block;touch-action:manipulation;cursor:crosshair}.scene-label{position:absolute;top:14px;left:15px;font:.73rem ui-monospace,monospace;letter-spacing:.08em;color:#bae9d9;background:#092029dc;padding:7px 10px;pointer-events:none}.tip{color:#a7c7c0;line-height:1.5;font-size:.88rem;margin:12px 3px}.tip strong{color:#e1f5e8}.side h2{font-size:.83rem;letter-spacing:.13em;color:#c6eee0;text-transform:uppercase;margin:8px 0 12px}.state{font-size:clamp(1.7rem,2.8vw,2.55rem);font-weight:750;line-height:1.12;letter-spacing:-.04em;color:#d0ff9a;margin:0}.state.hold{color:#ffaba5}.reason{color:#b8d3cc;line-height:1.5;min-height:3em;margin:12px 0 17px}.steps{list-style:none;padding:0;margin:0 0 25px}.steps li{padding:11px 0;border-bottom:1px solid #acdcca2b;color:#8daba2}.steps li:first-child{border-top:1px solid #acdcca2b}.steps li.active{color:#d0ff9a;font-weight:700}.steps li.done{color:#bde6d3}.steps b{font-size:.76rem;margin-right:13px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:15px 0 26px}.metrics div{padding-top:9px;border-top:1px solid #acdcca35}.metrics small{color:#a2c7ba;display:block}.metrics strong{font-size:1.25rem;display:block;margin-top:4px;font-variant-numeric:tabular-nums}.actions{display:flex;flex-wrap:wrap;gap:9px}.actions button{min-height:44px;border:1px solid #addbc768;color:#ebf9ed;background:#123735;padding:10px 14px;border-radius:9px}.actions button:hover:not(:disabled){background:#245348}.actions button:disabled{opacity:.45;cursor:not-allowed}.actions .stop{background:#51252c;border-color:#f48c8499}.events{border-top:1px solid #acdcca35;margin-top:29px;padding-top:10px}.events h3{font-size:.83rem;letter-spacing:.12em;color:#badccf;text-transform:uppercase}.events ul{list-style:none;margin:0;padding:0;max-height:155px;overflow:auto}.events li{font-size:.86rem;color:#b9d1c9;padding:7px 0}.disclaimer{color:#8fb5aa;font-size:.84rem;line-height:1.6;max-width:900px;margin:27px 0}.actions button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #d0ff9a;outline-offset:3px}@media(max-width:860px){.lead,.workspace{grid-template-columns:1fr}.lead p{max-width:730px}.side{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.side h2,.side .state,.side .reason,.side .events{grid-column:1/-1}}@media(max-width:620px){header,main{padding-left:17px;padding-right:17px}.lead{margin-top:8px}.lead h1{font-size:clamp(3rem,12vw,4.7rem)}.side{display:block}.scene canvas{aspect-ratio:1.1}.back{font-size:.82rem}.scene-label{font-size:.58rem;top:7px;left:7px}}