.sound-rack{background:#1a1916ed;border:1px solid #f5f1e826;border-radius:8px;padding:12px}.rack-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.rack-summary{color:#f5f1e8c2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:.9rem;line-height:1.35;display:-webkit-box;overflow:hidden}.soundboard-controls{background:#f5f1e80a;border:1px solid #f5f1e81f;border-radius:8px;grid-template-columns:minmax(190px,.42fr) minmax(260px,.4fr) minmax(250px,1fr);align-items:center;gap:10px;margin-top:10px;padding:8px;display:grid}.soundboard-controls .transport-row,.soundboard-controls .slider-row{margin:0}.soundboard-controls .slider-row{border-top:0}.transport-glyph{flex:none;display:inline-block}.transport-glyph--play{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:16px solid;width:0;height:0}.transport-glyph--stop{background:currentColor;border-radius:3px;width:17px;height:17px}.track-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:9px;margin-top:10px;display:grid}.track-card{background:#f5f1e80b;border:1px solid #f5f1e81f;border-radius:8px;gap:9px;min-height:128px;padding:10px;display:grid;position:relative}.track-card:before{content:"";border-radius:8px 0 0 8px;width:4px;position:absolute;inset:0 auto 0 0}.track-card--ambient:before{background:#469778}.track-card--music:before{background:#6e8fd6}.track-card--texture:before{background:#d8aa4e}.track-card--event:before{background:#b65b50}.track-card--active{background:#4697782b;border-color:#82d3b080;box-shadow:inset 0 0 0 1px #46977857}.track-main{color:#f5f1e8;text-align:left;background:#28261f;border:1px solid #f5f1e82e;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:9px;display:grid}.track-main--with-play{padding-right:9px}button.track-main{cursor:pointer}button.track-main:hover,button.track-main:focus-visible{background:#312e25;border-color:#f5f1e857}.track-main--static{cursor:default}.track-icon{background:#171715bf;border:1px solid #f5f1e824;border-radius:8px;place-items:center;width:42px;height:42px;font-size:1.45rem;display:grid}.track-copy{min-width:0;padding-right:48px}.track-main--with-play .track-copy{padding-right:88px}.track-copy strong,.track-copy small{display:block}.track-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;overflow:hidden}.track-copy small{color:#f5f1e8a6;text-transform:capitalize;margin-top:2px;font-size:.72rem}.track-tools{z-index:3;align-items:center;gap:7px;display:flex;position:absolute;top:12px;right:12px}.track-play-now,.track-info summary{border:1px solid #f5f1e82e;border-radius:8px;place-items:center;width:36px;height:36px;display:inline-grid}.track-play-now{color:#171715;background:#d8aa4e}.track-play-now--cancel{color:#f5f1e8;background:#b65b50;border-color:#d88777}.track-play-now:hover,.track-play-now:focus-visible{background:#efc65e;border-color:#f5f1e8}.track-play-now--cancel:hover,.track-play-now--cancel:focus-visible{background:#c7685d}.track-stop-glyph{background:currentColor;border-radius:3px;width:16px;height:16px}.track-info{position:relative}.track-info summary{color:#f5f1e8d1;cursor:pointer;background:#0d0e0ddb;list-style:none}.track-info summary::-webkit-details-marker{display:none}.track-info[open] summary,.track-info summary:hover,.track-info summary:focus-visible{color:#f5f1e8;border-color:#f5f1e859}.track-info-popover{z-index:8;color:#f5f1e8d1;background:#201f1a;border:1px solid #f5f1e82e;border-radius:8px;width:min(270px,100vw - 48px);padding:9px;position:absolute;top:42px;right:0;box-shadow:0 16px 32px #0000006b}.track-info-popover dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 8px;display:grid}.track-info-popover div{min-width:0}.track-info-popover dt{color:#f5f1e88c;text-transform:uppercase;font-size:.65rem}.track-info-popover dd{color:#f5f1e8;margin:2px 0 0;font-size:.78rem}.track-info-popover p{color:#f5f1e8bd;margin:6px 0 0;font-size:.76rem;line-height:1.35;display:block}.signal-row{grid-column:1/-1;grid-template-columns:minmax(0,1fr);align-items:center;margin-top:3px;display:grid;position:relative}.signal-strip{background:linear-gradient(#f5f1e812,#0000 48%,#f5f1e80a),#0d0e0de0;border:1px solid #f5f1e81f;border-radius:999px;height:24px;position:relative;overflow:hidden}.signal-strip:before{content:"";background:#f5f1e81f;height:1px;position:absolute;inset:50% 8px auto}.signal-strip:after{width:var(--signal-level,0%);content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#82d3b02e,#0000);transition:width 80ms linear,opacity .12s;position:absolute;inset:0 auto 0 0}.signal-strip--clip:after{display:none}.signal-bars{z-index:1;align-items:center;gap:2px;display:grid;position:absolute;inset:2px 8px}.signal-bars span{height:min(var(--bar-height), 100%);opacity:.12;background:#f5f1e829;border-radius:999px;transition:height 70ms linear,opacity 90ms,background-color 90ms}.signal-strip--playing:after{opacity:1}.signal-strip--playing .signal-bars span{opacity:1;background:#82d3b0;box-shadow:0 0 12px #82d3b06b}.signal-strip--texture.signal-strip--playing:after{background:linear-gradient(90deg,#e3c17033,#0000)}.signal-strip--texture.signal-strip--playing .signal-bars span{background:#e3c170;box-shadow:0 0 12px #e3c17075}.signal-strip--music.signal-strip--playing:after{background:linear-gradient(90deg,#88a8e633,#0000)}.signal-strip--music.signal-strip--playing .signal-bars span{background:#88a8e6;box-shadow:0 0 12px #88a8e675}.signal-strip--event.signal-strip--playing:after{background:linear-gradient(90deg,#f0a79d33,#0000)}.signal-strip--event.signal-strip--playing .signal-bars span{background:#f0a79d;box-shadow:0 0 12px #f0a79d7a}.signal-strip--clip.signal-strip--playing .signal-bars span{opacity:.95}.signal-playhead{z-index:2;top:3px;bottom:3px;left:var(--signal-progress,0%);background:#f5f1e8;border-radius:999px;width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 0 1px #0d0e0db3,0 0 12px #f5f1e8cc}.track-slider{grid-template-columns:minmax(50px,.22fr) minmax(82px,1fr) 58px;align-items:center;gap:9px;min-height:30px;padding:0 3px;font-size:.75rem;display:grid}.track-slider span{color:#f5f1e8c7}.track-slider input{min-width:0}.track-slider strong{color:#f5f1e8e0;text-align:right;font-size:.72rem}.empty-state{color:#f5f1e8b8;border:1px dashed #f5f1e82e;border-radius:8px;align-items:center;gap:10px;min-height:96px;margin-top:10px;padding:12px;display:flex}@media (width<=760px){.soundboard-controls{grid-template-columns:1fr}}@media (width<=560px){.sound-rack{padding:9px}.rack-summary{display:none}.soundboard-controls{gap:7px;margin-top:8px;padding:7px}.track-grid{grid-template-columns:1fr;gap:8px}.track-card{gap:8px;min-height:122px;padding:9px}.track-main{grid-template-columns:38px minmax(0,1fr);min-height:52px;padding:8px}.track-main--with-play{padding-right:8px}.track-copy{padding-right:40px}.track-main--with-play .track-copy{padding-right:76px}.track-icon{width:38px;height:38px;font-size:1.25rem}.track-copy strong{font-size:.9rem}.track-tools{gap:5px;top:10px;right:10px}.track-play-now,.track-info summary{width:34px;height:34px}.signal-strip{height:18px}.track-slider{grid-template-columns:46px minmax(72px,1fr) 56px;gap:7px;min-height:28px;padding:0 2px}}:root{color:#f5f1e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#171715;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#2a6f6429,#0000 36%),linear-gradient(315deg,#9a524a29,#0000 34%),#171715;min-width:320px;min-height:100vh;margin:0}button,input,textarea,summary{font:inherit}button,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #d8aa4e}button{cursor:pointer}h1,h2,h3,p{letter-spacing:0;margin:0}h1{font-size:2.35rem;line-height:1}h2{font-size:1.08rem}.app-shell{width:min(1360px,100%);margin:0 auto;padding:12px}.top-bar{grid-template-columns:minmax(190px,.28fr) 1fr;align-items:end;gap:10px;min-height:72px;display:grid}.eyebrow,.section-kicker{color:#d8aa4e;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:850}.status-strip{grid-template-columns:repeat(6,minmax(68px,1fr));gap:6px;display:grid}.status-badge,.scene-panel,.transport-panel,.info-drawer,.rack-readout,.scene-source-drawer{background:#1a1916ed;border:1px solid #f5f1e826;border-radius:8px}.status-badge{min-height:44px;padding:7px 8px}.status-badge span,.status-badge strong{display:block}.status-badge span{color:#f5f1e89e;font-size:.68rem}.status-badge strong{overflow-wrap:anywhere;text-transform:capitalize;margin-top:3px;font-size:.84rem}.status-badge--good{border-color:#469778db}.status-badge--warn{border-color:#d8aa4ec7}.status-badge--bad{border-color:#bc5b50e6}.control-deck{grid-template-columns:1fr;gap:10px;margin-top:10px;display:grid}.scene-panel,.transport-panel,.info-drawer,.rack-readout,.scene-source-drawer{padding:12px}.scene-panel--compact,.transport-panel{min-height:124px}.section-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.quick-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.path-button,.command,.icon-command,.device-action{color:#f5f1e8;background:#28261f;border:1px solid #f5f1e82e;border-radius:8px}.path-button{text-align:left;min-height:54px;padding:8px 10px}.path-button span,.path-button strong{display:block}.path-button span{color:#f5f1e8a3;font-size:.72rem}.path-button strong{overflow-wrap:anywhere;margin-top:4px;font-size:.94rem}.path-button--active{background:#3a3020;border-color:#d8aa4e}.draft-actions{grid-template-columns:minmax(150px,.28fr) 1fr;align-items:center;gap:10px;margin-top:10px;display:grid}.transport-row{grid-template-columns:minmax(150px,1fr) 50px 50px;gap:8px;margin:14px 0 10px;display:grid}.command,.icon-command,.device-action{min-height:48px}.command{justify-content:center;align-items:center;gap:9px;padding:0 12px;font-weight:850;display:inline-flex}.command--play{color:#171715;background:#d8aa4e;border-color:#d8aa4e}.command--stop{color:#f5f1e8;background:#b65b50;border-color:#d88777}.icon-command{place-items:center;width:50px;display:grid}.icon-command--active{color:#f5f1e8;background:#b65b50;border-color:#d88777}.path-button:hover,.command:hover,.icon-command:hover,.device-action:hover{filter:brightness(1.08)}.inline-state{color:#f5f1e8c7;align-items:center;gap:7px;min-height:34px;font-size:.86rem;display:inline-flex}.inline-state--good{color:#82d3b0}.inline-state--warn{color:#e3c170}.inline-state--bad{color:#f08c7e}.slider-row{border-top:1px solid #f5f1e81f;grid-template-columns:minmax(72px,.22fr) minmax(90px,1fr) 48px;align-items:center;gap:9px;min-height:48px;display:grid}.slider-row span{color:#f5f1e8c7;align-items:center;gap:7px;display:flex}input[type=range]{accent-color:#469778;width:100%}.soundstage{grid-template-columns:minmax(0,1fr) minmax(260px,.27fr);gap:10px;margin-top:10px;display:grid}.constraint-list span{color:#ecd39a;background:#d8aa4e14;border:1px solid #d8aa4e52;border-radius:999px;font-size:.68rem}.info-rail{align-content:start;gap:8px;display:grid}.rack-readout{color:#f5f1e8c7;min-height:48px;font-size:.9rem;line-height:1.35}.info-drawer summary,.scene-source-drawer summary{color:#f5f1e8d6;cursor:pointer;align-items:center;gap:7px;min-height:36px;font-weight:850;display:flex}.constraint-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.constraint-list span{padding:6px 8px}.quiet-copy{color:#f5f1e8a8;margin-top:8px}.readout-list{gap:7px;margin-top:8px;display:grid}.readout-list p{overflow-wrap:anywhere;color:#f5f1e8b8;background:#f5f1e80d;border:1px solid #f5f1e814;border-radius:8px;min-height:38px;padding:8px 9px}.device-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.device-action{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:78px;font-size:.82rem;font-weight:800;display:inline-flex}.device-action span{color:#d8aa4e;text-transform:capitalize;font-size:.7rem}.scene-source-drawer{margin-top:10px}.scene-source-drawer textarea{resize:vertical;color:#f5f1e8;background:#f5f1e80f;border:1px solid #f5f1e829;border-radius:8px;width:100%;min-height:110px;margin-top:8px;padding:10px;line-height:1.42}@media (width<=1100px){.top-bar,.soundstage{grid-template-columns:1fr}.info-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.device-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=840px){.control-deck,.info-rail{grid-template-columns:1fr}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.app-shell{padding:9px}h1{font-size:1.85rem}h2{font-size:.98rem}.top-bar{gap:8px;min-height:0}.status-strip{display:none}.scene-panel,.transport-panel,.info-drawer,.rack-readout,.scene-source-drawer{padding:9px}.scene-panel--loaded{display:none}.transport-panel{min-height:0}.quick-paths,.draft-actions{gap:6px}.path-button{min-height:48px;padding:6px 8px}.path-button span{font-size:.64rem}.path-button strong{font-size:.82rem}.draft-actions,.transport-row,.slider-row{grid-template-columns:1fr}.transport-row{grid-template-columns:1fr 48px 48px;margin:10px 0 8px}.icon-command{width:48px}.inline-state{font-size:.78rem}}