.account-media-save{margin:24px 0;padding:22px;border:1px solid #427aa9;border-radius:18px;background:linear-gradient(120deg,#122c48,#101a2b)}
.account-media-save h3{font-size:21px;margin:0 0 8px}.account-media-save>p{font-size:14px;color:#b9cade;line-height:1.5}.account-media-share{display:flex;align-items:center;gap:10px;margin:20px 0;font-size:14px;font-weight:750}.account-media-share input{width:20px;height:20px;accent-color:#4eaaff;flex-shrink:0}.account-media-save small{font-size:12px;color:#9eb4cd}.account-media-save progress{display:block;width:100%;margin:18px 0;accent-color:#4aabff}.account-media-save [hidden]{display:none!important}
.account-media-library{padding:24px;border:1px solid #2e4b69;border-radius:20px;background:#0d1725;margin-bottom:30px;scroll-margin-top:160px}.account-media-discover{padding-top:28px;padding-bottom:28px}.media-library-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.media-library-head h3{font-size:23px}.media-library-head .section-title{margin:16px 0}.media-library-head .btn{width:auto;font-size:13px;padding:10px 16px}.account-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.account-media-card{padding:20px;border:1px solid #304860;border-radius:16px;background:linear-gradient(145deg,#142238,#0b1420);min-width:0}.account-media-card h3{font-size:20px;line-height:1.3;margin:14px 0 5px;overflow-wrap:anywhere}.account-media-artist{color:#7cbfff;font-size:14px;font-weight:750;margin:0 0 12px;overflow-wrap:anywhere}.account-media-description{font-size:13px;line-height:1.5;color:#b9c9db;white-space:pre-wrap;overflow-wrap:anywhere}.account-media-meta{font-size:12px;color:#94aac4}.account-media-card>.btn{width:100%;margin-top:10px;padding:12px 10px;font-size:14px}.account-media-player{width:100%;max-height:300px;margin-top:16px;display:block}.account-media-player[hidden]{display:none}.account-media-text{border:0;background:transparent;font:700 12px/1.5 system-ui;color:#a8d4ff;cursor:pointer;padding:12px 6px;min-height:44px}.account-media-text:focus-visible{outline:2px solid #88c5ff;outline-offset:3px}#media-account-status,#media-my-status,#media-public-status{font-size:13px;color:#bbd4ee;line-height:1.6}.account-media-save button:disabled{opacity:.5;cursor:default}
@media(max-width:1000px){.account-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.account-media-grid{grid-template-columns:1fr}.account-media-library{padding:16px}.account-media-save{padding:18px}.account-media-save>.btn{width:100%}}


.recording-kind{display:inline-block;padding:6px 10px;margin:0 8px 8px 0;border-radius:8px;border:1px solid currentColor;font:750 12px/1.4 system-ui}.recording-kind-upload{color:#96ccff;background:#123453}.recording-kind-recording{color:#ffb5b5;background:#50202b}.recording-kind-mix{color:#fff;border-color:#fff;background:linear-gradient(90deg,#e10b20 0 33.333%,#fff 33.333% 66.666%,#1872cc 66.666% 100%) bottom/100% 5px no-repeat,#152238;padding-bottom:11px}.recording-kind-clean{color:#fff;background:#263343}.recording-kind-unknown{color:#c6d1df;background:#27313d}.account-media-card[hidden]{display:none!important}.recording-legend{display:flex;flex-wrap:wrap;margin-top:16px}.overdub-panel{margin:24px 0;padding:20px;border:1px solid #6686aa;border-radius:18px;background:#142238}.overdub-panel label{display:block;margin:14px 0 8px;font-weight:700}.overdub-panel select,#media-kind-filter{font:inherit;color:#fff;background:#14243b;border:1px solid #6686aa;border-radius:10px;padding:12px;max-width:100%;min-height:44px}.overdub-panel input[type=range]{width:100%;accent-color:#4aabff}.overdub-panel p{font-size:14px;color:#c3c9df;line-height:1.6}.overdub-panel button{margin-top:12px}.profile-recordings .account-media-grid{grid-template-columns:1fr}

.stage-review-dialog{width:min(92vw,620px);max-height:88vh;overflow:auto;padding:26px;border:1px solid #76a6d7;border-radius:20px;background:#101e31;color:#fff}.stage-review-dialog::backdrop{background:#020813d9}.stage-review-dialog p{line-height:1.6;color:#cbd9e9}.stage-review-dialog audio,.stage-review-dialog video{width:100%;max-height:40vh}.stage-review-dialog label{display:flex;gap:12px;align-items:flex-start;margin:20px 0;line-height:1.5}.stage-review-dialog input{width:22px;height:22px;flex-shrink:0;accent-color:#ea1427}.stage-review-actions{display:flex;gap:12px;flex-wrap:wrap}.stage-review-dialog button:disabled{opacity:.45;cursor:default}.account-media-save>#media-take-stage{margin:10px 0}.account-media-discover>label{display:block;margin:20px 0 8px}.account-media-discover>input{box-sizing:border-box;width:min(100%,600px);min-height:48px;padding:12px;border:1px solid #6388b0;border-radius:10px;background:#12243a;color:#fff;font:inherit}

/* Chosen neon stage artwork: inert glass until a private track is selected. */
.stage-send-tools{grid-column:1/-1;padding:16px;border:1px solid #ffffff28;border-radius:14px;background:#080b1080;display:grid;gap:10px;min-width:0}
.stage-send-tools label{display:grid;gap:8px;color:#dce3ed;font:500 14px/1.4 system-ui}
.stage-send-tools .stage-track-select{width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid #8c97a755;border-radius:8px;background:#10151d;color:#fff;font:inherit;box-sizing:border-box}
.stage-send-tools .stage-art-button{display:block;width:min(100%,390px);padding:0;margin:0 auto;border:0;border-radius:20px;background:transparent;box-shadow:none;cursor:pointer;transition:filter .35s ease,opacity .35s ease,transform .2s ease;filter:drop-shadow(0 0 9px #3e9eff50);min-height:44px}
.stage-send-tools .stage-art-button img{display:block;width:100%;height:auto;pointer-events:none}
.stage-send-tools .stage-art-button:disabled{filter:grayscale(1);opacity:.28;cursor:default}
.stage-send-tools .stage-art-button:enabled:hover{filter:brightness(1.15) drop-shadow(0 0 12px #3e9eff70);transform:translateY(-1px)}
.stage-send-tools .stage-art-button:focus-visible,.stage-send-tools select:focus-visible{outline:2px solid #fff;outline-offset:4px}
.stage-send-tools .profile-note{margin:0}
@media(prefers-reduced-motion:reduce){.stage-send-tools .stage-art-button{transition:none}}

/* Fresh from the Stage: readable type labels, shared colours and tidy filters. */
.stage-filter-bar{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:center;gap:20px;margin:22px 0 10px;padding:18px;border:1px solid #ffffff20;border-radius:16px;background:linear-gradient(135deg,#17202b,#0c111a);box-shadow:inset 0 1px 0 #ffffff0d}
.stage-filter-bar>label,.upload-type-editor{display:grid;gap:8px;font:600 14px/1.5 system-ui;color:#e4ebf5}
#media-public-kind,.upload-type-editor select{box-sizing:border-box;width:100%;max-width:100%;min-height:46px;padding:10px 12px;border:1px solid #71829680;border-radius:10px;background:#0b1421;color:#f5f7fb;font:inherit}
#media-public-kind:focus-visible,.upload-type-editor select:focus-visible{outline:2px solid #d9ecff;outline-offset:3px}
.stage-type-legend{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.stage-type-legend .recording-kind{margin:0;font-size:11px}
.recording-kind-upload-track{color:#a3d1ff;background:#102d4b}
.recording-kind-upload-backing{color:#86ead7;background:#10362f}
.recording-kind-upload-clip{color:#dfc0ff;background:#302044}
.recording-kind-recording{color:#ffb5b5;background:#50202b}
.recording-kind-clean{color:#f4f7fb;background:#293340}
.recording-kind-upload,.recording-kind-unknown{color:#c2cad5;background:#26303c}
.upload-type-editor{margin-top:18px;padding-top:12px;border-top:1px solid #ffffff18}
#media-public-grid .account-media-card{border-top:3px solid #637386;box-shadow:0 6px 18px #0003}
#media-public-grid [data-stage-category="upload-track"]{border-top-color:#74baff}
#media-public-grid [data-stage-category="upload-backing"]{border-top-color:#60d8bd}
#media-public-grid [data-stage-category="upload-clip"]{border-top-color:#c59aef}
#media-public-grid [data-stage-category="recording"]{border-top-color:#ed8795}
#media-public-grid [data-stage-category="clean"]{border-top-color:#f1f4fa}
#media-public-grid [data-stage-category="mix"]{border-top-color:#e8d3b5}
#media-public-search-status{font:500 13px/1.5 system-ui;color:#b9c9dd;min-height:20px}
@media(max-width:700px){.stage-filter-bar{grid-template-columns:1fr;padding:14px;gap:14px}}

/* Upload libraries: one-line headers, expandable playback and controls. */
#media-my-grid,.profile-recordings .account-media-grid{grid-template-columns:minmax(0,1fr);gap:10px}
.account-media-row{padding:0;overflow:hidden;border:1px solid #ffffff26;background:linear-gradient(125deg,#18202b,#0b1018);border-radius:12px}
.media-row-summary{display:flex;align-items:center;gap:14px;min-height:66px;padding:10px 14px;box-sizing:border-box;cursor:pointer;list-style:none;color:#edf2fa}
.media-row-summary::-webkit-details-marker{display:none}
.media-row-summary:focus-visible{outline:2px solid #c4e4ff;outline-offset:-4px}
.track-thumbnail{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:8px;background:#ffffff09;color:#9fb4cd;overflow:hidden;font:22px system-ui}
.track-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}
.media-row-artist{flex:0 1 28%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 13px/1.4 system-ui;color:#a9bed6}
.media-row-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 15px/1.4 system-ui}
.media-row-chevron{flex:0 0 20px;color:#b7c7dc;font:22px system-ui;transition:transform .2s}
.account-media-row[open]>.media-row-summary{border-bottom:1px solid #ffffff18;background:#ffffff04}
.account-media-row[open] .media-row-chevron{transform:rotate(180deg)}
.media-row-content{padding:18px;min-width:0}
.media-row-content>h3,.media-row-content>.account-media-artist{display:none}
.media-row-content>.btn{display:block;width:100%;margin-top:10px;min-height:44px;padding:12px 10px;box-sizing:border-box}
.media-row-content input[type=file][hidden],.media-row-content [hidden]{display:none!important}
.media-row-content .account-media-text{margin-right:10px}
.account-media-card:not(.account-media-row)>.track-thumbnail{float:right;width:64px;height:64px;margin:0 0 10px 10px}
@media(max-width:600px){.media-row-summary{gap:9px;padding:9px 10px}.media-row-artist{flex-basis:25%;font-size:12px}.media-row-title{font-size:14px}.track-thumbnail{flex-basis:36px;width:36px;height:36px}.media-row-content{padding:14px}}
@media(prefers-reduced-motion:reduce){.media-row-chevron{transition:none}}

.profile-recordings .account-media-row{padding:0;margin:0;border:1px solid #ffffff26}
.profile-recordings .media-row-summary{padding:10px 14px;color:#edf2fa;font-weight:500}

/* Playback stays outside the uploader-only editing drawer. */
#media-public-grid{grid-template-columns:minmax(0,1fr);gap:10px}
.media-track-entry{padding:0!important;overflow:hidden}
.media-track-header{display:flex;align-items:center;gap:12px;padding:12px 14px;min-width:0}
.media-track-header .media-row-artist{flex:0 1 22%}
.media-row-play{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;border:0;background:transparent;color:#edf4ff;font:600 15px/1.5 system-ui;cursor:pointer;padding:8px 0;min-height:44px}
.media-row-play::before{content:'▶';margin-right:10px;font-size:12px;color:#9ccfff}
.media-row-play:hover{text-decoration:underline}
.media-row-play:focus-visible{outline:2px solid #d7edff;outline-offset:2px}
.media-track-header .recording-kind{margin:0;font-size:10px;white-space:nowrap}
.track-file-format{font:600 10px/1.3 system-ui;color:#b6c8df;letter-spacing:.05em}
.media-track-entry>.account-media-player{box-sizing:border-box;width:calc(100% - 28px);margin:0 14px 12px}
.media-track-entry>.profile-note{margin:0 14px}
.track-owner-editor{margin:0!important;padding:0!important;border-top:1px solid #ffffff1a!important}
.track-owner-editor>summary,.profile-recordings .track-owner-editor>summary{padding:10px 14px;color:#b4c7de;font:500 12px/1.5 system-ui;cursor:pointer}
.track-info-editor{display:grid;gap:12px;padding-top:18px;margin-top:12px;border-top:1px solid #ffffff1a}
.track-info-editor label{display:grid;gap:6px;font:500 13px/1.5 system-ui;color:#c8d4e4}
.track-info-editor input,.track-info-editor textarea,.track-info-editor select{width:100%;box-sizing:border-box;min-height:44px;border:1px solid #ffffff30;border-radius:8px;background:#10151e;color:#f0f4fa;padding:10px;font:inherit}
.track-info-editor textarea{min-height:88px;resize:vertical}
@media(max-width:600px){.media-track-header{gap:8px;padding:9px 10px}.media-track-header .recording-kind{display:none}.media-track-header .media-row-artist{flex-basis:22%}.media-row-play{font-size:13px}.track-file-format{font-size:9px}}

/* Public-track actions remain visible without opening the owner's editor. */
.media-track-header>.media-collaborate-button{
 flex:0 0 auto;white-space:normal;min-height:44px;margin-left:auto;
}
.media-track-entry.media-track-selected{
 outline:2px solid #8dbfff;outline-offset:2px;
}
@media(max-width:640px){
 .media-track-header:has(>.media-collaborate-button){flex-wrap:wrap}
 .media-track-header>.media-collaborate-button{max-width:100%;margin-left:auto}
 .media-track-header:has(>.media-collaborate-button) .media-row-play{flex-basis:45%}
}

/* Profile-only mini vinyl players and owner privacy tabs. */
.profile-upload-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;grid-column:1/-1}
.profile-upload-tabs [aria-selected="true"]{border-color:var(--tier-edge,#9bc9ff);background:#ffffff18}
.profile-track-list{display:grid;gap:12px;grid-column:1/-1;min-width:0}
.profile-vinyl-track .media-track-header{flex-wrap:wrap;gap:14px}
.vinyl-disc{--vinyl-progress:0%;position:relative;flex:0 0 82px;width:82px;height:82px;border-radius:50%;background:conic-gradient(var(--tier-light,#9bc9ff) var(--vinyl-progress),#ffffff20 0);padding:4px;box-sizing:border-box}
.vinyl-disc .track-thumbnail{position:absolute;inset:5px;width:auto;height:auto;max-width:none;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:repeating-radial-gradient(circle,#111 0 2px,#292929 3px,#111 4px);color:#fff;animation:rms-vinyl-turn 12s linear infinite;animation-play-state:paused}
.vinyl-disc .track-thumbnail img{width:100%;height:100%;object-fit:cover;opacity:.65;border-radius:50%}
.vinyl-disc.is-playing .track-thumbnail{animation-play-state:running}
.vinyl-play{position:absolute;z-index:4;inset:20px;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid #ffffff70;background:#0a0f18e8;color:#fff;font-size:19px;cursor:pointer;display:grid;place-items:center}
.vinyl-seek{position:absolute;inset:0;border-radius:50%;z-index:3;cursor:crosshair}
.vinyl-seek:focus-visible,.vinyl-play:focus-visible{outline:2px solid var(--tier-light,#9bc9ff);outline-offset:4px}
.vinyl-track-copy{display:flex;flex:1 1 160px;min-width:0;flex-direction:column;gap:5px}
.vinyl-track-title{font:600 16px/1.4 system-ui;overflow-wrap:anywhere;color:#f5f7fc}
.profile-vinyl-track .vinyl-track-copy .media-row-artist{flex:auto;color:#bdcbdc}
.vinyl-time{font:12px/1.4 system-ui;color:#aebed1;font-variant-numeric:tabular-nums}
.vinyl-audio-element{display:none!important}
.profile-vinyl-track .profile-track-visibility{margin:0 14px 12px;min-height:44px;max-width:calc(100% - 28px);white-space:normal}
@keyframes rms-vinyl-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.vinyl-disc .track-thumbnail{animation:none}}

.track-genre{display:inline-block;max-width:100%;color:var(--tier-light,#c8dfff);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.vinyl-track-copy .track-genre{align-self:start}
.track-description{font-size:13px;line-height:1.5;max-width:100%;color:#bdcbdc}
.track-description summary{cursor:pointer}
.track-description p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}
.track-info-editor textarea{max-width:100%;box-sizing:border-box}