/* Dual-synth extension and shared editor sizing. */
#view-seq { overflow:auto; }
#view-seq .workspace-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(310px,1fr);gap:10px;overflow:visible; }
#view-seq .drum-panel { grid-column:1 / -1;height:auto;display:flex!important; }
#drumContainer .track-row[hidden] { display:none!important; }
#drumContainer .track-row { min-height:45px; }
#drumContainer .track-actions { display:none; }
.drum-selector { display:flex;gap:8px;margin:0 0 10px; }
.drum-selector-item { display:flex;flex:1;border:1px solid #424251;border-radius:5px;overflow:hidden; }
.drum-selector button,.synth-focus button { border:0;background:#262630;color:#aaa;cursor:pointer;font-weight:800;min-height:32px; }
.drum-selector [data-drum-select] { flex:1;border-bottom:3px solid transparent; }
.drum-selector [data-drum-select].active { color:#00b0ff;background:#152c38; }
.drum-selector [data-drum-select].hit { border-bottom-color:#00e676; }
[data-compact-mute].muted { color:#ff6666!important;background:#411d27!important; }
.sound-controls { display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:8px;min-height:30px;height:auto; }
.sound-controls label,.second-matrix label { display:flex;align-items:center;gap:8px;font-size:11px;color:#bbb; }
.sound-controls input { max-width:120px;width:90px; }
.sound-controls select { background:#202028;color:white;border:1px solid #50505b;border-radius:4px;padding:4px; }
.synth-focus { display:flex;gap:8px;align-items:center;flex:0 0 auto; }
.synth-focus span { font-size:9px;letter-spacing:1px;color:#999; }
.synth-focus button { border:1px solid #555;border-radius:5px;padding:0 14px; }
.synth-focus button.active { border-color:#e040fb;color:#e040fb; }
.synth-focus button[data-select-synth="2"].active { border-color:#ffb74d;color:#ffb74d; }
#view-seq .bass-panel,#view-seq .second-synth-panel { min-width:0;display:flex;flex-direction:column; }
.selected-synth { outline:1px solid #e040fb;outline-offset:-1px; }
.second-synth-panel.selected-synth { outline-color:#ffb74d; }
.second-synth-panel h2,.second-rack h3 { color:#ffb74d; }
.second-tool { background:#272730;border:1px solid #555;color:#aaa;padding:4px 7px;border-radius:4px;font-size:10px;font-weight:800;cursor:pointer; }
.second-tool.active { background:#ffb74d;color:#161616; }
.second-synth-panel .pad { font-size:7px;display:flex;align-items:center;justify-content:center; }
.second-synth-panel .pad.active-normal { background:#a66c25;border-color:#ffb74d; }
.second-synth-panel .pad.active-accent { background:#ffb74d;border-color:#ffe0a8; }
.second-synth-panel .pad.active-slide { background:#3b794e;border-color:#65f390; }
.second-synth-panel .pad.active-both { background:#b59e24;border-color:#fff287; }
.second-transposer { background:transparent;border:0;cursor:pointer;color:#aaa; }
.second-transposer.active-transpose { color:#ffb74d; }
.second-synth-panel .ls-dot.fill { background:#6c4823; }
.second-synth-panel .ls-dot.active-end { background:#ffb74d; }
.second-matrix { display:flex;gap:12px;flex-wrap:wrap; }
.second-matrix label { flex:1 1 90px;flex-direction:column; }
.second-matrix input { width:100%; }
#view-live { overflow:auto; }
#liveMixerGrid { grid-template-columns:repeat(9,minmax(55px,1fr)); }
@media(max-width:1180px) {
 body.tablet-layout #view-seq { overflow:auto!important; }
 body.tablet-layout #view-seq .workspace-grid,#view-seq .workspace-grid { grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(330px,1fr);gap:10px;overflow:visible; }
 body[data-active-synth="2"] #view-seq .bass-panel { display:none!important; }
 body:not([data-active-synth="2"]) #view-seq .second-synth-panel { display:none!important; }
 body:not([data-active-synth="2"]) #view-seq .bass-panel { display:flex!important; }
 body.tablet-layout #view-seq .panel { height:auto; }
 .drum-selector { gap:4px; }
 .drum-selector button { min-height:38px; }
}
#view-seq .bass-panel .track-controls,#view-seq .second-synth-panel .track-controls { display:flex;align-items:center;justify-content:center;width:38px;flex-shrink:0;background:#2a2a35;padding:2px;border-radius:4px;height:100%;box-sizing:border-box; }
#view-seq .master-last-step-spacer { width:38px; }
#view-seq .bass-panel .grid,#view-seq .second-synth-panel .grid { height:100%; }
#view-seq .bass-panel .track-row,#view-seq .second-synth-panel .track-row { min-height:18px; }
.second-synth-panel .second-transposer { width:100%;font-size:11px; }
.second-synth-panel .header-left h2 { color:#ffb74d; }
.second-synth-panel .pad.current { box-shadow:0 0 0 1px #fff inset; }
#view-seq .panel-header-row { flex-wrap:wrap;gap:6px; }
#view-seq .drum-panel .track-controls { width:38px; }
#view-seq .drum-panel .sound-controls { margin-top:8px;margin-bottom:0; }
.controls,.bottom-tabs { flex-shrink:0; }
#view-seq .workspace-grid { grid-template-rows:auto minmax(390px,1fr);flex-shrink:0; }
#view-seq .drum-panel #drumContainer { flex:0 0 45px;display:flex; }
#view-seq .drum-panel .track-row { height:45px; }
#view-seq .tracks-container { display:flex;flex-direction:column;overflow:visible; }
#view-seq .bass-panel .track-row,#view-seq .second-synth-panel .track-row { flex:1 0 18px; }
#view-seq .second-synth-panel .pad::after { content:attr(data-mod);position:absolute;bottom:0;right:2px;font-size:6.5px; }
#view-seq .second-synth-panel .ls-dot.active-end { background:#ffb74d!important;box-shadow:0 0 6px #ffb74d; }
@media(max-width:1180px) {
 body.tablet-layout .controls { display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;height:auto; }
 body.tablet-layout .controls .pattern-group { order:10;flex-basis:100%; }
 body.tablet-layout .right-controls { margin-left:auto;display:flex;align-self:center; }
 body.tablet-layout .controls #bpmSlider,body.tablet-layout .controls #swingSlider { width:65px; }
 body.tablet-layout #view-seq .workspace-grid { grid-template-rows:auto minmax(390px,1fr); }
 body.tablet-layout #view-seq .tracks-container { display:flex;gap:3px; }
 body.tablet-layout #view-seq .drum-panel #drumContainer { flex:0 0 45px; }
 body.tablet-layout #view-seq .bass-panel .track-controls,body.tablet-layout #view-seq .second-synth-panel .track-controls,body.tablet-layout #view-seq .master-last-step-spacer { width:38px; }
 body.tablet-layout #view-seq .panel { flex-shrink:0; }
 body.tablet-layout #view-seq .bass-transposer { font-size:11px;padding:0; }
}
.second-matrix { width:100%;justify-content:space-evenly; }
.second-matrix label { flex:1; }
.second-live-transpose { display:flex;gap:4px;width:100%;flex-wrap:wrap; }
.second-live-note.active { background:#ffb74d;color:#161616; }
.second-transpose-rack h3 { color:#ffb74d; }
#liveMixerGrid .live-track-col:last-child h3 { color:#ffb74d; }
@media(max-width:1180px) {
 body.tablet-layout #view-live { overflow-y:auto!important; }
 body.tablet-layout #view-live .tablet-live-switch { display:none; }
 body.tablet-layout #view-live .live-view-grid { display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible;flex:0 0 auto; }
 body.tablet-layout #view-live .live-column { display:flex!important;flex-direction:column;overflow:visible;flex:none; }
 body.tablet-layout #view-live .live-mixer-half { display:flex!important;min-height:300px;flex:none; }
 body.tablet-layout #view-live .live-grid { grid-template-columns:repeat(9,minmax(52px,1fr));height:auto; }
 body.tablet-layout #view-live .live-mixer-column > .rack-card,body.tablet-layout #view-live .live-perform-column { display:flex!important; }
 body.tablet-layout #view-live .rack-card[style*="flex-grow"] { min-height:300px; }
}