:root{font-family:Arial,sans-serif;color:#e9e2d7;background:#11131b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{background:#252936;color:#eee4cf;border:1px solid #454655;border-radius:5px;padding:11px 15px;cursor:pointer}button:hover{background:#3b3b45;border-color:#e0bd7a}button:focus-visible,input:focus-visible,textarea:focus-visible,.bar:focus-visible{outline:3px solid #eebc70;outline-offset:3px}main{min-height:100vh;padding:36px 5vw 20px}header{display:flex;align-items:center;gap:28px;margin-bottom:32px}.mark{border:1px solid #8a7664;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;font:20px Georgia;color:#d6ba89}h1{font:42px/1.05 Georgia;margin:8px 0}h1 em{font-weight:400;color:#d5b884}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#bdaa91}.intro{margin-left:auto;color:#aaa6aa;line-height:1.8;font-size:13px}.intro small{color:#d4bd91}.studio{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(270px,1fr);gap:30px}.theatre{border:1px solid #393944;border-radius:8px;overflow:hidden;background:#191c26}.stage-label{display:flex;justify-content:space-between;padding:18px 24px;font:10px monospace;letter-spacing:1px;border-bottom:1px solid #393944;color:#b6aa9f}svg{display:block;width:100%;aspect-ratio:800/540}.bar{cursor:grab;touch-action:none}.transport{display:flex;flex-wrap:wrap;gap:8px;padding:18px 22px;border-top:1px solid #393944;align-items:center}.primary{background:#dfb77d;color:#211d21}.transport label{font-size:12px;color:#c4bdba;margin-left:auto}.tensions{display:grid;grid-template-columns:repeat(3,1fr);padding:0 22px;gap:20px}.tensions>div{font:10px monospace;display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid #393944;padding-top:15px;color:#aaa5a6}.tensions strong{color:#e9d1a0;margin-left:auto}.tensions small{width:100%;font-size:10px}.dot{width:6px;height:6px;border:1px solid #999;border-radius:50%}.dot.active{background:#efb660;border-color:#efb660}.status{font-size:12px;min-height:32px;margin:18px 22px;color:#cfbaa1}aside{padding:15px 0}h2{font:29px/1.2 Georgia}aside>p,.editor p{font-size:13px;line-height:1.7;color:#b4aeb0}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 14px}label{font-size:11px;color:#b9aea5}input[type=number]{margin-top:8px;width:100%;background:#1b1e29;color:#e9e2d7;border:1px solid #484550;padding:10px;border-radius:4px}h3{font-size:11px;text-transform:uppercase;letter-spacing:2px;margin-top:32px}.routines{display:grid;gap:8px}.routines button{display:flex;gap:16px;text-transform:capitalize;text-align:left;padding:15px}.routines span{font:10px monospace;color:#b5a185}.routines b{margin-left:auto}aside .note{font-size:11px;color:#92909b;margin:14px 0 24px}aside>button{margin:4px 8px 4px 0}.editor{border-top:1px solid #393944;margin-top:42px;padding-top:32px;display:grid;grid-template-columns:1fr 2fr;gap:50px}textarea{width:100%;height:245px;margin-top:10px;background:#191c26;color:#d5c6ad;border:1px solid #484550;padding:15px;resize:vertical;font:12px/1.5 monospace}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.actions button{font-size:12px}.privacy{border-top:1px solid #393944;padding-top:20px;font-size:11px!important}footer{margin-top:45px;font-size:9px;letter-spacing:1.5px;color:#827b81;display:flex;justify-content:space-between;gap:20px}@media(max-width:850px){main{padding:22px}.studio,.editor{grid-template-columns:1fr}.intro{display:none}h1{font-size:33px}.editor{gap:15px}.tensions{gap:9px}.transport{padding:12px}.transport label{margin:0}.stage-label{font-size:8px;padding:12px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.focused header,.focused aside,.focused .editor,.focused footer{display:none}.focused .studio{display:block}.focused .theatre{max-width:1200px;margin:auto}.focused{padding:12px}.focused svg{max-height:calc(100vh - 230px)}