:root{color-scheme:dark;font-family:Chakra Petch,sans-serif;--bg-main: #0c0c0e;--bg-panel: #141418;--border-color: #2c2c35;--border-focus: #505060;--text-main: #d0d0d5;--text-muted: #6b6b7a;--lcd-font: "Share Tech Mono", monospace;--lcd-bg: #050a0f;--lcd-text: #00ffcc;--lcd-dim: #004433;--accent-amber: #ffaa00;--accent-red: #ff3344;--accent-blue: #33aaff;--success: #44dd44;--meter-bg: #09090b}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;min-height:100%}body{margin:0;background:var(--bg-main);color:var(--text-main);overflow:hidden;-webkit-user-select:none;user-select:none}h1,h2,h3,h4{margin:0;font-weight:600;text-transform:uppercase;letter-spacing:1px}button,input,select{font-family:inherit;outline:none}button{background:var(--bg-panel);border:1px solid var(--border-color);color:var(--text-main);padding:2px 6px;font-size:.65rem;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:1px;transition:background .1s}button:hover{background:#2a2a35;border-color:var(--border-focus)}button:active{background:var(--accent-blue);color:#000}button.danger{color:var(--accent-red);border-color:var(--accent-red)}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:4px;padding:4px 8px;background:#111;color:#fff;font-size:.65rem;white-space:nowrap;border:1px solid #444;border-radius:3px;z-index:9999;pointer-events:none;box-shadow:0 4px 8px #000c;opacity:0;transition:opacity .15s ease-in-out;transition-delay:0s;font-family:Chakra Petch,sans-serif;font-weight:400;text-transform:none;letter-spacing:normal}[data-tooltip]:hover:before{opacity:1;transition-delay:3s}.app-shell{width:100%;min-width:100%;height:100dvh;min-height:100dvh;display:flex;flex-direction:column}.app-header{padding:0 .5rem;height:32px;background:#000;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.app-header h1{font-size:1.25rem;color:var(--accent-amber);margin-right:.5rem}.app-header p{display:none}.header-actions{display:flex;gap:3px;align-items:center}.header-actions button{height:28px;min-width:60px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:2px}.instrument-quick-switch{display:inline-flex;align-items:center;gap:2px;min-width:0}.instrument-step-btn{min-width:28px;padding:0}.instrument-quick-select{height:28px;max-width:178px;background:var(--bg-panel);color:var(--text-main);border:1px solid var(--border-color);font-size:.7rem;font-weight:600;text-transform:uppercase}@media(max-width:900px){.header-actions .desktop-only{display:none!important}.app-header{height:28px;padding:0 .35rem}.app-header h1{font-size:1rem;margin-right:.35rem}.header-actions{gap:2px}.header-actions button{height:22px;min-width:44px;font-size:.62rem;font-weight:600;padding:1px 5px}.header-actions button svg{width:10px;height:10px}.instrument-step-btn{min-width:22px}.instrument-quick-select{height:22px;max-width:110px;font-size:.58rem}}@media(max-width:600px){.header-actions button{min-width:40px;font-size:.56rem;padding:1px 4px}.instrument-quick-select{max-width:96px}}@media(max-width:480px){.app-header{height:24px;padding:0 .2rem}.app-header h1{font-size:.82rem;margin-right:.2rem}.header-actions{gap:1px;min-width:0}.header-actions button{min-width:0;padding:1px 3px;font-size:.5rem;gap:1px;flex-shrink:1}.header-actions button svg{width:9px;height:9px}.instrument-step-btn{display:none}.instrument-quick-switch{gap:0}.instrument-quick-select{height:20px;max-width:84px;font-size:.5rem}}@media(max-width:600px){.drop-overlay-card{min-width:calc(100vw - 24px);padding:18px 16px}.drop-overlay-title{font-size:.82rem}.drop-overlay-copy{text-align:center}}.samples-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;padding:4px;display:flex;flex-direction:column;gap:2px;z-index:200;box-shadow:0 8px 24px #000000b3;min-width:160px}.samples-dropdown button{text-align:left;font-size:.65rem;padding:4px 8px;white-space:nowrap}.samples-dropdown button:hover{background:var(--accent-blue);color:#000}.samples-dropdown-credit{font-size:.55rem;color:var(--text-muted);padding:2px 8px;border-bottom:1px solid var(--border-color);margin-bottom:2px}.samples-dropdown-credit a{color:var(--accent-blue)}.drop-overlay{position:fixed;inset:0;z-index:500;background:#050a0fc2;display:flex;align-items:center;justify-content:center;pointer-events:none}.drop-overlay-card{min-width:min(420px,calc(100vw - 32px));padding:22px 26px;border:1px solid rgba(0,255,204,.45);background:linear-gradient(180deg,#00ffcc14,#000000eb);box-shadow:0 0 0 1px #00ffcc1f,0 18px 48px #0000008c;display:flex;flex-direction:column;gap:6px;align-items:center}.drop-overlay-title{font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lcd-text)}.drop-overlay-copy{font-size:.68rem;color:var(--text-main)}.app-main{flex:1;display:flex;overflow:hidden}.app-sidebar{width:160px;min-width:160px;background:var(--bg-panel);border-right:2px solid var(--border-color);padding:4px;overflow-y:auto;flex-shrink:0;font-size:.65rem;transition:width .2s,min-width .2s,padding .2s}.app-sidebar.collapsed{width:0;min-width:0;padding:0;overflow:hidden;border-right:none}.sidebar-header{padding:2px 0;margin-bottom:4px}.sidebar-content{overflow-y:auto}.workspace{flex:1;display:flex;flex-direction:column;padding:3px;gap:3px;min-height:0;min-width:0}.compact-timeline{display:flex;background:var(--lcd-bg);border:1px solid var(--border-color);padding:1px 8px;font-family:var(--lcd-font);color:var(--accent-amber);font-size:.95rem;align-items:center;height:24px;flex-shrink:0;overflow:hidden;min-width:0}.timeline-content{display:flex;gap:1rem;white-space:nowrap}.timeline-content.scrolling{animation:cd-scroll 24s linear infinite}@keyframes cd-scroll{0%{transform:translate(0)}25%,90%{transform:translate(calc(-1 * var(--scroll-distance, 50px)))}90.1%,to{transform:translate(0)}}.compact-timeline .lcd-data{white-space:nowrap}.channel-console-panel{flex:1;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border-color);padding:3px;min-height:0}.channel-console-panel h2{font-size:.7rem}.channel-master-metrics{display:none}.channel-console-grid{flex:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:2px;min-height:0}@media(max-width:900px){.channel-console-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(2px,.35dvh,6px)}}.channel-strip{background:#08080a;border:1px solid var(--border-color);display:flex;flex-direction:column;container-type:inline-size;container-name:channel-strip;--strip-bar-label-width: 24px;--strip-bar-gap: 4px;--strip-bar-height: 10px;--strip-bar-min-height: 10px;--strip-bar-row-height: 12px;--strip-bar-font-size: .58rem;--strip-lcd-font-size: .84rem;--strip-label-font-size: .58rem;--strip-wave-font-size: .84rem;--strip-mobile-bars-gap: 3px;--strip-control-height: 18px;--strip-slider-row-height: 16px;--strip-slider-track-height: 5px;--strip-slider-thumb-height: 8px;--strip-slider-thumb-width: 3px;padding:2px;gap:1px;min-height:180px;min-width:60px}@media(max-width:900px){.channel-strip{min-height:0;min-width:0;overflow:hidden;height:100%;display:flex;flex-direction:column;--strip-bar-label-width: 28px;--strip-bar-gap: 5px;--strip-bar-height: 10px;--strip-bar-min-height: 10px;--strip-bar-row-height: 14px;--strip-bar-font-size: .6rem;--strip-lcd-font-size: .82rem;--strip-label-font-size: .56rem;--strip-wave-font-size: .88rem;--strip-mobile-bars-gap: 3px;--strip-control-height: clamp(18px, 2.3dvh, 28px);--strip-slider-row-height: clamp(14px, 1.8dvh, 20px);--strip-slider-track-height: clamp(4px, .65dvh, 6px);--strip-slider-thumb-height: clamp(6px, .95dvh, 9px);--strip-slider-thumb-width: clamp(2px, .3dvh, 4px);gap:clamp(2px,.35dvh,6px);padding:clamp(2px,.35dvh,6px)}}.strip-header{display:flex;align-items:center;justify-content:space-between;height:14px}.strip-title{font-size:.75rem;font-weight:700;color:#fff}.strip-badge{font-size:.6rem;padding:1px 4px;background:#222;color:#888;border-radius:2px;line-height:1.2;font-weight:700}.strip-badge.drum{background:#422;color:#f88}.strip-badge.melody{background:#224;color:#88f}.strip-badge.hold-on{background:var(--accent-red);color:#fff}.strip-badge.hold-off{background:#1a1a1a;color:#444}.strip-hold{display:flex;justify-content:center;align-items:center;padding:2px 0;margin:1px 0;border-radius:2px;flex:0 0 auto}.strip-hold .hold-label{font-size:.6rem;font-weight:700}.strip-hold.hold-on{background:var(--accent-red);color:#fff}.strip-hold.hold-off{background:#1a1a1a;color:#444}.strip-hold-mod{display:flex;gap:1px;flex:0 0 auto}.strip-hold-half{flex:1;display:flex;justify-content:center;align-items:center;padding:2px 0;border-radius:2px;min-height:var(--strip-control-height)}.strip-hold-half .hold-label{font-size:.6rem;font-weight:700}.strip-hold-half.hold-on{background:var(--accent-red);color:#fff}.strip-hold-half.hold-off{background:#1a1a1a;color:#444}.strip-hold-half.mod-on{background:#63c;color:#fff}.strip-hold-half.mod-off{background:#1a1a1a;color:#444}.strip-toggles{display:flex;gap:1px}.toggle-btn{flex:1;font-size:.6rem;font-weight:700;padding:0;height:var(--strip-control-height);min-height:var(--strip-control-height);border:1px solid #333;background:#111}.toggle-btn.active.mute-btn{background:var(--accent-red);color:#000;border-color:var(--accent-red)}.toggle-btn.active.solo-btn{background:var(--accent-amber);color:#000;border-color:var(--accent-amber)}.strip-bars-stack{display:grid;flex:1 1 auto;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto auto;gap:2px;min-height:0}.strip-bar-vol{grid-column:1;grid-row:1}.strip-bar-exp{grid-column:2;grid-row:1}.strip-bar-sw{grid-column:3;grid-row:1}.strip-bar-out{grid-column:4;grid-row:1}.strip-pan-row{grid-column:1 / -1;grid-row:2}.strip-bend-row{grid-column:1 / -1;grid-row:3}@media(max-width:900px){.strip-header{height:clamp(16px,2.1dvh,26px)}.strip-title{font-size:clamp(.82rem,1.15dvh,1.12rem)}.strip-badge{font-size:clamp(.58rem,.85dvh,.78rem);padding:clamp(1px,.18dvh,3px) 4px}.strip-toggles{gap:clamp(1px,.2dvh,3px)}.toggle-btn{font-size:clamp(.58rem,.82dvh,.8rem)}.strip-bars-stack{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:minmax(0,1fr);gap:var(--strip-mobile-bars-gap)}.strip-bar-item{grid-column:1}.strip-bar-vol{grid-row:1}.strip-bar-exp{grid-row:2}.strip-bar-sw{grid-row:3}.strip-bar-out{grid-row:4}.strip-pan-row{grid-row:5}.strip-bend-row{grid-row:6}}.meter-col{flex:1;display:flex;flex-direction:column;align-items:center;min-height:0}@media(max-width:900px){.meter-col{display:grid;grid-template-columns:var(--strip-bar-label-width) minmax(0,1fr);min-height:0;height:auto;flex:none;align-items:stretch;column-gap:var(--strip-bar-gap)}}.meter-col label{font-size:.65rem;color:var(--text-muted);line-height:1;margin-bottom:2px;font-weight:700}@media(max-width:900px){.meter-col label{margin-bottom:0;margin-right:0;width:var(--strip-bar-label-width);text-align:left;font-size:var(--strip-bar-font-size);white-space:nowrap;overflow:hidden;display:flex;align-items:center}}.v-meter-track{width:60%;flex:1;background:var(--meter-bg);border:1px solid #1a1a1a;position:relative;overflow:hidden;min-height:0}@media(max-width:900px){.v-meter-track{width:100%;min-width:0;height:100%;min-height:var(--strip-bar-min-height);flex:1 1 auto;align-self:stretch}}.v-meter-fill{position:absolute;bottom:0;left:0;width:100%;transition:height .06s linear}@media(max-width:900px){.v-meter-fill{height:100%!important;width:var(--val, 0%);transition:width .06s linear}}.vol-fill{background:var(--accent-amber)}.exp-fill{background:var(--accent-blue)}.out-fill{background:var(--lcd-text)}.sw-fill{background:#f8f}.h-bar-row{display:flex;align-items:center;height:10px}.h-bar-row span{font-size:.55rem;font-weight:700;color:var(--text-muted);width:24px;flex-shrink:0;line-height:1}.h-bar-label-mobile,.lcd-label-mobile,.lcd-val-compact{display:none}.h-bar-label-desktop{display:inline-flex}.h-bar-track{flex:1;height:10px;background:var(--meter-bg);border:1px solid #1a1a1a;position:relative;overflow:hidden}.h-bar-track.bipolar{background:linear-gradient(to right,var(--meter-bg) 49%,#333 49%,#333 51%,var(--meter-bg) 51%)}.h-bar-fill{position:absolute;top:0;height:100%}.pan-fill{background:#afa}.bend-fill{background:#f8f}.strip-lcds{display:flex;gap:1px}.lcd-box{flex:1;background:var(--lcd-bg);border:1px solid #111;padding:0 2px;display:flex;align-items:baseline;gap:2px;min-width:0}.lcd-label{font-size:.65rem;color:#0a8;font-weight:700}.lcd-val,.lcd-text{font-family:var(--lcd-font);font-size:.75rem;color:var(--lcd-text);white-space:nowrap;overflow:hidden}.strip-wave{margin:0;flex:0 0 auto;justify-content:center;padding:2px 0}@media(max-width:900px){.h-bar-row{display:grid;grid-template-columns:var(--strip-bar-label-width) minmax(0,1fr);align-items:stretch;min-height:0;height:auto;column-gap:var(--strip-bar-gap)}.h-bar-row span{width:auto;text-align:left;font-size:var(--strip-bar-font-size);white-space:nowrap;overflow:hidden;display:flex;align-items:center}.h-bar-track{width:100%;min-width:0;height:100%;min-height:var(--strip-bar-min-height);align-self:stretch}.strip-lcds{gap:clamp(2px,.25dvh,4px)}.lcd-box{min-height:clamp(18px,2.35dvh,30px);padding:clamp(1px,.2dvh,3px) 3px;gap:clamp(2px,.3dvh,4px)}.lcd-label{font-size:var(--strip-label-font-size)}.lcd-val,.lcd-text{font-size:var(--strip-lcd-font-size)}.strip-wave{min-height:clamp(22px,2.8dvh,34px);padding:clamp(2px,.35dvh,5px) 0}.strip-wave .lcd-val{font-size:var(--strip-wave-font-size)}.strip-hold-half{min-height:var(--strip-control-height);padding:clamp(2px,.3dvh,4px) 0}.strip-hold-half .hold-label{font-size:var(--strip-label-font-size)}.h-bar-row .h-bar-label-desktop,.lcd-label-desktop,.lcd-val-full{display:none}.h-bar-row .h-bar-label-mobile,.lcd-label-mobile,.lcd-val-compact{display:inline-flex}}.strip-vol-slider{margin-top:1px;display:flex;align-items:center;gap:4px;padding:0 4px;min-height:var(--strip-slider-row-height)}.strip-vol-icon{flex-shrink:0;color:var(--text-muted)}@media(max-width:900px){.strip-vol-slider{margin-top:0;padding:0 4px!important;min-height:var(--strip-slider-row-height);flex:0 0 auto;align-items:center;align-self:stretch}}.filled-slider{-webkit-appearance:none;appearance:none;width:100%;height:var(--strip-slider-track-height);border-radius:0;outline:none;cursor:pointer;background:linear-gradient(to right,var(--accent-amber) 0%,var(--accent-amber) var(--val, 0%),var(--meter-bg) var(--val, 0%),var(--meter-bg) 100%);border:1px solid #333}.filled-slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--strip-slider-thumb-width);height:var(--strip-slider-thumb-height);background:#fff;border:none;cursor:pointer}.filled-slider::-moz-range-thumb{width:var(--strip-slider-thumb-width);height:var(--strip-slider-thumb-height);background:#fff;border:none;cursor:pointer;border-radius:0}.filled-slider::-moz-range-track{height:var(--strip-slider-track-height);background:transparent;border:none}@media(max-width:900px){.filled-slider{min-width:0}}@media(min-width:641px)and (max-width:900px){.channel-strip{--strip-bar-label-width: 32px;--strip-bar-gap: 7px;--strip-bar-height: 13px;--strip-bar-min-height: 13px;--strip-bar-row-height: 18px;--strip-bar-font-size: .64rem;--strip-mobile-bars-gap: 6px;--strip-slider-row-height: 18px;--strip-slider-track-height: 6px;--strip-slider-thumb-height: 9px;--strip-slider-thumb-width: 4px}}@media(max-width:640px){.channel-strip{--strip-bar-label-width: 24px;--strip-bar-gap: 3px;--strip-bar-height: 9px;--strip-bar-min-height: 9px;--strip-bar-row-height: 12px;--strip-bar-font-size: .52rem;--strip-lcd-font-size: .76rem;--strip-label-font-size: .5rem;--strip-wave-font-size: .8rem;--strip-mobile-bars-gap: 2px;--strip-control-height: 17px;--strip-slider-row-height: 15px;--strip-slider-track-height: 5px;--strip-slider-thumb-height: 8px;--strip-slider-thumb-width: 3px}.strip-title{font-size:.82rem}.strip-badge{font-size:.56rem;padding:1px 2px}.toggle-btn{font-size:.56rem}.lcd-box{min-height:18px;padding:1px 2px;gap:2px}}@media(max-width:640px)and (max-height:760px){.workspace{padding:2px;gap:2px}.channel-console-panel{padding:2px}.channel-console-grid{gap:1px}.channel-strip{--strip-bar-label-width: 18px;--strip-bar-gap: 2px;--strip-bar-height: 6px;--strip-bar-min-height: 6px;--strip-bar-row-height: 8px;--strip-bar-font-size: .42rem;--strip-lcd-font-size: .58rem;--strip-label-font-size: .4rem;--strip-wave-font-size: .58rem;--strip-mobile-bars-gap: 1px;--strip-control-height: 14px;--strip-slider-row-height: 11px;--strip-slider-track-height: 4px;--strip-slider-thumb-height: 6px;--strip-slider-thumb-width: 2px;gap:1px;padding:1px}.strip-header{height:14px}.strip-title{font-size:.68rem}.strip-badge{font-size:.48rem;padding:1px 2px}.toggle-btn,.strip-hold-half .hold-label{font-size:.48rem}.lcd-box{min-height:14px;padding:1px;gap:1px}.strip-wave{min-height:14px;padding:1px 0}.strip-vol-slider{min-height:12px;gap:2px;padding-left:1px!important;padding-right:1px!important}.strip-vol-icon{width:9px;height:9px}}@media(max-width:480px){.channel-console-grid{gap:1px}.channel-strip{--strip-bar-label-width: 18px;--strip-bar-gap: 2px;--strip-bar-height: 7px;--strip-bar-min-height: 7px;--strip-bar-row-height: 9px;--strip-bar-font-size: .44rem;--strip-lcd-font-size: .66rem;--strip-label-font-size: .44rem;--strip-wave-font-size: .72rem;--strip-control-height: 16px;--strip-slider-row-height: 13px;--strip-slider-track-height: 4px;--strip-slider-thumb-height: 7px;--strip-slider-thumb-width: 3px;gap:2px;padding:1px}.lcd-label-desktop,.lcd-val-full{display:none}.lcd-label-mobile,.lcd-val-compact{display:inline}.strip-vol-slider{gap:4px!important;padding-left:1px!important;padding-right:1px!important}}@container channel-strip (max-width: 112px){.channel-strip{--strip-bar-label-width: 20px;--strip-bar-gap: 2px;--strip-bar-height: 7px;--strip-bar-min-height: 7px;--strip-bar-row-height: 9px;--strip-bar-font-size: .44rem;--strip-lcd-font-size: .68rem;--strip-label-font-size: .44rem;--strip-wave-font-size: .74rem;--strip-control-height: 18px;--strip-slider-row-height: 14px;--strip-slider-track-height: 4px;--strip-slider-thumb-height: 7px;--strip-slider-thumb-width: 3px}.strip-title{font-size:.78rem}.strip-badge,.toggle-btn,.strip-hold-half .hold-label{font-size:.62rem}.strip-vol-slider{min-height:18px}}@container channel-strip (max-width: 94px){.channel-strip{--strip-bar-label-width: 16px;--strip-bar-gap: 2px;--strip-bar-height: 6px;--strip-bar-min-height: 6px;--strip-bar-row-height: 8px;--strip-bar-font-size: .4rem;--strip-lcd-font-size: .6rem;--strip-label-font-size: .4rem;--strip-wave-font-size: .66rem;--strip-control-height: 14px;--strip-slider-row-height: 12px;--strip-slider-track-height: 4px;--strip-slider-thumb-height: 6px;--strip-slider-thumb-width: 2px;gap:2px;padding:1px}.strip-header{height:14px}.strip-title{font-size:.7rem}.strip-badge,.toggle-btn,.strip-hold-half .hold-label{font-size:.56rem}.toggle-btn,.lcd-box,.strip-hold-half{min-height:14px}.lcd-label-desktop,.lcd-val-full,.h-bar-label-desktop{display:none}.lcd-label-mobile,.lcd-val-compact,.h-bar-label-mobile{display:inline}.strip-wave{min-height:16px;padding:1px 0}.strip-vol-slider{min-height:18px;padding-top:2px!important;gap:4px!important}.strip-vol-slider svg{display:none}}@media(min-width:901px){.channel-strip{min-height:240px;min-width:78px;padding:4px;gap:3px}.strip-header{height:23px}.strip-title{font-size:1.2rem}.strip-badge{font-size:.9rem;padding:2px 6px}.toggle-btn{height:24px;font-size:.68rem}.strip-vertical-meters{gap:3px}.meter-col label{font-size:.74rem;margin-bottom:4px}.v-meter-track{width:68%}.strip-h-bars{gap:3px}.h-bar-row{height:24px}.h-bar-row span{width:34px;font-size:.72rem}.h-bar-track{height:21px}.strip-lcds{gap:2px}.lcd-box{min-height:28px;padding:2px 4px;gap:4px}.lcd-label{font-size:.76rem}.lcd-val,.lcd-text{font-size:.98rem}.strip-wave{min-height:34px;padding:4px 5px}.strip-wave .lcd-val{font-size:.92rem}.strip-hold-half{height:24px;padding:4px 0}.strip-hold-half .hold-label{font-size:.72rem}.strip-vol-slider{margin-top:3px}.filled-slider{height:8px}.filled-slider::-webkit-slider-thumb{width:5px;height:12px}.filled-slider::-moz-range-thumb{width:5px;height:12px}.filled-slider::-moz-range-track{height:8px}}.transport-panel{height:34px;background:#000;border-top:1px solid var(--border-color);display:flex;align-items:center;padding:0 .5rem;gap:.5rem;flex-shrink:0}.transport-controls{display:flex;gap:2px}.transport-controls button{height:28px;font-size:.75rem;font-weight:600}.transport-controls button.playing{background:var(--success);color:#000;border-color:var(--success)}.transport-icon-btn{width:28px;min-width:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.transport-icon-btn svg{display:block}.transport-timeline{flex:1;display:flex;align-items:center;gap:.4rem}.scrubber-track{flex:1;height:6px;background:#222;position:relative;cursor:pointer;border:1px solid #444}.scrubber-fill{position:absolute;top:0;left:0;height:100%;background:var(--accent-amber)}.loop-region{position:absolute;top:0;height:100%;background:#33aaff40;border-left:1px solid var(--accent-blue);border-right:1px solid var(--accent-blue);pointer-events:none}.time-readout{font-family:var(--lcd-font);color:var(--accent-amber);font-size:.7rem;background:var(--lcd-bg);padding:1px 3px;border:1px inset #222;width:48px;text-align:center}.transport-meta{display:flex;gap:4px;align-items:center;font-size:.65rem;color:var(--text-muted)}.transport-meta label{display:flex;align-items:center;gap:3px}.transport-meta input[type=number]{background:var(--lcd-bg);color:var(--lcd-text);border:1px solid #333;width:52px;font-family:var(--lcd-font);font-size:.65rem;padding:2px 3px;text-align:right}.status-bar{display:none}.render-progress-bar{height:14px;background:#111;border-top:1px solid var(--border-color);position:relative;flex-shrink:0}.render-progress-fill{height:100%;background:var(--accent-amber);transition:width .2s ease;opacity:.7}.render-progress-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:#fff;text-shadow:0 0 4px #000}.toggle-btn.loop-btn{height:28px;font-size:.75rem;font-weight:600;padding:0;border:1px solid #333;background:#111;cursor:pointer}.toggle-btn.loop-btn.active{background:var(--accent-blue);color:#000;border-color:var(--accent-blue)}.toggle-btn.loop-btn:hover{border-color:var(--border-focus)}.transport-volume-wrapper{position:relative}.volume-btn{height:28px;font-size:.75rem;font-weight:600;padding:0;cursor:pointer}.volume-popup{position:absolute;bottom:100%;right:0;margin-bottom:6px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;padding:8px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:100;box-shadow:0 8px 24px #000000b3}.volume-popup-label{font-size:.6rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.volume-popup-slider{-webkit-appearance:slider-vertical;appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;width:24px;height:120px;cursor:pointer;background:transparent}.volume-popup-slider::-webkit-slider-runnable-track{width:6px;background:linear-gradient(to top,var(--accent-amber) 0%,var(--accent-amber) var(--val, 0%),var(--meter-bg) var(--val, 0%),var(--meter-bg) 100%);border:1px solid #333;border-radius:0}.volume-popup-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:6px;background:#fff;border:none;cursor:pointer;margin-left:-5px;transform:translate(-5%)}.volume-popup-slider::-moz-range-track{width:6px;background:transparent;border:none}.volume-popup-slider::-moz-range-thumb{width:14px;height:6px;background:#fff;border:none;cursor:pointer;border-radius:0}.volume-popup-value{font-family:var(--lcd-font);font-size:.75rem;color:var(--lcd-text)}.transport-loop-wrapper{position:relative}.loop-popup{position:absolute;bottom:100%;right:0;margin-bottom:6px;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;z-index:100;box-shadow:0 8px 24px #000000b3;min-width:160px}.loop-popup-label{font-size:.6rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.loop-popup label{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:.65rem;color:var(--text-muted)}.loop-popup input[type=number]{background:var(--lcd-bg);color:var(--lcd-text);border:1px solid #333;width:70px;font-family:var(--lcd-font);font-size:.65rem;padding:3px 4px;text-align:right}.settings-overlay{position:fixed;inset:32px 0 0;background:#000000eb;z-index:200;display:flex;justify-content:center;align-items:flex-start;padding:1rem}.settings-overlay .panel{background:var(--bg-panel);border:1px solid var(--border-color);max-width:800px;width:100%;max-height:calc(100vh - 50px);overflow-y:auto;padding:1rem;box-shadow:0 10px 30px #000c}.settings-overlay .panel h2{margin-bottom:.6rem;color:var(--accent-amber);border-bottom:1px solid var(--border-color);padding-bottom:.3rem;font-size:.85rem}.realtime-warning-overlay{position:fixed;inset:0;z-index:260;background:#000000db;display:flex;align-items:center;justify-content:center;padding:1rem}.realtime-warning-card{width:min(560px,100%);background:var(--bg-panel);border:1px solid var(--accent-amber);box-shadow:0 12px 40px #000000b3;padding:1rem;display:flex;flex-direction:column;gap:.85rem}.realtime-warning-card h2{margin:0;color:var(--accent-amber);font-size:1rem}.realtime-warning-card p{margin:0;color:var(--text-muted);line-height:1.45}.realtime-warning-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .8rem;font-family:var(--lcd-font);font-size:.72rem;color:var(--lcd-text);background:#070707;border:1px solid #262626;padding:.65rem}.realtime-warning-actions{display:flex;flex-wrap:wrap;gap:.5rem}.realtime-warning-actions button{flex:1 1 160px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.grid-two label{display:flex;flex-direction:column;gap:2px;font-size:.65rem;color:var(--text-muted)}.grid-two select,.grid-two input{background:#000;color:#fff;border:1px inset #333;padding:2px;font-size:.65rem}.project-item{display:flex;justify-content:space-between;align-items:center;padding:2px 4px;background:#111;border:1px solid #222;cursor:pointer;font-size:.6rem;margin-bottom:2px}.project-item:hover{background:#2a2a35;border-color:var(--accent-amber)}.project-item.active{border-left:3px solid var(--accent-amber)}