/* SoulOne Live 3.2 — DAW Studio.
 * Premium live arrangement console informed by the user's Logic/Ableton visual
 * references. Visual overrides ONLY: no modifications to the playback graph.
 * Loaded last, on top of the approved long-throw faders (v31).
 */
:root {
  --daw-bg:#09121d;
  --daw-surface:#111e2b;
  --daw-panel:#142333;
  --daw-deeper:#0e1b2a;
  --daw-elevated:#203246;
  --daw-divider:#2d4255;
  --daw-divider-soft:#26394b;
  --daw-text:#eaf1f6;
  --daw-muted:#90a9bb;
  --daw-blue:#198ce4;
  --daw-focus:#6ebdf5;
  --daw-green:#3dd5ac;
}
html:not(.soulone-ipad-classic),
html:not(.soulone-ipad-classic) body {
  background:var(--daw-bg)!important;
  color:var(--daw-text)!important;
}
html:not(.soulone-ipad-classic) body>.app{
  color:var(--daw-text)!important;
  background:var(--daw-bg)!important;
  font-family:Inter,"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body>.app .panel{
  border:1px solid var(--daw-divider-soft)!important;
  background:var(--daw-surface)!important;
  color:var(--daw-text)!important;
  border-radius:11px!important;
  box-shadow:0 3px 13px rgba(0,0,0,.17)!important;
}
body>.app button{
  transition:background .13s ease,border-color .13s ease;
}
body>.app button:focus-visible,
body>.app input:focus-visible,
body>.app select:focus-visible{
  outline:2px solid var(--daw-focus)!important;
  outline-offset:2px!important;
}
/* Command bar / transport metadata */
body>.app>.top.stage-header{
  background:linear-gradient(110deg,#101e2c 0%,#1a2b3b 65%,#142330 100%)!important;
  border:1px solid #293c4d!important;
  border-radius:11px!important;
  box-shadow:0 4px 16px #00000024!important;
}
body>.app .stage-identity .brand{
  color:#f2f8ff!important;
  font-weight:830!important;
  letter-spacing:-.055em!important;
}
body>.app .stage-identity .brand .live{
  color:white!important;background:#116bd3!important;
  border:1px solid #438eef40;
  border-radius:5px!important;
  font-size:10px;
}
body>.app .stage-identity .song-head{
  border-left:1px solid #334c60!important;
}
body>.app .stage-identity .song-head strong{
  color:#f3f7fb!important;
  font-size:clamp(17px,1.45vw,23px)!important;
  letter-spacing:-.045em;
  font-weight:820;
}
body>.app .stage-identity .song-head small{
  color:#9cb5c9!important;
  font-size:11px;
}
body>.app .stage-center{
  gap:8px;
}
body>.app .stage-center .stage-field{
  padding:6px 10px;
  border-radius:7px;
}
body>.app .stage-center .field-label{
  color:#a0b7c9!important;
  text-transform:none!important;
  font-size:10px!important;
  letter-spacing:.015em!important;
  font-weight:650!important;
}
body>.app .stage-center .stage-field strong,
body>.app .stage-center .ctl-group .val{
  color:#edf5fc!important;
  font-size:21px;
  font-weight:820;
  font-variant-numeric:tabular-nums;
}
body>.app .stage-center .stage-field--key{
  background:#0d1927!important;
  border:1px solid #334b60!important;
  border-radius:8px;
}
body>.app .stage-center button{
  background:#283e52!important;
  color:#d8e9f5!important;
  border:1px solid #3e5567!important;
  border-radius:7px!important;
}
body>.app .stage-center button:hover:not(:disabled){
  background:#355572!important;
  border-color:#5c8caf!important;
}
body>.app .stage-center .live-original-tempo{
  color:#95b2c7!important;
}
body>.app .stage-actions{
  gap:7px;
}
body>.app .stage-actions #status{
  border:1px solid #246b5e!important;
  background:#12493d!important;
  color:#65e6ba!important;
  box-shadow:none!important;
  border-radius:999px!important;
}
body>.app .stage-actions #status.audio-preparing{
  border-color:#40627c!important;
  background:#213c52!important;
  color:#bcdbed!important;
}
body>.app .stage-actions .stage-icon,
body>.app .stage-actions .stage-more,
body>.app .stage-actions .sl-premium-level-toggle{
  background:#24394c!important;
  border:1px solid #3e5568!important;
  color:#e1edf7!important;
  border-radius:8px!important;
}
body>.app .stage-actions .stage-icon:hover,
body>.app .stage-actions .stage-more:hover,
body>.app .stage-actions .sl-premium-level-toggle:hover{
  background:#33506a!important;
}
body>.app .stage-menu{
  background:#17293c!important;
  border:1px solid #3a5265!important;
  color:#e7f1f9!important;
  box-shadow:0 15px 30px #0008!important;
}
body>.app .stage-menu .menu-caption,
body>.app .stage-menu #fsHelp{
  color:#a4bdcf!important;
}
body>.app .stage-menu .mini{
  background:#223a4e!important;
  border-color:#3e586b!important;
  color:#edf5fc!important;
}
body>.app .sl-premium-level-popover{
  background:#17293c!important;
  border:1px solid #405a6d!important;
  color:#e8f2fc!important;
  box-shadow:0 20px 45px #0009!important;
}
body>.app .sl-premium-level-popover .sl-leveler,
body>.app .sl-premium-level-popover .sl-leveler span,
body>.app .sl-premium-level-popover .sl-leveler strong,
body>.app .sl-premium-level-popover .sl-leveler small,
body>.app .sl-premium-level-popover .sl-leveler output,
body>.app .sl-premium-level-popover .sl-leveler-toggle{
  color:#d4e5f0!important;
}
body>.app .sl-premium-level-popover .sl-leveler button{
  border:1px solid #415c70!important;
  background:#25445a!important;
  color:#edf8ff!important;
}
/* Navigation/overview strip */
body>.app>.stage-footer-note{
  color:#a2b5c5!important;
  background:#101d2a!important;
  border:1px solid #23384b;
  border-radius:9px;
  padding:1px 11px!important;
}
body>.app>.stage-footer-note>span:first-child{
  background:transparent!important;
  border:0!important;
  color:#89a6b8!important;
  font-weight:610!important;
}
body>.app>.stage-footer-note>.protected{
  color:#87a5b8!important;
  font-size:10px!important;
  font-weight:640!important;
}
body>.app .sl-view-label{color:#8da8ba!important}
body>.app .sl-mode-group{
  background:#0b1825!important;
  border:1px solid #31495d!important;
  box-shadow:none!important;
  border-radius:8px!important;
}
body>.app .sl-mode-group button,
body>.app .sl-desktop-views>.sl-repertoire-view{
  color:#bed2e0!important;
  background:transparent!important;
  border-radius:6px!important;
  font-weight:710!important;
}
body>.app .sl-mode-group button[aria-pressed=true],
body>.app .sl-desktop-views>.sl-repertoire-view[aria-pressed=true]{
  background:#255d83!important;
  border-color:#306f9b!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px #4c9cca20!important;
}
body>.app .sl-mode-group button:hover:not([aria-pressed=true]),
body>.app .sl-desktop-views>.sl-repertoire-view:hover{
  background:#213749!important;
  color:#fff!important;
}
/* Repertoire — no pale cards; high-contrast selection and utility actions. */
body>.app .right.live-library-panel{
  color:#edf3f9!important;
  background:#101f2e!important;
  border:1px solid #2b4052!important;
  box-shadow:0 5px 20px #0004!important;
  border-radius:10px!important;
}
body>.app .right.live-library-panel .live-library-header{
  background:#15283a!important;
  border-bottom:1px solid #2b4254!important;
  padding:14px 14px 11px!important;
}
body>.app .right.live-library-panel .live-library-header strong{
  color:#edf5fb!important;
  font-size:15px!important;
  font-weight:830!important;
  letter-spacing:-.02em!important;
}
body>.app .right.live-library-panel .live-library-header small{
  color:#8baabd!important;
  font-size:10px!important;
}
body>.app .right.live-library-panel>.cloud-toolbar{
  background:#0e1e2c!important;
  border-bottom:1px solid #2b3f51!important;
  padding:7px 12px!important;
}
body>.app .right.live-library-panel>.cloud-toolbar strong{
  color:#91b4c7!important;
}
body>.app .right.live-library-panel>.cloud-toolbar .sl-cloud-more{
  background:#1a3248!important;
  color:#aaccde!important;
  border-color:#2e4e68!important;
}
body>.app .right.live-library-panel>.cloud-toolbar .sl-cloud-actions{
  background:#172b3d!important;
  border-color:#38566c!important;
}
body>.app .right.live-library-panel>.cloud-toolbar .sl-cloud-actions button,
body>.app .right.live-library-panel>.cloud-toolbar .sl-cloud-actions a{
  background:transparent!important;color:#d9ebf6!important;
}
body>.app .right.live-library-panel>.cloud-toolbar .sl-cloud-actions button:hover,
body>.app .right.live-library-panel>.cloud-toolbar .sl-cloud-actions a:hover{
  background:#25465e!important;
}
body>.app .right.live-library-panel .tabs{
  background:#142638!important;
  border-bottom:1px solid #324a5d!important;
}
body>.app .right.live-library-panel .tabs button{
  color:#8eabbd!important;
  font-weight:720!important;
  background:transparent!important;
}
body>.app .right.live-library-panel .tabs button.active{
  color:#77c5ff!important;
  border-bottom-color:#389dee!important;
  background:#172e42!important;
  font-weight:790!important;
}
body>.app .right.live-library-panel .tabs button:hover{
  color:#cbeaff!important;
  background:#213c51!important;
}
body>.app .right.live-library-panel .tabcontent{
  background:#101f2e!important;
  scrollbar-color:#35536a transparent;
  color:#e8f3f9!important;
}
body>.app .right.live-library-panel .search,
body>.app .right.live-library-panel input[type=search]{
  background:#1b3043!important;
  border:1px solid #345066!important;
  color:#eff6fc!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
body>.app .right.live-library-panel .search::placeholder{
  color:#86a6bc!important;
}
body>.app .right.live-library-panel .search:focus{
  border-color:#4daeea!important;
  box-shadow:0 0 0 3px #168be622!important;
}
body>.app .right.live-library-panel .songitem,
body>.app .right.live-library-panel .reorder-setlist .songitem{
  background:#172839!important;
  border:1px solid #263f52!important;
  border-radius:8px!important;
  color:#eaf4fb!important;
  box-shadow:none!important;
  min-height:62px!important;
}
body>.app .right.live-library-panel .songitem:hover{
  background:#223c54!important;
  border-color:#3b6079!important;
}
body>.app .right.live-library-panel .songitem.selected,
body>.app .right.live-library-panel .reorder-setlist .songitem.selected,
body>.app .right.live-library-panel .songitem.sl-song-playing{
  background:#124c84!important;
  border:1px solid #2b83d4!important;
  box-shadow:inset 4px 0 #62c4ff,0 0 0 1px #0b5baa20!important;
}
body>.app .right.live-library-panel .songitem .name b,
body>.app .right.live-library-panel .songitem.selected .name b{
  color:#edf8ff!important;
  font-size:12px!important;
  font-weight:780!important;
}
body>.app .right.live-library-panel .songitem .name small,
body>.app .right.live-library-panel .songitem.selected .name small{
  color:#aac2d4!important;
  font-size:10px!important;
}
body>.app .right.live-library-panel .songitem .num,
body>.app .right.live-library-panel .songitem .song-grip,
body>.app .right.live-library-panel .songitem .sl-song-details .song-meta,
body>.app .right.live-library-panel .songitem .song-meta{
  color:#9fbed2!important;
}
body>.app .right.live-library-panel .songitem .song-file-state,
body>.app .right.live-library-panel .songitem .sl-song-playing-state{
  color:#64e8bd!important;
}
body>.app .right.live-library-panel .songitem .sl-mini-transport button,
body>.app .right.live-library-panel .songitem .sl-mini-transport .sl-mini-play:not(:disabled){
  color:#dceffd!important;
  background:#24435c!important;
  border:1px solid #38617f!important;
  border-radius:7px!important;
  animation:none!important;
  transform:none!important;
  filter:none!important;
}
body>.app .right.live-library-panel .songitem.selected .sl-mini-transport .sl-mini-play:not(:disabled){
  background:#198ce4!important;
  border-color:#198ce4!important;
  color:white!important;
}
body>.app .right.live-library-panel .songitem .sl-song-more{
  color:#b3d0e0!important;
  background:#20374b!important;
  border-color:#355268!important;
}
body>.app .right.live-library-panel .songitem .sl-song-playing-progress{background:#30526b!important}
body>.app .right.live-library-panel .songitem .sl-song-playing-fill{
  background:linear-gradient(90deg,#4ab9fa,#67ebc3)!important;
}
body>.app .right.live-library-panel .side-actions button,
body>.app .right.live-library-panel .sl-restore{
  background:#1b384f!important;
  border:1px solid #34566e!important;
  color:#bbd9ed!important;
}
body>.app .right.live-library-panel .sl-now-playing{
  background:linear-gradient(115deg,#10273b,#1a3f59)!important;
  border:0!important;
  border-bottom:1px solid #30536a!important;
  color:#f1f8fe!important;
}
body>.app .right.live-library-panel .sl-np-state,
body>.app .right.live-library-panel .sl-pro-context{
  color:#97b8ca!important;
}
body>.app .right.live-library-panel .sl-np-title,
body>.app .right.live-library-panel .sl-np-time,
body>.app .right.live-library-panel .sl-pro-context [data-sl-next]{
  color:#f0f9ff!important;
}
body>.app .right.live-library-panel .sl-pro-transport{
  background:#122b40!important;
  border:1px solid #375b75!important;
}
body>.app .right.live-library-panel .sl-pro-transport button{
  background:#26475f!important;
  color:#e7f6ff!important;
  border:1px solid #315877!important;
}
body>.app .right.live-library-panel .sl-pro-transport .sl-pro-play{
  background:#1889d3!important;
  color:white!important;
}
body>.app .right.live-library-panel .sl-np-track{background:#30536b!important}
body>.app .right.live-library-panel .sl-np-fullscreen{
  background:#254159!important;
  color:#d7edfa!important;
  border-color:#426079!important;
}
/* Main canvas — Logic/Ableton-style color on dark arrangement grid. */
body>.app .live-workspace .timeline{
  background:#101d2c!important;
  color:#e6f2fc!important;
  border:1px solid #2a4054!important;
  border-radius:10px!important;
  box-shadow:0 4px 15px #0004!important;
}
body>.app .live-workspace .timeline .heading{
  border-bottom:1px solid #2b4356!important;
  padding-bottom:9px!important;
}
body>.app .live-workspace .timeline .heading .eyebrow{
  color:#eaf5fc!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.005em!important;
}
body>.app .live-workspace .timeline .heading .small-note,
body>.app .live-workspace .timeline #songNote{
  color:#91b1c5!important;
}
body>.app .live-workspace .timeline .section-nav{
  background:#1a3044!important;
  border:1px solid #344f64!important;
  border-radius:8px!important;
}
body>.app .live-workspace .timeline .section-nav .section-label{
  color:#dcecf7!important;
}
body>.app .live-workspace .timeline .section-nav button{
  background:#244156!important;
  color:#d6e8f3!important;
  border:1px solid #34576f!important;
  border-radius:6px!important;
}
body>.app .live-workspace .timeline .section-nav button:hover,
body>.app .live-workspace .timeline .section-nav button.active{
  background:#286d9d!important;
  border-color:#478cb9!important;
  color:white!important;
}
body>.app .live-workspace .timeline .segments{
  background:#101c29!important;
  border-radius:7px 7px 0 0;
  padding-top:7px!important;
}
body>.app .live-workspace .timeline .segment{
  color:#fff!important;
  font-weight:800!important;
  border:0!important;
  border-right:1px solid #09203388!important;
  text-shadow:0 1px 2px #0004!important;
  border-radius:5px 5px 0 0!important;
}
body>.app .live-workspace .timeline .segment.active{
  box-shadow:inset 0 -4px #fff8,0 0 0 2px #fff4!important;
}
body>.app .live-workspace .timeline .stems-visual{
  border:1px solid #30495b!important;
  background:#0c1825!important;
  border-radius:0 0 8px 8px!important;
  scrollbar-color:#38566a transparent;
}
body>.app .live-workspace .timeline .wave-row{
  border-bottom:1px solid #21364a!important;
  min-height:35px;
  background:#101c2b!important;
}
body>.app .live-workspace .timeline .wave-row:nth-child(even){
  background:#152437!important;
}
body>.app .live-workspace .timeline .wave-name{
  background:#192c3d!important;
  border-right:1px solid #345063!important;
  color:#e7f3fc!important;
  font-size:11px!important;
  font-weight:750!important;
}
body>.app .live-workspace .timeline .wave-name .w-dot{
  border-radius:3px!important;
  width:5px!important;
}
body>.app .live-workspace .timeline .wave-name .lock{
  color:#a1bdd0!important;
  opacity:.85;
}
body>.app .live-workspace .timeline .wave-canvas-wrap{
  background:
    repeating-linear-gradient(to right,transparent 0%,transparent 12.38%,#36506685 12.45%,transparent 12.53%),
    linear-gradient(180deg,#101f30,#102134)!important;
  border-bottom:0!important;
}
body>.app .live-workspace .timeline .wave-row:nth-child(even) .wave-canvas-wrap{
  background:
    repeating-linear-gradient(to right,transparent 0%,transparent 12.38%,#38516899 12.45%,transparent 12.53%),
    linear-gradient(180deg,#14263a,#142337)!important;
}
body>.app .live-workspace .timeline .playhead{
  background:#f9fcff!important;
  width:2px!important;
  box-shadow:0 0 6px #fff7!important;
}
body>.app .live-workspace .timeline .playhead::before{
  border-top-color:#f4fcff!important;
}
body>.app .live-workspace .timeline .time-numbers{
  color:#9ab2c5!important;
  font-size:10px!important;
  font-variant-numeric:tabular-nums;
}
/* Primary transport and progress. Faders continue to use v31 long throw. */
body>.app .live-workspace .progress-panel{
  background:linear-gradient(110deg,#14293c,#1c3a51)!important;
  border:1px solid #355167!important;
  border-radius:10px!important;
  box-shadow:0 5px 19px #0003!important;
}
body>.app .live-workspace .progress-panel .clock{
  color:#f4fbff!important;
  font-size:27px!important;
}
body>.app .live-workspace .progress-panel .clock small{
  color:#a9c6d9!important;
}
body>.app .live-workspace .progress-panel .transport button{
  background:#264256!important;
  border:1px solid #3a566b!important;
  color:#edf7fd!important;
  box-shadow:none!important;
}
body>.app .live-workspace .progress-panel .transport .start,
body>.app .live-workspace .progress-panel .transport .primary.start{
  background:#1b83e7!important;
  border-color:#3c9cf0!important;
  color:white!important;
  box-shadow:0 3px 10px #0004!important;
}
body>.app .live-workspace .progress-panel .length input,
body>.app .live-workspace .progress-panel input[type=range]{
  accent-color:#208fe4;
}
/* Divider between two workflows: arrangement above / live console below */
body>.app>.meter-title{
  color:#d8e8f3!important;
  background:#101f2e!important;
  border:1px solid #2c4054;
  border-radius:9px;
}
body>.app>.meter-title strong{
  color:#e7f3fa!important;
  font-size:14px!important;
  font-weight:820!important;
}
body>.app>.meter-title .small-note{
  color:#9bb4c8!important;
}
body>.app>.meter-title .sl-fader-size-toggle{
  background:#243f56!important;
  color:#e8f3fc!important;
  border:1px solid #43637c!important;
}
body>.app>.meter-title .sl-fader-size-toggle[aria-pressed=true]{
  background:#1f83c5!important;
  color:#fff!important;
  border-color:#4aa7e1!important;
}
body>.app>.meter-title .stage-mixer-action{
  background:#243e53!important;
  color:#d9e9f3!important;
  border-color:#436279!important;
}
/* Pro audio console: true channel division + long-throw fader preserved. */
body>.app>#mixer.mixer.clean-mixer{
  background:linear-gradient(170deg,#152636,#0e1a28)!important;
  border:1px solid #32485b!important;
  border-radius:10px!important;
  box-shadow:0 7px 19px #0004!important;
}
body>.app>#mixer .clean-group{
  background:#1c2d3d!important;
  border:1px solid #30485b!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
body>.app>#mixer .clean-group h3{
  color:#b0c4d3!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.035em!important;
}
body>.app>#mixer .strip,
body>.app>#mixer .strip.master{
  background:linear-gradient(180deg,#243749,#1b2e3f)!important;
  border:1px solid #375067!important;
  border-radius:6px!important;
  box-shadow:inset 0 1px #ffffff08!important;
}
body>.app>#mixer .striphead,
body>.app>#mixer .strip.master .striphead{
  background:#2e607f!important;
  border:0!important;
  border-top:3px solid #57b9e2!important;
  border-bottom:1px solid #496a80!important;
  color:#f6fbff!important;
  text-align:center;
}
body>.app>#mixer .striphead .track-title,
body>.app>#mixer .strip.master .striphead .track-title{
  color:#f8fcff!important;
  font-size:11px!important;
  font-weight:810!important;
  text-shadow:0 1px 1px #0002;
}
body>.app>#mixer .striphead .route-chip{
  border-color:#ffffff44!important;
  background:#071f2e45!important;
  color:#e3f5ff!important;
}
body>.app>#mixer .clean-group--monitor .striphead{background:#6b2b34!important;border-top-color:#ef6271!important}
body>.app>#mixer .clean-group--monitor .strip:nth-child(2) .striphead{background:#704b23!important;border-top-color:#efaa53!important}
body>.app>#mixer .clean-group--music .strip:nth-child(6n + 1) .striphead{background:#1d619b!important;border-top-color:#44aefa!important}
body>.app>#mixer .clean-group--music .strip:nth-child(6n + 2) .striphead{background:#197c88!important;border-top-color:#4dd2dc!important}
body>.app>#mixer .clean-group--music .strip:nth-child(6n + 3) .striphead{background:#2a7c42!important;border-top-color:#62d78a!important}
body>.app>#mixer .clean-group--music .strip:nth-child(6n + 4) .striphead{background:#6c3194!important;border-top-color:#b579f1!important}
body>.app>#mixer .clean-group--music .strip:nth-child(6n + 5) .striphead{background:#944375!important;border-top-color:#e57bb4!important}
body>.app>#mixer .clean-group--music .strip:nth-child(6n + 6) .striphead{background:#655199!important;border-top-color:#a99aed!important}
body>.app>#mixer .clean-group--master .striphead,
body>.app>#mixer .strip.master .striphead{background:#1664a8!important;border-top-color:#63baf1!important}
body>.app>#mixer .strip .faderbox{
  background:#192b3b!important;
  border-radius:5px;
}
body>.app>#mixer .strip .v-range::-webkit-slider-runnable-track{
  background:linear-gradient(90deg,#718ea0,#d7e3ec 48%,#8397a4)!important;
  box-shadow:inset 0 1px 3px #0008!important;
}
body>.app>#mixer .strip .v-range::-webkit-slider-thumb{
  background:repeating-linear-gradient(0deg,transparent 0 3px,#91a6b5 4px 5px,transparent 6px 9px),linear-gradient(#f1f4f7,#9fb4c3)!important;
  border-color:#a6bfcc!important;
}
body>.app>#mixer .strip .meter{
  background:#0d1c28!important;
  border:1px solid #3b5160;
  box-shadow:inset 0 1px 3px #0007!important;
}
body>.app>#mixer .strip .db{
  color:#e8f6ff!important;
  font-size:11px!important;
  font-variant-numeric:tabular-nums!important;
}
body>.app>#mixer .strip .dual button{
  background:#30465a!important;
  color:#e2edf7!important;
  border:1px solid #426075!important;
  border-radius:6px!important;
}
body>.app>#mixer .strip .dual button.muted{
  background:#ba4054!important;
  color:#fff!important;
  border-color:#d46275!important;
}
body>.app>#mixer .strip .dual button.soloed{
  background:#b9852d!important;
  color:#fff!important;
  border-color:#e1a94f!important;
}
body>.app>#mixer .strip .role,
body>.app>#mixer .strip .master-status{
  color:#a1bdce!important;
  font-size:9px!important;
}
/* Other live panels and dialogs must not become unreadable on a dark stage. */
body>.app .live-workspace .download-panel{
  background:#1b3043!important;
  color:#e4f1f9!important;
  border:1px solid #3a566b!important;
}
body>.app .live-workspace .download-panel h3,
body>.app .live-workspace .download-panel p,
body>.app .live-workspace .download-panel small{
  color:#d6e7f2!important;
}
body>.app .right.live-library-panel .tabcontent button:not(.sl-mini-play):not(.sl-mini-pause):not(.sl-mini-stop):not(.sl-song-more){
  border-color:#3c5970;
}
body>.app .right.live-library-panel .tabcontent .sl-leveler{
  border-color:#385066;
  color:#d3e7f4!important;
}
body>.app .right.live-library-panel .tabcontent .sl-section-row,
body>.app .right.live-library-panel .tabcontent .sl-section-help{
  background:#20374b!important;
  color:#dcecf8!important;
  border-color:#3b5970!important;
}
/* Native phone/tablet layouts remain operational. Replace whites with
 * coherent dark studio surfaces without interfering with window controls. */
