.song-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}.song-toolbar select{padding:12px;border:1px solid #b98e65;border-radius:10px;background:#fff;color:#432330;font:inherit;max-width:100%}.song-list{display:grid;gap:12px}.song-row{padding:18px;border:1px solid #e2cab8;border-radius:14px;background:#fffaf3;display:flex;gap:12px;justify-content:space-between;align-items:center}.song-row h3{font-size:1rem;overflow-wrap:anywhere;margin:0}.song-player iframe{width:100%;height:170px;border:0;border-radius:14px;margin-top:18px}.song-player[hidden]{display:none}.song-upload{margin-top:24px;padding:18px;border-radius:14px;background:#f5ebdf}.song-upload summary{cursor:pointer;font-weight:700}.song-upload p{margin:12px 0}#songStatus{margin:16px 0}@media(max-width:600px){.song-toolbar{align-items:stretch}.song-toolbar select{width:100%}.song-row{align-items:flex-start;flex-direction:column}}
.advanced-player{margin:20px 0;padding:24px;border-radius:22px;background:linear-gradient(135deg,#34202f,#641847);color:#fff8ed;box-shadow:0 12px 30px #43233020}.player-top{display:flex;justify-content:space-between;gap:16px}.player-top h3{font-size:1.35rem;margin:8px 0;overflow-wrap:anywhere}.player-eyebrow{font-size:.72rem;letter-spacing:.12em;color:#efbd64}.song-time{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:.85rem}.advanced-player input[type=range]{accent-color:#efbd64;cursor:pointer;min-height:30px;width:100%}.player-controls{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.advanced-player button{border:1px solid #ffffff55;border-radius:12px;padding:10px 16px;min-height:44px;background:#ffffff12;color:#fff8ed;font:inherit;cursor:pointer}.advanced-player button:disabled{opacity:.45;cursor:default}.advanced-player button[aria-pressed=true],.advanced-player .player-play{background:#efbd64;color:#34202f}.player-settings{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.player-settings label{display:grid;gap:6px;flex:1;min-width:130px}.advanced-player select,.song-toolbar input{font:inherit;padding:10px;border-radius:9px;border:1px solid #b98e65;background:#fffaf3;color:#432330;max-width:100%}.song-toolbar input{flex:1;min-width:160px}.song-equalizer{margin-top:20px;padding-top:16px;border-top:1px solid #ffffff33}.song-equalizer summary{cursor:pointer;font-weight:700;margin-bottom:18px}.eq-bands{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:18px 0}.eq-bands label{display:grid;gap:6px}.advanced-player a{color:#efbd64}.song-player{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.song-player iframe{background:#fff}.song-row.is-playing{border-color:#641847;box-shadow:inset 4px 0 #641847}.advanced-player :focus-visible{outline:3px solid #efbd64;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.advanced-player{padding:18px}.eq-bands{grid-template-columns:1fr}.player-controls{gap:8px}.player-controls button{padding:10px 12px}.player-top{flex-direction:column;gap:0}}
.song-popup{width:min(960px,94vw);max-height:90dvh;overflow:auto;border:0;border-radius:24px;padding:24px;background:#fffaf3;color:#432330}.song-popup::backdrop{background:#20101caa}.song-popup>.btn{display:block;margin-left:auto;margin-bottom:16px}@media(max-width:600px){.song-popup{padding:14px;width:96vw}}
/* DJ studio: clear hierarchy, visible player invitation, phone-friendly controls. */
.dj-preview{display:grid;grid-template-columns:1fr 180px;gap:20px;padding:30px;border-radius:24px;background:linear-gradient(125deg,#201623,#542039);color:#fff8ed;box-shadow:0 16px 40px #43233022}.dj-preview h3{font-size:clamp(1.7rem,4vw,2.5rem);margin:12px 0}.dj-preview p{color:#e4cbd8;line-height:1.7}.dj-preview-track{display:block;font-size:.9rem;overflow-wrap:anywhere;color:#efbd64}.dj-preview>.btn{justify-self:start;background:#efbd64;color:#291523;border:0}.dj-preview-art{align-self:center;text-align:center}.dj-disc{width:130px;height:130px;margin:auto;border-radius:50%;background:repeating-radial-gradient(circle,#19131b 0 3px,#3b2a39 4px 5px);border:8px solid #725469;box-shadow:0 0 0 1px #efbd6460;position:relative}.dj-disc:after{content:'♫';display:grid;place-items:center;position:absolute;inset:35px;background:#efbd64;border-radius:50%;color:#241524;font-size:25px}.dj-bars{color:#efbd64;margin-top:20px;font-size:22px;letter-spacing:3px}.song-popup{padding:0;width:min(1080px,96vw);max-height:92dvh;background:#fffaf3;border:1px solid #ad829a;box-shadow:0 24px 100px #0008}.dj-popup-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;background:#241625;color:#efbd64;border-bottom:1px solid #745068}.dj-popup-header strong{letter-spacing:.12em;font-size:.8rem}.dj-popup-header .btn{color:#fff8ed;border-color:#a77b95;padding:9px 14px}.dj-popup-content{padding:24px}.dj-popup-content>.section-heading{margin-bottom:20px}.dj-popup-content>.section-heading h2{font-size:1.7rem}.dj-popup-content>.section-heading p{margin-bottom:0}.dj-popup-content .advanced-player{margin:16px 0}.dj-popup-content .song-list{max-height:320px;overflow:auto;padding:3px}.dj-popup-content .song-row{padding:12px}.dj-popup-content .song-upload{font-size:.9rem}.song-popup::backdrop{background:#110b16cc;backdrop-filter:blur(5px)}@media(min-width:850px){.dj-popup-content{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,1fr);gap:0 24px;align-items:start}.dj-popup-content>.section-heading,.dj-popup-content>.song-toolbar{grid-column:1/-1}.dj-popup-content>.advanced-player{grid-column:1;grid-row:3/6}.dj-popup-content>#songStatus{grid-column:2;grid-row:3}.dj-popup-content>.song-list{grid-column:2;grid-row:4}.dj-popup-content>.song-upload{grid-column:2;grid-row:5}}@media(max-width:600px){.dj-preview{padding:22px;grid-template-columns:1fr 90px;gap:12px}.dj-disc{width:80px;height:80px;border-width:5px}.dj-disc:after{inset:20px;font-size:20px}.dj-bars{font-size:12px;letter-spacing:0}.dj-preview>.btn{grid-column:1/-1;width:100%;text-align:center}.dj-popup-header{padding:12px 14px}.dj-popup-content{padding:14px}.dj-popup-content .player-controls button{flex:1 0 auto}.song-popup{border-radius:16px}}
.song-popup.is-expanded{width:98vw;max-width:1440px;max-height:96dvh}.dj-popup-header>.btn:first-of-type{margin-left:auto}.dj-popup-content #songNextName{padding:10px 12px;background:#ffffff0d;border-radius:10px;color:#efbd64}.dj-popup-content #songPlaybackStatus{font-size:.9rem;color:#ead4df}.dj-popup-content .song-toolbar{padding:14px;background:#f3e6ee;border-radius:14px}.dj-popup-content .song-row button{white-space:nowrap}.dj-popup-content .song-row h3{font-size:.9rem}.dj-popup-content .advanced-player{box-shadow:none}@media(max-width:600px){.dj-popup-header{flex-wrap:wrap;gap:8px}.dj-popup-header strong{width:100%}.dj-popup-content .song-toolbar{padding:10px}.dj-popup-content .song-list{max-height:240px}}
.playlist-time{display:grid;gap:8px;padding:14px;background:#f3e6ee;border-radius:14px;margin:16px 0}.playlist-time small{font-size:.75rem;color:#76566c}.playlist-time button{justify-self:start;font-size:.85rem;padding:8px 12px}@media(min-width:850px){.dj-popup-content>.playlist-time{grid-column:2;grid-row:3}.dj-popup-content>#songStatus{grid-row:4}.dj-popup-content>.song-list{grid-row:5}.dj-popup-content>.song-upload{grid-row:6}.dj-popup-content>.advanced-player{grid-row:3/7}}
/* Dedicated header controls override global button colours. */
.song-popup .dj-popup-header .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;background:#fff8ed;color:#291523;border:2px solid #fff8ed;border-radius:12px;font-weight:700;line-height:1.25;white-space:nowrap;box-shadow:0 2px 8px #0002}.song-popup .dj-popup-header .btn:hover{background:#efbd64;border-color:#efbd64;color:#291523}.song-popup .dj-popup-header .btn:focus-visible{outline:3px solid #efbd64;outline-offset:4px}.song-popup .dj-popup-header .btn:last-child{background:#efbd64;border-color:#efbd64;color:#291523}.song-popup .dj-popup-header .btn:last-child:hover{background:#ffda91;border-color:#ffda91}.song-popup .dj-popup-header{box-shadow:0 4px 14px #0003}@media(max-width:600px){.song-popup .dj-popup-header .btn{flex:1;margin:0!important;padding:10px 12px;font-size:.9rem}.song-popup .dj-popup-header strong{padding-bottom:4px}}
#djStudioHost[hidden]{display:none}#djStudioHost{margin-top:20px;padding-top:18px;border-top:1px solid #ffffff44}.studio-heading p{font-size:.85rem;color:#e8d1df}.studio-decks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-decks article{padding:14px;background:#ffffff0c;border:1px solid #ffffff30;border-radius:14px;min-width:0}.studio-decks h4{margin:0 0 10px;color:#efbd64;font-size:.9rem}.studio-decks strong{display:block;overflow-wrap:anywhere;font-size:.9rem}.studio-decks canvas{width:100%;height:72px;margin:12px 0;border-radius:8px;cursor:pointer}.studio-decks input[type=number]{width:85px;padding:8px;border-radius:8px;color:#291523;background:#fff8ed;border:0}.studio-decks select{width:100%;margin:10px 0}.studio-decks button,.studio-actions button{font-size:.8rem;padding:8px 10px;min-height:42px;margin:4px}.studio-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}.studio-actions label{font-size:.85rem}.studio-fader{display:block;color:#efbd64;text-align:center;font-weight:700;padding:14px;background:#ffffff0b;border-radius:12px}.studio-effects{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}#djStudioHost small{display:block;margin:12px 0;color:#dfc3d4}#studioStatus{font-size:.85rem;min-height:40px}.studio-decks canvas:focus-visible{outline:3px solid #efbd64}@media(max-width:700px){.studio-decks{grid-template-columns:1fr}.studio-effects{grid-template-columns:1fr}}.song-popup:has(#djStudioHost:not([hidden])) .dj-popup-content{display:block}.song-popup:has(#djStudioHost:not([hidden])) .advanced-player{width:100%;box-sizing:border-box}
.song-mini[hidden]{display:none}.song-mini{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:900;display:flex;gap:10px;align-items:center;width:min(780px,calc(100% - 32px));box-sizing:border-box;padding:14px 18px;border:1px solid #8d667f;border-radius:18px;background:#291829;color:#fff8ed;box-shadow:0 8px 35px #0005}.song-mini>div{flex:1;min-width:0;display:grid;gap:4px}.song-mini strong{font-size:.8rem;color:#efbd64}.song-mini-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.song-mini button{min-height:44px;padding:8px 12px;border:1px solid #efbd64;border-radius:10px;background:#efbd64;color:#291523;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}.song-mini button:last-child{background:transparent;color:#fff8ed;border-color:#a88098}.song-mini button:focus-visible{outline:3px solid #fff8ed;outline-offset:3px}body.has-song-mini{padding-bottom:115px}@media(max-width:600px){.song-mini{bottom:calc(76px + env(safe-area-inset-bottom));flex-wrap:wrap;padding:12px;gap:8px}.song-mini>div{flex-basis:100%}.song-mini button{flex:1}body.has-song-mini{padding-bottom:205px}}

.retro-panel{padding:16px;margin:16px 0;background:#17251f;color:#d9ffea;border:1px solid #66ad86;border-radius:12px}.retro-panel summary{cursor:pointer;font-weight:700}.retro-eq{display:grid;grid-template-columns:repeat(10,minmax(50px,1fr));gap:8px;overflow-x:auto;padding:16px 0}.retro-eq label{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.75rem}.retro-eq input{writing-mode:vertical-lr;direction:rtl;appearance:auto;width:26px;height:110px;accent-color:#63ffc1}.retro-panel canvas{display:block;width:100%;height:130px;margin-top:14px;border-radius:8px}.retro-panel select,.retro-panel button,.song-move{min-height:44px;padding:8px;border:1px solid #67ad87;border-radius:8px;background:#f0fff6;color:#183123}.retro-panel small{display:block;margin-top:12px}.song-move{max-width:135px}.retro-panel button{margin:8px 12px 8px 0}
/* Explicit player regions replace the old implicit row placements. */
.song-popup .dj-popup-content.player-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:20px;padding:22px;align-items:start}
.player-workspace>.workspace-toolbar{grid-column:1/-1;margin:0;padding:14px 16px;background:#f0e6dd;border-radius:14px;gap:12px}
.player-workspace>.advanced-player{grid-column:1;grid-row:auto;margin:0;min-width:0;padding:22px;border-radius:16px}
.player-workspace>.workspace-playlist{grid-column:2;grid-row:2/4;min-width:0;padding:20px;border:1px solid #ddcbbd;border-radius:16px;background:#fff}
.player-workspace>.workspace-sound{grid-column:1;grid-row:auto;min-width:0;padding:20px;border:1px solid #ddcbbd;border-radius:16px;background:#fff}
.player-workspace>.workspace-dj{grid-column:1/-1;grid-row:auto;margin:0}
.workspace-playlist h3,.workspace-sound h3,.workspace-dj>h3{margin:0 0 16px;font-size:1.15rem}
.workspace-playlist .song-toolbar{display:grid;grid-template-columns:1fr;margin:0 0 16px;gap:6px;background:none;padding:0}
.workspace-playlist #songSearch{width:100%;box-sizing:border-box;min-height:44px}
.workspace-playlist .playlist-time{margin:10px 0;padding:12px;background:#f9f3eb;border-radius:10px}
.workspace-playlist .playlist-time small{line-height:1.5}
.workspace-playlist>p{font-size:.85rem;line-height:1.55;margin:12px 0}
.workspace-playlist .song-list{max-height:480px;overflow:auto;overscroll-behavior:contain}
.workspace-playlist .song-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;background:#fffaf4}
.workspace-playlist .song-row h3{grid-column:1/-1;font-size:.9rem;margin:0;line-height:1.5;overflow-wrap:anywhere}
.workspace-playlist .song-row button{justify-self:start;min-height:44px}
.workspace-playlist .song-move{width:125px;max-width:100%;font-size:.8rem}
.workspace-playlist .workspace-download,.workspace-playlist .song-upload{margin-top:16px;border-top:1px solid #e8dad0;padding-top:14px}
.workspace-download summary,.workspace-extras summary,.workspace-sound summary{cursor:pointer;font-weight:700;min-height:30px}
.workspace-download .player-settings{display:grid;gap:10px;padding-top:14px}
.workspace-extras{margin-top:18px;padding-top:14px;border-top:1px solid #ffffff30}
.workspace-extras button{margin:8px 6px 0 0;padding:10px;min-height:44px;border:1px solid #bb95a9;border-radius:9px;background:#fff4e7;color:#382038}
.workspace-extras p{font-size:.8rem}
.workspace-sound .song-equalizer{color:#3c2131;margin:0;border:none;padding:0}
.workspace-sound .retro-panel{margin:16px 0 0}
.workspace-sound .retro-eq{grid-template-columns:repeat(10,minmax(30px,1fr));gap:4px}
.workspace-sound .retro-eq input{height:95px}
.workspace-sound .retro-panel select{max-width:100%}
.workspace-sound .player-settings{color:#3c2131}
.player-workspace #songSmoothStatus{display:block;flex-basis:100%;font-size:.78rem;line-height:1.5;color:#edd7e4}
.player-workspace .player-controls{gap:8px}
.player-workspace .player-controls button{min-height:44px}
.player-workspace .workspace-toolbar select{flex:1;min-width:180px}
@media(max-width:850px){.song-popup .dj-popup-content.player-workspace{grid-template-columns:1fr;padding:14px;gap:14px}.player-workspace>.advanced-player,.player-workspace>.workspace-playlist,.player-workspace>.workspace-sound,.player-workspace>.workspace-dj{grid-column:1;grid-row:auto}.player-workspace>.workspace-playlist{padding:16px}.workspace-playlist .song-list{max-height:360px}.dj-popup-header{flex-wrap:wrap;gap:8px}.dj-popup-header strong{flex-basis:100%}.workspace-toolbar label{flex-basis:100%}.workspace-toolbar button{flex:1}}

.workspace-transitions{margin:14px 0;padding:12px;border:1px solid #ffffff30;border-radius:10px}.workspace-transitions summary{cursor:pointer;font-size:.9rem;font-weight:700}.workspace-transitions label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}.workspace-transitions input[type=checkbox]{width:20px;height:20px;margin:0}.workspace-transitions .player-settings{padding-top:14px}.workspace-download[open]{padding-bottom:10px}
/* Shared Sai Vista player palette. */
.song-popup{--player-plum:#3e2037;--player-deep:#261724;--player-gold:#e9bd70;--player-cream:#fff8ed;--player-border:#b990ab;--player-muted:#ead6e3;background:var(--player-cream)}
.song-popup .dj-popup-header{background:var(--player-deep);color:var(--player-gold);border-color:var(--player-border)}
.song-popup .player-workspace>.advanced-player,.song-popup .workspace-sound,.song-popup .workspace-playlist{background:var(--player-plum);color:var(--player-cream);border:1px solid var(--player-border);border-radius:16px}
.song-popup .workspace-toolbar,.song-popup .workspace-playlist .playlist-time,.song-popup .workspace-playlist .song-row{background:var(--player-deep);color:var(--player-cream);border-color:var(--player-border)}
.song-popup .workspace-toolbar label,.song-popup .workspace-playlist h3,.song-popup .workspace-sound h3,.song-popup .workspace-sound .song-equalizer,.song-popup .workspace-sound .player-settings,.song-popup .workspace-playlist .playlist-time small,.song-popup .workspace-playlist .song-upload,.song-popup .workspace-playlist>p{color:var(--player-cream)}
.song-popup .workspace-playlist .song-row.is-playing{border-color:var(--player-gold);box-shadow:inset 3px 0 var(--player-gold)}
.song-popup button,.song-popup .btn,.song-popup .retro-panel button,.song-popup .workspace-extras button{background:var(--player-gold);color:var(--player-deep);border:1px solid var(--player-gold);border-radius:10px;font-weight:600;min-height:44px}
.song-popup .btn-outline,.song-popup #songMute,.song-popup #songShuffle,.song-popup #songRepeat{background:transparent;color:var(--player-cream);border-color:var(--player-border)}
.song-popup button:disabled{opacity:.5;cursor:not-allowed}
.song-popup button:hover:not(:disabled){filter:brightness(1.08)}
.song-popup button:focus-visible,.song-popup select:focus-visible,.song-popup input:focus-visible,.song-popup summary:focus-visible{outline:3px solid var(--player-gold);outline-offset:3px}
.song-popup select,.song-popup input[type=search],.song-popup input[type=number],.song-popup .song-move,.song-popup .retro-panel select{background:var(--player-cream);color:var(--player-deep);border:1px solid var(--player-border);border-radius:10px;min-height:44px}
.song-popup input[type=range],.song-popup input[type=checkbox]{accent-color:var(--player-gold)}
.song-popup .workspace-download,.song-popup .workspace-playlist .song-upload,.song-popup .workspace-extras{border-color:var(--player-border)}
.song-popup .retro-panel{background:var(--player-deep);color:var(--player-cream);border-color:var(--player-border);border-radius:12px}
.song-popup .retro-panel small,.song-popup #songSmoothStatus,.song-popup #songEqStatus{color:var(--player-muted)}
.song-popup summary,.song-popup .player-eyebrow,.song-popup #songNextName,.song-popup .workspace-dj>h3{color:var(--player-gold)}
.song-popup .song-upload a{color:var(--player-deep)}