/* Stage 4 UI only. The player keeps its audio engine and access policy. */
body.drku-system .drkm.drkm-stage4 { overflow-wrap:anywhere; }
body.drku-system .drkm.drkm-stage4 .drkm-layout { grid-template-columns:minmax(0,1fr); }
body.drku-system .drkm.drkm-stage4 .drkm-main { grid-template-columns:minmax(0,1fr); }
body.drku-system .drkm.drkm-stage4 :is(.drkm-mode-switch,.drkm-playback-panel,.drkm-mixer-details) { min-width:0; }
body.drku-system .drkm.drkm-stage4 .drkm-mode-switch button { min-width:0; flex:1; }
body.drku-system .drkm.drkm-stage4 .drkm-session-footer>* { min-width:0; max-width:100%; }
body.drku-system .drkm.drkm-stage4 .drkm-master output { flex-shrink:0; white-space:nowrap; }
@media(min-width:1101px) {
  body.drku-system .drkm.drkm-stage4 .drkm-main { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
body.drku-system .drkm.drkm-stage4 :is(.drkm-main,.drkm-scene-copy,.drkm-channel-source,.drkm-catalog-dialog header>div,.drkm-sound-pick>span,.drkm-track>span,.drkm-master label,.drkm-master span,.drkj-next>*,.drkj-benefit-grid>*) { min-width:0; }
body.drku-system .drkm.drkm-stage4 :is(button,a,input,select,summary):focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
body.drku-system .drkm.drkm-stage4 .drkm-record-count,
body.drku-system .drkm.drkm-stage4 .drkm-catalog-count { color:var(--muted); font-size:13px; margin:12px 0; }
body.drku-system .drkm.drkm-stage4 :is(.drkm-record-empty,.drkm-sound-empty) { padding:18px; border:1px solid var(--line); border-radius:10px; background:var(--bg); margin:12px 0 20px; }
body.drku-system .drkm.drkm-stage4 :is(.drkm-record-empty,.drkm-sound-empty) p { margin:0 0 12px; }
body.drku-system .drkm.drkm-stage4 :is(.drkm-record-empty,.drkm-sound-empty) button { width:100%; min-height:44px; white-space:normal; }
body.drku-system .drkm.drkm-stage4 .drkm-return { display:inline-flex; align-items:center; gap:10px; min-height:44px; margin-bottom:14px; font-size:14px; }
body.drku-system .drkm.drkm-stage4 .drkm-catalog-tabs button { background:var(--paper); }
body.drku-system .drkm.drkm-stage4 .drkm-catalog-tabs button[aria-pressed=true] { background:var(--soft); font-weight:700; box-shadow:inset 0 -2px var(--accent); }
body.drku-system .drkm.drkm-stage4 .drkm-catalog-search input { min-width:0; width:100%; }
body.drku-system .drkm.drkm-stage4 .drkm-catalog-list { max-height:none; min-height:0; overflow:visible; }
body.drku-system .drkm.drkm-stage4 .drkm-catalog-dialog>header { position:static; padding-right:56px; }
body.drku-system .drkm.drkm-stage4 .drkm-catalog-close { position:sticky; top:0; z-index:3; float:right; margin:0 0 -44px; width:44px; height:44px; min-width:44px; padding:10px; background:var(--paper); }
body.drku-system .drkm.drkm-stage4 .drkm-catalog-tabs small { flex-shrink:0; white-space:nowrap; }
body.drku-system .drkm.drkm-stage4 button.drkm-add-sound { flex-wrap:wrap; }
body.drku-system .drkm.drkm-stage4 .drkm-channel-source>a,
body.drku-system .drkm.drkm-stage4 .drkm-layer-name { white-space:normal; overflow-wrap:anywhere; }
body.drku-system .drkm.drkm-stage4 .drkm-track strong { white-space:normal; overflow-wrap:anywhere; }
body.drku-system .drkm.drkm-stage4 .drkm-sound-pick strong { overflow-wrap:anywhere; }
body.drku-system .drkm.drkm-stage4 :is(.drkm-save-form input,.drkm-custom-timer label,.drkm-ending label) { min-width:0; }
body.drku-system .drkm.drkm-stage4 .drkm-saved-list>div { min-width:0; max-width:100%; }
body.drku-system .drkm.drkm-stage4 .drkm-saved-list>div>button:first-child { min-width:0; overflow-wrap:anywhere; white-space:normal; }
@media(max-width:700px) {
  body.drku-system .drkm.drkm-stage4 .drkm-intro { padding-block:16px; }
  body.drku-system .drkm.drkm-stage4 .drkm-mixer-heading { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
  body.drku-system .drkm.drkm-stage4 .drkm-mixer-heading>div { min-width:0; }
  body.drku-system .drkm.drkm-stage4 button.drkm-add-sound { width:100%; font-size:14px; min-height:48px; }
  body.drku-system .drkm.drkm-stage4 .drkm-channel { padding:12px; }
  body.drku-system .drkm.drkm-stage4 .drkm-channel-heading,
  body.drku-system .drkm.drkm-stage4 .drkm-channel-heading:not(:has(.drkm-layer-alone)),
  body.drku-system .drkm.drkm-stage4 .drkm-channel-heading:not(:has(.drkm-layer-alone,.drkm-remove-layer)) { grid-template-columns:28px minmax(0,1fr) 44px 44px; gap:6px; }
  body.drku-system .drkm.drkm-stage4 .drkm-channel-heading>.drkm-channel-icon { grid-column:1; grid-row:1; }
  body.drku-system .drkm.drkm-stage4 .drkm-channel-source { grid-column:2/-1; grid-row:1; }
  body.drku-system .drkm.drkm-stage4 .drkm-channel-state { grid-column:1/3; grid-row:2; margin:0; text-align:left; font-size:12px; }
  body.drku-system .drkm.drkm-stage4 .drkm-layer-alone { grid-column:3; grid-row:2; }
  body.drku-system .drkm.drkm-stage4 .drkm-remove-layer,
  body.drku-system .drkm.drkm-stage4 .drkm-channel-heading:not(:has(.drkm-layer-alone)) .drkm-remove-layer { grid-column:4; grid-row:2; }
  body.drku-system .drkm.drkm-stage4 .drkm-channel-level { margin-top:6px; }
  body.drku-system .drkm.drkm-stage4 .drkm-channel-volume { min-width:0; }
  body.drku-system .drkm.drkm-stage4 .drkm-channel-volume output { flex:none; min-width:3.4em; }
  body.drku-system .drkm.drkm-stage4 .drkm-record-scroll { max-height:none; overflow:visible; }
  body.drku-system .drkm.drkm-stage4 .drkm-session-footer { align-items:start; }
  body.drku-system .drkm.drkm-stage4 .drkm-scene { gap:14px; }
  body.drku-system .drkm.drkm-stage4 :is(.drkj-benefit-grid,.drkj-next,.drkj-actions,.drkm-save-form,.drkm-custom-timer,.drkm-ending) { grid-template-columns:minmax(0,1fr); }
  body.drku-system .drkm.drkm-stage4 .drkm-custom-timer { display:grid; }
  body.drku-system .drkm.drkm-stage4 .drkm-custom-timer label { display:grid; grid-template-columns:minmax(0,1fr); }
  body.drku-system .drkm.drkm-stage4 .drkm-custom-timer input { width:100%; }
}
@media(max-width:460px) {
  body.drku-system .drkm.drkm-stage4 .drkm-mode-switch { display:grid; width:100%; grid-template-columns:repeat(auto-fit,minmax(min(100%,7em),1fr)); }
  body.drku-system .drkm.drkm-stage4 .drkm-scene { display:flex; flex-wrap:wrap; align-items:start; }
  body.drku-system .drkm.drkm-stage4 .drkm-scene-copy { flex:1 1 10em; }
  body.drku-system .drkm.drkm-stage4 .drkm-scene-art { flex:none; }
  body.drku-system .drkm.drkm-stage4 .drkm-transport { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  body.drku-system .drkm.drkm-stage4 button.drkm-play { grid-column:1/-1; grid-row:1; max-width:none; width:100%; }
  body.drku-system .drkm.drkm-stage4 .drkm-skip { width:100%; }
}
@media(min-width:600px) and (max-width:921px) and (max-height:520px) {
  body.drku-system .drkm.drkm-stage4 .drkm-catalog-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); }
  body.drku-system .drkm.drkm-stage4 .drkm-catalog-dialog>header { gap:12px; }
  body.drku-system .drkm.drkm-stage4 .drkm-catalog-context { margin-block:4px 0; }
}
@media(prefers-reduced-motion:reduce) {
  body.drku-system .drkm.drkm-stage4 * { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}