:root{font-family:Georgia,serif;color:#dce8dc;background:#102027;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100dvh}header{display:flex;align-items:center;gap:24px;padding:24px 4vw;border-bottom:1px solid #375259}h1{margin:0;font-size:clamp(26px,3vw,44px);font-weight:400}header p{margin:8px 0;color:#8ea9a5}.brand{border:1px solid #e7b876;border-radius:50%;width:66px;height:66px;display:grid;place-content:center;color:#e7b876;font:13px monospace}header>button{margin-left:auto}button,input,select,textarea{font:inherit}button{background:#27454a;color:#f2e9d6;border:1px solid #577375;border-radius:5px;padding:10px 13px;min-height:44px;cursor:pointer;transition:background .2s,transform .2s}button:hover{background:#40605f;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #efbb72;outline-offset:3px}h2{font-size:15px;font-weight:400;text-transform:uppercase;letter-spacing:.09em;color:#e7b876;margin:28px 0 12px}label{display:block;font-size:13px;color:#b9d0cb;margin:12px 0}input:not([type=checkbox]),select,textarea{width:100%;padding:9px;background:#10272e;color:#f5ebd7;border:1px solid #4b696d;border-radius:4px;margin-top:5px}input[type=checkbox]{accent-color:#e7b876}textarea{height:260px;font:12px monospace}.workbench{display:grid;grid-template-columns:310px minmax(0,1fr);max-width:1600px;margin:auto}aside{padding:0 24px 28px;border-right:1px solid #375259}aside button{margin:3px}.studies{display:grid;gap:4px}article{min-width:0;padding:20px 28px}.stagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:24px}article svg{width:100%;max-height:70vh;min-height:320px;display:block;border:1px solid #375259;border-radius:18px;touch-action:none}svg text{font:12px monospace}svg circle{cursor:pointer}.orbit{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.legend{display:flex;gap:22px;flex-wrap:wrap;font:12px monospace;color:#a5c7bc}.legend span:first-child{color:#efbb72}.status{padding:16px;background:#1d383e;min-height:55px;border-left:3px solid #e7b876}.readout{font:13px monospace;overflow-wrap:anywhere}.caution{color:#a2b6b2;font:13px/1.6 system-ui}.files{padding:24px 4vw;border-top:1px solid #375259}.files button{margin:4px}.files>label{max-width:480px}details{margin:20px 0;line-height:1.6}summary{cursor:pointer;color:#e7b876;min-height:44px}footer{padding:20px 4vw;background:#0b1a20;color:#91aaa6;font:13px/1.6 system-ui}footer button{margin-right:10px}@media(max-width:850px){.workbench{grid-template-columns:1fr}aside{border-right:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}aside h2{grid-column:1/-1}.studies{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}header{flex-wrap:wrap}header>button{margin-left:0}article{padding:12px}.stagehead{font-size:19px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}button:hover{transform:none}}