@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#111717;--panel:#182020;--line:#34403d;--orange:#ff7546;--teal:#8de0c3;--text:#ecede2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:12px 'IBM Plex Mono',monospace}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--line);background:transparent;padding:10px 14px}button:hover{border-color:var(--teal);background:#25312d}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}header{height:65px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;font-size:10px;letter-spacing:1px}header a{font-size:18px;font-weight:bold;color:var(--text);text-decoration:none}header a span{color:var(--teal)}main{max-width:1500px;margin:auto;padding:35px 4vw 15px}.title{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}small{color:var(--orange);letter-spacing:2px;font-size:10px}h1{font:900 clamp(48px,6vw,82px)/.83 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:17px 0 0}h1>span{display:block;color:var(--orange)}.dot{font:18px monospace;vertical-align:top;margin-left:10px}.title p{line-height:1.8;color:#a1ada5}.serial{font-size:10px;line-height:2;text-align:right}.serial b{color:var(--teal)}.toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:14px 0;letter-spacing:1px}.toolbar span:first-child{color:var(--teal)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid var(--line);border-top:0}.stage{position:relative;min-width:0;background:#151c1c;display:flex;flex-direction:column;justify-content:space-between}.stage-label,.stage-foot{display:flex;justify-content:space-between;align-items:center;padding:15px 19px;font-size:9px;letter-spacing:1px}.live{color:var(--teal)}canvas{display:block;width:100%;height:auto;touch-action:none;outline:none}.stage-foot{border-top:1px solid var(--line);min-height:50px;color:#a1ada5}aside{padding:24px;border-left:1px solid var(--line);background:var(--panel)}h2{font:700 30px 'Barlow Condensed',Impact,sans-serif;margin:10px 0}.muted{color:#9eada4;line-height:1.7;font-size:11px}.part{display:grid;grid-template-columns:32px 1fr auto;width:100%;text-align:left;margin:7px 0;padding:10px;align-items:center}.part.selected{border-color:var(--orange);background:#352a23}.part b{display:block;font-size:11px}.part small{letter-spacing:0;font-size:9px;color:#9eada4}.part em{font-style:normal;color:var(--teal);font-size:10px}.icon{font-size:21px;color:var(--orange)}.primary{background:var(--orange);border-color:var(--orange);color:#171c19;font-weight:600;width:100%;padding:15px;margin-top:15px}.primary:hover{background:#ff976d;border-color:#ff976d}.micro{font-size:9px;line-height:1.9;color:#a1ada5;text-align:center}#stats{display:flex;justify-content:space-between;margin-top:18px;font-size:10px;color:#a1ada5}#stats b{display:block;color:var(--text);font-size:17px;margin-top:5px}footer{display:flex;justify-content:space-between;align-items:center;color:#7d8b82;font-size:9px;padding-top:16px}footer button{font-size:9px}#overlay{position:absolute;inset:45px 0 50px;background:#101918e8;z-index:3;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px}#overlay[hidden]{display:none}#overlay h2{font-size:54px}#overlay p{line-height:1.8;color:#bccbc2}#overlay button{max-width:280px}#telemetry{line-height:2.5;margin:25px 0;color:var(--teal)}#retreat{width:100%;margin-top:12px}@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr) 250px}aside{padding:15px}.serial{display:none}.title p{font-size:10px}header>span{display:none}}@media(max-width:650px){main{padding:24px 14px}.title p{max-width:130px}.layout{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line)}#parts{display:grid;grid-template-columns:1fr 1fr;gap:5px}.part{margin:0}canvas{height:auto}.toolbar{font-size:9px}.stage-label{font-size:8px;padding:12px}.live{display:none}footer>span:last-child{display:none}h1{font-size:57px}}

.audio-controls{display:flex;gap:8px;align-items:center}.mixer{position:relative;z-index:10}.mixer summary{cursor:pointer;border:1px solid var(--line);padding:10px 12px;list-style:none}.mixer summary::-webkit-details-marker{display:none}.mixer summary:hover{border-color:var(--teal)}.mixer-panel{position:absolute;right:0;top:42px;width:280px;padding:20px;background:#19251f;border:1px solid #536b58;box-shadow:0 14px 45px #0009;letter-spacing:0}.mixer-panel b{display:block;color:var(--teal);font-size:10px;margin-bottom:20px}.mixer-panel label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 0;font-size:11px}.mixer-panel input{width:155px;accent-color:var(--orange);cursor:pointer}.mixer-panel small{font-size:9px;line-height:1.6;letter-spacing:0;color:#9bb49f}.mixer summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}@media(max-width:420px){header{padding:0 12px}header a{font-size:14px}.audio-controls{gap:4px}.audio-controls button,.mixer summary{font-size:9px;padding:9px}}