@media(max-width:1100px) and (pointer:coarse){
  html:not(.soulone-ipad-classic) body>.app.soul-mobile-console{
    background:#0a1724!important;
  }
  .soul-mobile-console .stage-header{
    background:linear-gradient(110deg,#152737,#1d3243)!important;
  }
  .soul-mobile-console .sl-mobile-view-nav:not([hidden]){
    background:#101f30!important;
  }
  .soul-mobile-console .sl-mobile-view-button,
  .soul-mobile-console .sl-mobile-preset,
  .soul-mobile-console .sl-mobile-audio-trigger,
  .soul-mobile-console .sl-mobile-windows-trigger{
    background:#253b4f!important;
    border-color:#425c72!important;
    color:#d9ebf6!important;
  }
  .soul-mobile-console .sl-mobile-view-button.selected,
  .soul-mobile-console .sl-mobile-preset[aria-pressed=true]{
    background:#166dbe!important;
    border-color:#3d99e5!important;
    color:#fff!important;
  }
  .soul-mobile-console .right.live-library-panel,
  .soul-mobile-console .live-workspace .timeline,
  .soul-mobile-console .live-workspace .progress-panel{
    border-color:#2c465b!important;
  }
  .soul-mobile-console #mixer.clean-mixer{
    background:#15293b!important;
    border-color:#35546a!important;
  }
  .soul-mobile-console #mixer .clean-group{
    background:#1b3345!important;
    border-color:#365369!important;
  }
  .soul-mobile-console .sl-mobile-audio-tools,
  .soul-mobile-console .sl-mobile-audio-menu,
  .soul-mobile-console .sl-mobile-windows-menu{
    background:#172e42!important;
    color:#e1f1fa!important;
    border-color:#405e72!important;
  }
}
@media (prefers-reduced-motion:reduce){
  body>.app .right.live-library-panel .songitem,
  body>.app .live-workspace .progress-panel button{
    transition:none!important;
  }
}