:root{font-family:ui-sans-serif,system-ui,sans-serif;color:#e8eee4;background:#101b25;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #536976;border-radius:24px;padding:.7rem 1.1rem;background:transparent;color:inherit}button:hover{background:#29434b}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ffb278;outline-offset:3px}main{min-height:100dvh;padding:3vw 5vw}header{display:flex;align-items:center;justify-content:space-between;gap:2rem}h1{font-size:clamp(2.4rem,5.5vw,6.7rem);font-weight:450;line-height:.98;letter-spacing:-.065em;margin:1.3rem 0 2.3rem}h1 i{font-family:Georgia,serif;font-weight:400;color:#d2e7ae}.eyebrow,.fine{font-size:.72rem;letter-spacing:.12em}.eyebrow{color:#c6b58b}header p{font-size:1.15rem;line-height:1.6}header p span{color:#9eafba;font-size:.8rem}h2{font-size:1.1rem;font-weight:500}p{color:#aabac3;line-height:1.6;font-size:.88rem}.stage{background:#172b34;border:1px solid #40585c;border-radius:18px;overflow:hidden}.stage-head{display:flex;justify-content:space-between;padding:1.3rem 1.8rem;font-family:monospace;color:#cfdbb9;font-size:.85rem}.stage svg{display:block;width:100%;height:clamp(180px,28vw,370px)}svg text{fill:#95a5aa;font:10px monospace}.transport{display:flex;gap:.8rem;align-items:center;justify-content:center;flex-wrap:wrap;padding:.6rem}.transport label{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.primary{background:#d6e8b5;color:#162b28;border-color:#d6e8b5}.primary:hover{background:#e9ffd1}.status{text-align:center;min-height:1.6rem;margin:.4rem 1rem 1rem;color:#f3bf8e}.workspace{display:grid;grid-template-columns:1.5fr 1fr;gap:1.2rem;margin:1.2rem 0}.panel{border:1px solid #334953;border-radius:15px;padding:1.7rem}.areas{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem .5rem;margin:1.7rem 0}.areas label{min-width:0}.areas span{font-size:.6rem;letter-spacing:.05em}.areas input[type=number]{text-align:center;padding:.45rem .1rem}.areas input[type=range]{padding:0;accent-color:#d6e8b5;border:0;margin:.5rem 0;width:100%}label{display:block;font-size:.8rem;color:#bfcdc8;margin:.7rem 0}input:not([type=checkbox]),select,textarea{width:100%;display:block;background:#11242e;color:#e6eedf;border:1px solid #47606a;border-radius:6px;padding:.6rem;margin:.3rem 0}input[type=checkbox]{accent-color:#d6e8b5}.row{display:flex;gap:.55rem;flex-wrap:wrap}.row button{font-size:.8rem}ol{padding-left:1.2rem;font:.7rem/1.6 monospace;overflow-wrap:anywhere}li{padding:.3rem}li button{padding:.1rem .5rem}.edition{display:grid;grid-template-columns:1fr 1fr;gap:2rem}textarea{height:200px;resize:vertical;font:12px/1.5 monospace}footer{max-width:850px;padding:2rem 0}footer .fine{font-size:.65rem}details{border-top:1px solid #334953;padding:1rem 0}summary{cursor:pointer;font-size:.8rem}details button{margin:.2rem}.focus header p,.focus footer{display:none}.focus .stage svg{height:42vh}@media(max-width:760px){main{padding:1rem}header{flex-wrap:wrap}header p{display:none}.workspace,.edition{grid-template-columns:1fr}.areas{grid-template-columns:repeat(4,1fr)}.panel{padding:1rem}h1{font-size:3.3rem}.transport{align-items:stretch}.transport button{font-size:.8rem}.stage-head{padding:1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.stage-head span{overflow-wrap:anywhere;max-width:75%}.stage-head span:last-child{white-space:nowrap}.focus{padding:1.2rem}.motion-note{text-align:center;font-size:.7rem;margin:.2rem 1rem}
