:root{
  --pf-bg:#070a12;
  --pf-panel:#0d1220;
  --pf-panel-2:#11182a;
  --pf-border:rgba(255,255,255,.10);
  --pf-border-strong:rgba(176,118,255,.34);
  --pf-text:#f7f4ff;
  --pf-muted:#9299ad;
  --pf-purple:#8b5cf6;
  --pf-purple-2:#d86bf5;
  --pf-blue:#58a6ff;
  --pf-green:#34d399;
  --pf-red:#fb7185;
  --pf-gold:#f4c95d;
}
*{box-sizing:border-box}
html{background:var(--pf-bg);scroll-behavior:smooth}
body.performance-page{margin:0;background:radial-gradient(circle at 50% -10%,rgba(99,66,180,.22),transparent 30%),linear-gradient(180deg,#050812,#090d17 48%,#060910);color:var(--pf-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;padding:0!important}
body.performance-page #siteRadioDock,body.performance-page .site-radio-backdrop,body.performance-page .site-radio-stage{display:none!important;visibility:hidden!important;pointer-events:none!important}
button,input,select{font:inherit}
button,a,select,input{outline-offset:3px}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #c084fc}
.performance-topbar{position:sticky;top:0;z-index:80;display:grid;grid-template-columns:minmax(240px,1fr) minmax(330px,1.5fr) auto auto;gap:14px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--pf-border);background:rgba(6,9,17,.93);backdrop-filter:blur(22px);box-shadow:0 14px 35px rgba(0,0,0,.22)}
.performance-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:0}
.performance-brand-logo{display:block;width:min(270px,100%);height:58px;object-fit:contain;object-position:left center}
.performance-brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#5b21b6,#d946ef);font-size:24px;box-shadow:0 0 34px rgba(168,85,247,.35)}
.performance-brand span:last-child{display:grid;min-width:0}
.performance-brand strong{text-transform:uppercase;letter-spacing:.025em;font-size:1rem}
.performance-brand small,.performance-now-playing small{color:var(--pf-muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.performance-now-playing{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;padding:7px 11px;border-left:1px solid var(--pf-border);border-right:1px solid var(--pf-border);min-width:0}
.performance-now-playing img{width:48px;height:48px;object-fit:cover;border-radius:9px;background:#161d2c}
.performance-now-playing span{display:grid;min-width:0}
.performance-now-playing strong,.performance-now-playing em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.performance-now-playing strong{font-size:1rem}.performance-now-playing em{font-style:normal;color:#bcc2d4;font-size:.8rem}
.performance-header-metrics{display:flex;gap:8px}
.performance-header-metrics>div{min-width:88px;padding:8px 12px;border:1px solid var(--pf-border);border-radius:12px;background:rgba(255,255,255,.025)}
.performance-header-metrics small{display:block;color:var(--pf-muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.08em}.performance-header-metrics strong{display:block;margin-top:3px;font-size:.95rem}
.performance-header-actions{display:flex;align-items:stretch;gap:4px}
.performance-header-actions button,.performance-header-actions a{display:grid;place-items:center;gap:2px;min-width:62px;padding:7px 8px;border:0;border-radius:10px;background:transparent;color:#bcc2d4;text-decoration:none;font-size:.69rem;cursor:pointer}
.performance-header-actions span{font-size:1.05rem}.performance-header-actions button:hover,.performance-header-actions a:hover,.performance-header-actions .is-active{background:rgba(139,92,246,.14);color:#d8b4fe}
.performance-shell{display:grid;grid-template-columns:minmax(250px,320px) minmax(520px,1fr) minmax(270px,350px);gap:12px;padding:12px;max-width:1800px;margin:0 auto}
.performance-left-column,.performance-center-column,.performance-right-column{display:grid;align-content:start;gap:12px;min-width:0}
.performance-panel{border:1px solid var(--pf-border);border-radius:16px;background:linear-gradient(145deg,rgba(18,25,42,.96),rgba(8,13,24,.97));box-shadow:0 14px 34px rgba(0,0,0,.18);overflow:hidden}
.performance-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.07)}
.performance-panel-head>div{display:flex;align-items:center;gap:9px}.performance-panel-head h2{margin:0;font-size:.84rem;letter-spacing:.04em;text-transform:uppercase}.performance-panel-head output,.performance-panel-head>span{color:#c4b5fd;font-weight:800;font-size:.78rem}
.performance-chip{display:inline-flex;align-items:center;border:1px solid rgba(168,85,247,.45);border-radius:7px;padding:3px 7px;background:rgba(126,34,206,.22);color:#e9d5ff;font-size:.64rem;font-weight:800;letter-spacing:.06em}
.performance-link-button,.performance-panel-head button,.performance-output-buttons button,.performance-playlist-toolbar button,.performance-pedal-buttons button{border:1px solid var(--pf-border);border-radius:9px;background:#151c2b;color:#ddd6fe;padding:7px 9px;font-weight:750;font-size:.74rem;cursor:pointer}
.performance-panel-head button:hover,.performance-link-button:hover,.performance-output-buttons button:hover,.performance-playlist-toolbar button:hover,.performance-pedal-buttons button:hover{border-color:var(--pf-border-strong);background:#211735}
.performance-mixer-list{padding:5px 13px 9px}
.performance-mixer-row{display:grid;grid-template-columns:24px minmax(82px,1fr) auto minmax(90px,1fr) 42px;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.performance-mixer-row:last-child{border-bottom:0}.performance-mixer-icon{color:#b98aff}.performance-mixer-row b{font-size:.75rem;font-weight:750}.performance-mixer-row output{color:#d3d7e3;font-size:.71rem;text-align:right}.performance-mixer-row input[type=range]{width:100%;accent-color:var(--pf-purple)}
.performance-mute{border:0;border-radius:999px;padding:4px 7px;background:rgba(52,211,153,.12);color:#6ee7b7;font-size:.65rem;font-weight:850;cursor:pointer}
.performance-mute[aria-pressed=true]{background:rgba(251,113,133,.16);color:#fda4af}.performance-mixer-row.is-vocal-muted{background:linear-gradient(90deg,rgba(244,63,94,.08),transparent);margin-inline:-13px;padding-inline:13px}
.performance-help{margin:0;padding:9px 14px 13px;color:var(--pf-muted);font-size:.7rem;line-height:1.45}
.performance-key-control{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;padding:14px}
.performance-key-control button{height:42px;border:1px solid var(--pf-border);border-radius:10px;background:#111827;color:#fff;font-size:1.4rem;cursor:pointer}.performance-key-control>div{text-align:center;display:grid}.performance-key-control small{color:var(--pf-muted);font-size:.63rem;text-transform:uppercase}.performance-key-control strong{font-size:1.45rem}.performance-key-control span{color:#a7adc0;font-size:.65rem}
.performance-tempo-control{padding:0 14px 13px}.performance-tempo-control label{display:flex;justify-content:space-between;align-items:center;font-size:.74rem}.performance-tempo-control input{width:100%;accent-color:var(--pf-purple)}
.performance-tempo-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:8px}.performance-tempo-presets button{border:1px solid var(--pf-border);border-radius:7px;background:#101725;color:#abb1c2;padding:6px 3px;font-size:.64rem;cursor:pointer}.performance-tempo-presets button.is-active{background:linear-gradient(145deg,#6d28d9,#9333ea);color:#fff;border-color:transparent}
#performanceCrossfadeRange{display:block;width:calc(100% - 28px);margin:15px 14px 8px;accent-color:var(--pf-purple)}
.performance-crossfade-curve{height:38px;margin:0 14px 8px;border-bottom:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.performance-crossfade-curve span{position:absolute;left:4%;right:4%;bottom:-23px;height:50px;border-top:2px solid #a855f7;border-radius:50%;background:linear-gradient(180deg,rgba(168,85,247,.13),transparent)}
.performance-switch-row{display:flex;align-items:center;gap:8px;padding:9px 14px;color:#c3c8d6;font-size:.72rem}.performance-switch-row input{accent-color:var(--pf-purple)}
.performance-lyrics-panel{min-height:470px;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 50% 80%,rgba(46,71,115,.22),transparent 38%),linear-gradient(145deg,#0f1727,#08101f)}
.performance-lyrics-head>div:first-child{display:flex;align-items:center;gap:9px}.performance-output-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.performance-output-buttons button:first-child{background:linear-gradient(145deg,#4c1d95,#7c3aed);border-color:transparent;color:#fff}
.performance-rolling-lyrics{display:grid;align-content:center;gap:30px;padding:36px 42px;text-align:center;min-height:350px;background:linear-gradient(180deg,transparent,rgba(7,12,23,.35))}
.performance-rolling-lyrics p{margin:0;text-wrap:balance}.performance-lyric-previous,.performance-lyric-next{color:rgba(221,226,240,.28);font-size:clamp(1.15rem,2vw,2rem);font-weight:800;line-height:1.22}.performance-lyric-current{color:#fff;font-size:clamp(2rem,3.4vw,4rem);font-weight:900;line-height:1.07;text-shadow:0 10px 36px rgba(0,0,0,.4)}
.performance-lyrics-footer{display:grid;grid-template-columns:auto minmax(80px,1fr) auto auto auto;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.08);color:#c9cde0;font-size:.68rem}.performance-lyrics-footer button{border:1px solid var(--pf-border);border-radius:8px;background:#121a2a;color:#d9dceb;padding:7px 8px;cursor:pointer;font-size:.68rem}.performance-lyric-wave{display:flex;align-items:end;gap:3px;height:20px;overflow:hidden}.performance-lyric-wave i{display:block;width:3px;border-radius:3px;background:#a855f7;height:var(--h,8px)}.performance-lyric-wave i:nth-child(2n){--h:13px}.performance-lyric-wave i:nth-child(3n){--h:18px}.performance-lyric-wave i:nth-child(5n){--h:6px}
.performance-transport-panel{padding:13px 18px 16px}.performance-progress-row{display:grid;grid-template-columns:42px 1fr 42px;gap:9px;align-items:center;color:#c4c9d7;font-size:.75rem}.performance-progress-row input{width:100%;accent-color:var(--pf-purple)}.performance-transport-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:11px}.performance-transport-controls button{border:0;background:transparent;color:#d5d9e6;display:grid;place-items:center;gap:2px;min-width:52px;cursor:pointer}.performance-transport-controls button span{font-size:1.15rem}.performance-transport-controls button small{font-size:.6rem;color:#8f96a9}.performance-play-button{width:64px!important;height:64px!important;min-width:64px!important;border-radius:50%!important;background:linear-gradient(145deg,#7c3aed,#d946ef)!important;color:#fff!important;box-shadow:0 0 34px rgba(168,85,247,.35)}.performance-play-button span{font-size:1.7rem!important;margin-left:3px}.performance-transport-controls button[aria-pressed=true]{color:#c084fc}
.performance-recording-panel{overflow:visible}.performance-record-badge{display:inline-flex;border-radius:999px;background:rgba(52,211,153,.12);color:#6ee7b7;padding:3px 7px;font-size:.62rem;font-weight:850}.performance-record-badge.is-recording{background:rgba(244,63,94,.18);color:#fda4af;animation:pfPulse 1.2s infinite}@keyframes pfPulse{50%{opacity:.48}}
.performance-input-select{display:flex!important;align-items:center!important;gap:7px!important}.performance-input-select label{color:var(--pf-muted);font-size:.64rem}.performance-input-select select,.performance-field select,.performance-playlist-toolbar select{border:1px solid var(--pf-border);border-radius:8px;background:#0c1320;color:#e9eaf0;padding:7px 8px;font-size:.7rem;min-width:0}
.performance-record-main{display:grid;grid-template-columns:60px minmax(130px,1fr) auto auto auto;align-items:center;gap:12px;padding:15px}.performance-record-button{width:54px;height:54px;border:1px solid rgba(251,113,133,.5);border-radius:50%;background:rgba(127,29,29,.16);color:#fb7185;font-size:1.25rem;cursor:pointer}.performance-record-button.is-recording{background:#991b1b;color:#fff;box-shadow:0 0 28px rgba(239,68,68,.38)}.performance-record-wave{display:flex;align-items:center;gap:2px;height:34px}.performance-record-wave span{display:block;width:3px;height:var(--h,8px);border-radius:4px;background:linear-gradient(180deg,#f472b6,#fb7185)}.performance-record-wave span:nth-child(2n){--h:22px}.performance-record-wave span:nth-child(3n){--h:30px}.performance-record-wave span:nth-child(5n){--h:14px}.performance-record-wave.is-live span{animation:pfWave .7s ease-in-out infinite alternate}.performance-record-wave.is-live span:nth-child(2n){animation-delay:.12s}.performance-record-wave.is-live span:nth-child(3n){animation-delay:.24s}@keyframes pfWave{from{transform:scaleY(.3)}to{transform:scaleY(1)}}
.performance-monitor-switch{padding:0}.performance-danger-button{border:1px solid rgba(251,113,133,.5);border-radius:9px;background:rgba(127,29,29,.2);color:#fecdd3;padding:9px 14px;font-weight:800;cursor:pointer}.performance-danger-button:disabled{opacity:.4;cursor:not-allowed}.performance-takes-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid rgba(255,255,255,.08)}.performance-takes-head h3{margin:0;font-size:.76rem;text-transform:uppercase}.performance-takes-list{display:grid;gap:7px;padding:0 14px 14px}.performance-take{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0b1220}.performance-take strong{display:block;font-size:.77rem}.performance-take small{color:var(--pf-muted);font-size:.64rem}.performance-take-actions{display:flex;gap:5px;align-items:center}.performance-take-actions button,.performance-take-actions a{border:1px solid var(--pf-border);border-radius:7px;background:#151c2b;color:#d8dbe7;padding:5px 7px;font-size:.63rem;text-decoration:none;cursor:pointer}.performance-empty{color:var(--pf-muted);font-size:.72rem;margin:8px 0}
.performance-master-bar{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(120px,240px) auto auto;align-items:center;gap:10px;padding:11px 15px;border:1px solid var(--pf-border);border-radius:14px;background:#0b111d}.performance-active-notice{color:#f4c95d;font-size:.74rem;font-weight:800}.performance-active-notice small{display:block;color:var(--pf-muted);font-weight:500}.performance-master-bar label,.performance-master-bar output{font-size:.68rem;color:#c0c5d4}.performance-master-bar input{width:100%;accent-color:var(--pf-purple)}.performance-master-bar button{border:1px solid var(--pf-border);border-radius:8px;background:#121a28;color:#ddd6fe;padding:8px 10px;font-size:.68rem;cursor:pointer}
.performance-playlist-toolbar{display:grid;grid-template-columns:1fr auto auto auto;gap:6px;padding:10px}.performance-playlist-list{max-height:390px;overflow:auto;padding:0 10px 8px}.performance-playlist-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:7px;align-items:center;padding:10px 7px;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer}.performance-playlist-item.is-active{border-radius:9px;border-bottom-color:transparent;background:linear-gradient(90deg,rgba(126,34,206,.75),rgba(37,51,99,.6));box-shadow:0 8px 24px rgba(0,0,0,.18)}.performance-playlist-item>span{color:#b8bed0;font-size:.74rem;text-align:center}.performance-playlist-item strong{display:block;font-size:.76rem}.performance-playlist-item small{display:block;color:#9399ab;font-size:.64rem}.performance-playlist-item.is-active small{color:#ddd6fe}.performance-playlist-actions{display:flex;gap:3px}.performance-playlist-actions button{border:0;background:transparent;color:#aeb4c4;padding:3px;cursor:pointer}.performance-playlist-summary{display:flex;justify-content:space-between;padding:9px 13px;border-top:1px solid rgba(255,255,255,.07);color:#8f96a8;font-size:.65rem}
.performance-status-dot{display:inline-flex;align-items:center;gap:5px;color:#8f96a8!important}.performance-status-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:#687084}.performance-status-dot.is-on{color:#6ee7b7!important}.performance-status-dot.is-on::before{background:#34d399;box-shadow:0 0 12px rgba(52,211,153,.7)}
.performance-screen-list{display:grid;padding:8px 10px}.performance-screen-list button{display:grid;grid-template-columns:24px 1fr auto;grid-template-areas:"icon title action" "icon sub action";align-items:center;gap:0 8px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:#fff;text-align:left;padding:10px 5px;cursor:pointer}.performance-screen-list button:last-child{border-bottom:0}.performance-screen-list button>span{grid-area:icon;color:#c084fc}.performance-screen-list b{grid-area:title;font-size:.73rem}.performance-screen-list small{grid-area:sub;color:#8e95a8;font-size:.62rem}.performance-screen-list em{grid-area:action;border:1px solid rgba(168,85,247,.42);border-radius:7px;padding:5px 8px;color:#c4b5fd;font-style:normal;font-size:.61rem}
.performance-field{display:grid;gap:5px;padding:8px 14px;color:#aeb4c4;font-size:.67rem}.performance-field select{width:100%}.performance-pedal-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px 14px}.performance-pedal-buttons button.is-learning{background:#7c3aed;color:#fff}.performance-library-quick input[type=search],#performanceSongSearch{width:calc(100% - 24px);margin:10px 12px;padding:9px 10px;border:1px solid var(--pf-border);border-radius:9px;background:#0a111e;color:#fff}.performance-quick-library{display:grid;max-height:230px;overflow:auto;padding:0 10px 8px}.performance-quick-track{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center;border:0;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;color:#fff;text-align:left;padding:8px 3px;cursor:pointer}.performance-quick-track img{width:38px;height:38px;border-radius:7px;object-fit:cover}.performance-quick-track strong{display:block;font-size:.72rem}.performance-quick-track small{display:block;color:#8f96a8;font-size:.62rem}.performance-quick-track em{color:#c084fc;font-style:normal;font-size:.62rem}.performance-admin-link{display:block;padding:10px 13px;border-top:1px solid rgba(255,255,255,.07);color:#c4b5fd;text-decoration:none;font-size:.68rem;text-align:center}
.performance-song-dialog{width:min(760px,calc(100vw - 24px));max-height:82vh;padding:0;border:1px solid rgba(196,181,253,.25);border-radius:18px;background:#0b111d;color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.55)}.performance-song-dialog::backdrop{background:rgba(2,5,11,.78);backdrop-filter:blur(7px)}.performance-dialog-head{display:flex;justify-content:space-between;align-items:start;padding:16px;border-bottom:1px solid var(--pf-border)}.performance-dialog-head h2{margin:0;font-size:1rem}.performance-dialog-head p{margin:4px 0 0;color:var(--pf-muted);font-size:.72rem}.performance-dialog-head button{border:0;background:transparent;color:#fff;font-size:1.4rem;cursor:pointer}.performance-song-library{display:grid;gap:7px;padding:0 14px 16px;max-height:58vh;overflow:auto}.performance-song-choice{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#101725}.performance-song-choice img{width:50px;height:50px;object-fit:cover;border-radius:8px}.performance-song-choice strong{display:block}.performance-song-choice small{display:block;color:var(--pf-muted);font-size:.68rem}.performance-song-choice button{border:1px solid var(--pf-border-strong);border-radius:8px;background:#211735;color:#ddd6fe;padding:8px 10px;cursor:pointer}.performance-song-choice button:disabled{opacity:.45}
.performance-toast{position:fixed;left:50%;bottom:22px;z-index:9999;transform:translate(-50%,18px);opacity:0;pointer-events:none;max-width:min(560px,calc(100vw - 30px));padding:11px 14px;border:1px solid rgba(196,181,253,.26);border-radius:999px;background:rgba(15,20,34,.96);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.42);font-size:.76rem;transition:.2s ease}.performance-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1250px){.performance-topbar{grid-template-columns:minmax(220px,1fr) minmax(280px,1.3fr) auto}.performance-header-actions{display:none}.performance-shell{grid-template-columns:280px minmax(480px,1fr)}.performance-right-column{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.performance-right-column .performance-library-quick{grid-column:span 1}}
@media(max-width:900px){.performance-topbar{position:relative;grid-template-columns:1fr auto}.performance-now-playing{grid-column:1/-1;grid-row:2}.performance-header-metrics{grid-column:2;grid-row:1}.performance-shell{grid-template-columns:1fr;padding:8px}.performance-left-column{grid-template-columns:repeat(3,minmax(0,1fr));grid-row:2}.performance-center-column{grid-row:1}.performance-right-column{grid-template-columns:1fr 1fr}.performance-right-column .performance-library-quick{grid-column:1/-1}.performance-rolling-lyrics{min-height:300px;padding:28px 20px}.performance-lyrics-footer{grid-template-columns:1fr 1fr 1fr}.performance-lyrics-footer>span,.performance-lyric-wave{display:none}.performance-master-bar{grid-template-columns:1fr auto}.performance-master-bar label,.performance-master-bar input,.performance-master-bar output{display:none}.performance-record-main{grid-template-columns:54px 1fr auto}.performance-monitor-switch,.performance-record-main>.performance-danger-button{grid-column:auto}.performance-input-select{max-width:240px}}
@media(max-width:680px){.performance-topbar{padding:8px}.performance-brand small{display:none}.performance-header-metrics{display:none}.performance-now-playing{grid-template-columns:42px 1fr;padding-inline:0;border-inline:0}.performance-now-playing img{width:42px;height:42px}.performance-left-column,.performance-right-column{grid-template-columns:1fr}.performance-lyrics-panel{min-height:410px}.performance-lyrics-head{align-items:flex-start}.performance-output-buttons{display:grid;grid-template-columns:1fr 1fr}.performance-output-buttons button:first-child{grid-column:1/-1}.performance-rolling-lyrics{gap:20px;min-height:285px;padding:22px 14px}.performance-lyric-current{font-size:clamp(1.8rem,9vw,3rem)}.performance-lyric-previous,.performance-lyric-next{font-size:clamp(1rem,5vw,1.35rem)}.performance-lyrics-footer{grid-template-columns:1fr 1fr}.performance-lyrics-footer #performanceNextSection{grid-column:1/-1}.performance-transport-controls{gap:8px}.performance-transport-controls button{min-width:40px}.performance-transport-controls button small{display:none}.performance-play-button{width:58px!important;height:58px!important;min-width:58px!important}.performance-record-main{grid-template-columns:52px 1fr auto;gap:8px}.performance-record-main>strong{grid-column:3}.performance-monitor-switch{grid-column:1/3}.performance-record-main>.performance-danger-button{grid-column:3}.performance-record-wave{min-width:0}.performance-input-select{display:none!important}.performance-master-bar{grid-template-columns:1fr}.performance-master-bar button{width:100%}.performance-mixer-row{grid-template-columns:22px 1fr auto}.performance-mixer-row input,.performance-mixer-row output{grid-column:2/4}.performance-playlist-list{max-height:none}}
@media(max-width:680px){.performance-brand-logo{width:190px;height:48px}}


.performance-download-strip{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(140px,.9fr) minmax(160px,1fr);gap:8px;align-items:center;margin:12px 0 0;padding:10px;border:1px solid rgba(139,92,246,.28);border-radius:16px;background:linear-gradient(145deg,rgba(139,92,246,.18),rgba(17,24,39,.82));box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.performance-download-strip button{min-height:44px;border:1px solid var(--pf-border);border-radius:12px;background:rgba(255,255,255,.055);color:#f5f0ff;font-weight:800;font-size:.78rem;cursor:pointer;letter-spacing:.01em}
.performance-download-strip button:hover{border-color:rgba(216,180,254,.52);background:rgba(139,92,246,.2)}
.performance-download-strip button:disabled{opacity:.45;cursor:not-allowed}
.performance-download-strip .performance-download-primary{border-color:rgba(216,180,254,.48);background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;box-shadow:0 12px 30px rgba(79,70,229,.24)}
.performance-download-strip span{display:block;color:#cbd5e1;font-size:.72rem;line-height:1.25;text-align:right}.performance-download-strip.is-offline-ready{border-color:rgba(52,211,153,.34);background:linear-gradient(145deg,rgba(16,185,129,.14),rgba(17,24,39,.82))}
@media(max-width:780px){.performance-download-strip{grid-template-columns:1fr}.performance-download-strip span{text-align:left}}

/* Performance Player offline library */
.performance-offline-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px 12px}.performance-offline-actions button{min-height:42px;border:1px solid var(--pf-border-strong);border-radius:9px;background:linear-gradient(145deg,#211735,#141c30);color:#eee8ff;padding:9px 10px;font-size:.68rem;font-weight:800;cursor:pointer}.performance-offline-actions button:first-child{background:linear-gradient(145deg,#6d28d9,#4338ca);color:#fff}.performance-offline-actions button:disabled,.performance-offline-manage button:disabled{opacity:.45;cursor:wait}.performance-offline-progress{padding:7px 12px 10px}.performance-offline-progress>div{display:flex;justify-content:space-between;gap:10px;color:#b8bed0;font-size:.64rem}.performance-offline-progress-track{display:block;height:8px;margin-top:7px;overflow:hidden;border-radius:999px;background:#20283a}.performance-offline-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pf-purple),var(--pf-purple-2));transition:width .18s ease}.performance-offline-manage{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 12px 8px}.performance-offline-manage button{border:1px solid var(--pf-border);border-radius:8px;background:#111827;color:#aeb4c4;padding:7px 8px;font-size:.63rem;cursor:pointer}.performance-offline-panel.is-offline{border-color:rgba(52,211,153,.36);box-shadow:inset 0 0 0 1px rgba(52,211,153,.08)}.performance-playlist-item.is-offline-ready small::after,.performance-quick-track.is-offline-ready small::after,.performance-song-choice.is-offline-ready small::after{content:" · OFFLINE";color:#6ee7b7;font-weight:800}.performance-playlist-item.is-online-only small::after,.performance-quick-track.is-online-only small::after{content:" · ONLINE ONLY";color:#fbbf24;font-weight:800}@media(max-width:680px){.performance-offline-actions{grid-template-columns:1fr}}

/* Track loading and buffering feedback */
.performance-loading{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:20px;background:rgba(2,5,12,.66);backdrop-filter:blur(7px)}
.performance-loading[hidden]{display:none}
.performance-loading-card{width:min(420px,calc(100vw - 32px));display:grid;justify-items:center;gap:10px;padding:28px 24px;border:1px solid rgba(196,181,253,.3);border-radius:20px;background:linear-gradient(145deg,rgba(20,27,45,.98),rgba(8,13,24,.99));box-shadow:0 30px 90px rgba(0,0,0,.55);text-align:center}
.performance-loading-spinner{width:44px;height:44px;border:4px solid rgba(196,181,253,.18);border-top-color:#c084fc;border-radius:50%;animation:pfLoadingSpin .8s linear infinite}
.performance-loading-card strong{font-size:1rem}.performance-loading-card small{color:#aeb4c4}
.performance-loading-bar{display:block;width:100%;height:7px;margin-top:5px;overflow:hidden;border-radius:999px;background:#20283a}.performance-loading-bar i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#d946ef);animation:pfLoadingBar 1.05s ease-in-out infinite}
@keyframes pfLoadingSpin{to{transform:rotate(360deg)}}@keyframes pfLoadingBar{from{transform:translateX(-110%)}to{transform:translateX(260%)}}

/* Performance library categories: multitrack songs, pad tracks, and music beds */
.performance-category-badge{display:inline-flex;align-items:center;vertical-align:middle;margin-right:5px;padding:2px 6px;border-radius:999px;border:1px solid rgba(196,181,253,.28);background:rgba(124,58,237,.14);color:#ddd6fe;font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.performance-category-pad_track{background:rgba(45,212,191,.12);border-color:rgba(45,212,191,.25);color:#99f6e4}.performance-category-music_bed{background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.28);color:#fde68a}.performance-library-group-title{margin:10px 4px 5px;color:#c4b5fd;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.performance-song-library>.performance-library-group-title{margin:13px 2px 2px}.performance-library-counts{padding-top:0!important;padding-bottom:6px!important}.performance-mixer-row.is-stem-missing{opacity:.45}.performance-mixer-row.is-stem-missing input{cursor:not-allowed}.performance-mixer-row.is-stem-missing .performance-mute{background:#182033!important;color:#8f96a8!important;cursor:not-allowed}.performance-kind-pad_track strong::after{content:" PAD";margin-left:5px;color:#99f6e4;font-size:.55rem}.performance-kind-music_bed strong::after{content:" BED";margin-left:5px;color:#fde68a;font-size:.55rem}