/* PsyBrazil landing embed rack v7: readable 110%-of-base music-device UI. */
html.psb-embed{
  width:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  zoom:1!important;
  background:#050507;
}
html.psb-embed body{
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  zoom:.715!important;
  background:#050507;
}
html.psb-embed .cdj-arena{
  width:100%!important;
  max-width:none!important;
  height:139.8601vh!important;
  min-height:0!important;
  margin:0!important;
  padding:6px!important;
  gap:6px!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
html.psb-embed .unit{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  border-width:1px;
  border-radius:7px;
  overflow:hidden!important;
}
html.psb-embed .unit-title{min-height:24px;padding:5px 7px;font-size:9px;letter-spacing:.5px}
html.psb-embed .small-status{font-size:8px}
html.psb-embed .deck-screen{flex:0 0 40%!important;width:calc(100% - 10px);height:40%!important;min-height:0!important;margin:5px;padding:7px;border:1px solid rgba(0,229,255,.48);background:radial-gradient(circle at 20% 15%,rgba(0,229,255,.12),transparent 34%),linear-gradient(180deg,#02080b,#000)!important;box-shadow:inset 0 0 24px rgba(0,0,0,.96),0 0 16px rgba(0,229,255,.13)}
html.psb-embed .screen-header{gap:5px;margin-bottom:2px}
html.psb-embed .track-name{max-width:none;font-size:10px;margin-bottom:2px;letter-spacing:.04em}
html.psb-embed .time-readout{font-size:17px;text-shadow:0 0 8px var(--neon-cyan)}
html.psb-embed .pitch-readout{font-size:9px}
html.psb-embed .deck-meta{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.psb-embed .deck-live-info{grid-template-columns:1fr 1fr;gap:2px 5px;margin:2px 0;font-size:8px;line-height:1.1}
html.psb-embed .deck-live-info span:nth-child(2),html.psb-embed .deck-live-info span:nth-child(3){display:block}
html.psb-embed .waveform-box{flex:1 1 auto;min-height:40px;border-color:rgba(252,232,3,.32);background:repeating-linear-gradient(90deg,rgba(0,229,255,.035) 0,rgba(0,229,255,.035) 1px,transparent 1px,transparent 28px),#000}
html.psb-embed .platter-zone{padding:4px 0}
html.psb-embed .platter{width:100px;height:100px;border-width:3px}
html.psb-embed .platter::before{width:calc(100% - 14px);height:calc(100% - 14px)}
html.psb-embed .platter::after{width:calc(100% - 36px);height:calc(100% - 36px)}
html.psb-embed .detailed-cd{width:48%;height:48%}
html.psb-embed .detailed-cd::after{width:12px;height:12px;border-width:1px}
html.psb-embed .cd-label{font-size:6px}
html.psb-embed .module-row{padding:0 5px 4px;gap:4px}
html.psb-embed .pad-grid{gap:3px}
html.psb-embed .performance-pad{height:23px;border-width:1px;border-radius:3px;font-size:7px}
html.psb-embed .fx-knob-group{gap:3px;padding:3px}
html.psb-embed .rotary-knob{width:22px;height:22px;border-width:1px}
html.psb-embed .knob-indicator{top:2px;height:7px;transform-origin:50% 10px}
html.psb-embed .fader-label,html.psb-embed .value-label{font-size:7px}
html.psb-embed .transport-pitch-row{padding:0 5px 4px;gap:4px;align-items:center}
html.psb-embed .transport-btns{gap:4px;flex-wrap:nowrap}
html.psb-embed .transport-btn{min-width:30px;height:24px;padding:0 4px;border-width:1px;font-size:10px}
html.psb-embed .pitch-module{padding:3px;gap:3px}
html.psb-embed .pitch-ranges{display:none}
html.psb-embed .pitch-fader{height:42px}
html.psb-embed .tempo-step-panel{grid-template-columns:repeat(3,1fr);gap:2px;min-width:76px}
html.psb-embed .tempo-step-btn{min-height:17px;padding:1px;font-size:5.8px;border-width:1px}
html.psb-embed .station-grid{grid-template-columns:repeat(4,1fr);gap:3px;padding:0 5px 5px}
html.psb-embed .psy-btn{padding:5px 2px;border-radius:2px;font-size:7px}
html.psb-embed .custom-load-form{display:none}
html.psb-embed .central-mixer>.mixer-led-dock{position:relative!important;inset:auto!important;flex:0 0 25%!important;width:100%!important;height:auto!important;min-height:0!important;padding:6px!important;border:0!important;border-bottom:1px solid var(--neon-cyan)!important;background:linear-gradient(180deg,#020609,#09090d)!important;box-shadow:inset 0 0 24px rgba(0,229,255,.08)!important}
html.psb-embed .mixer-led-dock .global-led-screen{display:grid;width:100%;height:100%;max-width:none;padding:5px;border-color:rgba(0,229,255,.6);background:#010607}
html.psb-embed .mixer-led-dock .led-row{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:4px;min-height:0}
html.psb-embed .mixer-led-dock .led-text{display:grid;place-items:center;min-width:0;overflow:hidden;white-space:normal;text-align:center;text-overflow:ellipsis;font-size:8px;line-height:1.2;color:#7cfff3;text-shadow:0 0 8px rgba(0,229,255,.75)}
html.psb-embed .mixer-led-dock .theme-toggle,html.psb-embed .mixer-led-dock .engine-btn{width:100%;min-height:22px;padding:3px 4px;font-size:7px;white-space:nowrap}
html.psb-embed .central-mixer>.unit-title{flex:0 0 24px}
html.psb-embed .mixer-core{flex:1 1 auto;min-height:0;padding:6px 4px;gap:4px}
html.psb-embed .mixer-eq-strip{min-width:0;gap:5px}
html.psb-embed .vu-box{width:14px;height:42px}
html.psb-embed .vertical-fader{width:24px;height:48px}
html.psb-embed .channel-tools{width:42px;gap:2px}
html.psb-embed .channel-mute,html.psb-embed .channel-reset{min-height:15px;padding:1px;font-size:5.8px}
html.psb-embed .channel-gain-readout{font-size:5.8px;min-height:8px}
html.psb-embed .crossfader-zone{padding:5px}
html.psb-embed .crossfader{max-width:none;height:22px}
html.psb-embed .master-panel{padding:5px;gap:4px}
html.psb-embed .master-row{gap:4px}
html.psb-embed .master-row input{height:20px;min-width:0}
html.psb-embed .help-box{display:none}

/* Landscape: the exact three-column rack. */
@media (orientation:landscape){
  html.psb-embed .cdj-arena{display:flex!important;flex-direction:row!important}
  html.psb-embed .deck-unit{flex:1 1 39%!important}
  html.psb-embed .central-mixer{flex:0 0 22%!important;margin:0!important}
  html.psb-embed #deck-1{order:1}html.psb-embed #central-mixer{order:2}html.psb-embed #deck-2{order:3}
}

/* Portrait: Deck A + Mixer above, Deck B centered below. */
@media (orientation:portrait){
  html.psb-embed .cdj-arena{
    display:grid!important;
    grid-template-columns:minmax(0,68fr) minmax(0,32fr)!important;
    grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;
  }
  html.psb-embed #deck-1{grid-column:1;grid-row:1}
  html.psb-embed #central-mixer{grid-column:2;grid-row:1;margin:0!important}
  html.psb-embed #deck-2{grid-column:1/-1;grid-row:2;width:68%!important;justify-self:center}
}