/* Shared control system. Free Web Awesome Core, pinned and served by izi. */
:root{
 --wa-font-family-body:Outfit,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
 --wa-font-size-m:16px;--wa-form-control-height:48px;--wa-form-control-height-medium:48px;
 --wa-form-control-background-color:#181b19;--wa-form-control-border-color:#555e4d;
 --wa-form-control-border-radius:8px;--wa-form-control-border-width:1px;
 --wa-color-focus:#d2e9a9;--wa-focus-ring:solid 2px #d2e9a9;--wa-focus-ring-width:2px;--wa-focus-ring-offset:3px;
 --wa-color-brand-fill-loud:#d2e9a9;--wa-color-brand-on-loud:#171b13;
}
wa-select{display:block;width:100%;min-width:0;max-width:100%;font:inherit;--wa-form-control-padding-inline:14px}
wa-select::part(combobox){min-height:48px;padding-inline:14px;gap:12px;background:#181b19;border:1px solid #555e4d;border-radius:8px;box-shadow:none;color:var(--ink);font:inherit}
wa-select::part(display-input){padding:0;min-width:0;text-overflow:ellipsis;color:var(--ink);font:inherit}
wa-select::part(expand-icon){flex:0 0 16px;width:16px;margin-inline-start:auto;color:#b4beab}
wa-select::part(listbox){background:#262a25;border:1px solid #64705a;border-radius:10px;padding:6px;box-shadow:0 12px 36px #0007;max-height:min(320px,55dvh)}
wa-option{min-height:44px;padding:10px 12px;border-radius:6px;font:inherit;color:#eee}
wa-option:state(current){color:#172010}
wa-select:focus-within::part(combobox){outline:2px solid var(--accent);outline-offset:3px}
wa-select[disabled]::part(combobox){opacity:.55;cursor:not-allowed}
wa-select:not(:defined){min-height:48px;visibility:hidden}
wa-option[hidden]{display:none!important}
wa-spinner{display:inline-flex;font-size:26px;--track-width:2px;--indicator-color:var(--accent);--track-color:#d2e9a91c}
/* Native text/file controls keep browser input/validation semantics. */
input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea{min-height:48px;padding:11px 14px;border-radius:8px;max-width:100%;line-height:1.5}
input[type=number]{padding-right:16px!important;font-variant-numeric:tabular-nums}
button{min-height:44px;line-height:1.4}button:disabled{cursor:not-allowed}
label,form,.card,.profile-tab-panel,.youtube-form{min-width:0}
label{line-height:1.45}label>wa-select{margin:0}
.youtube-form wa-select{width:100%}
input[type=checkbox],input[type=radio]{flex-shrink:0;align-self:start;margin-top:3px}
dialog{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
.audio-editor{margin:20px 0 24px;padding:16px;border:1px solid #475040;border-radius:12px;background:#191d19}
#waveform{display:block;min-height:112px;outline-offset:5px}
#waveform > div::part(region){border:1px solid #d2e9a988;border-radius:4px}
#waveform > div::part(region-handle){width:44px!important;border:0!important;border-radius:4px;touch-action:none}
#waveform > div::part(region-handle-left){left:0!important;background:linear-gradient(90deg,#d2e9a9 0 3px,transparent 3px)}
#waveform > div::part(region-handle-right){right:0!important;background:linear-gradient(90deg,transparent calc(100% - 3px),#d2e9a9 calc(100% - 3px))}
#waveform > div::part(region-handle):focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background-color:#d2e9a920}
.audio-transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.audio-transport button{min-height:44px;font-size:14px;padding:10px 16px;white-space:nowrap}
.audio-transport output{margin-left:auto;font-size:13px;font-variant-numeric:tabular-nums;color:#bbc5b2;white-space:nowrap}
.audio-tools{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}
.audio-tools label{display:grid!important;font-size:12px;gap:0;color:var(--muted)}
.audio-tools input[type=range]{margin:0;min-height:32px}
.audio-help{font-size:12px;margin-top:8px;line-height:1.5}
.excerpt-fields{grid-template-columns:1fr 1fr!important}
@media(max-width:700px){.audio-editor{padding:12px;margin-top:16px}.audio-transport{gap:8px}.audio-transport button{flex:1;padding-inline:8px}.audio-transport output{width:100%;text-align:center;margin:0}.audio-tools{gap:20px}wa-select::part(combobox){font-size:15px}.excerpt-fields{gap:12px}dialog{max-width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){wa-spinner{--speed:0s}}

@media(max-width:700px){.library-toolbar{grid-template-columns:1fr}.library-toolbar>label:first-child{grid-column:auto}}
.feedback-card{margin:28px 0;padding:24px}.feedback-form{display:grid;gap:16px}.feedback-form h2{font-size:24px;margin:4px 0 8px;letter-spacing:-.5px}.feedback-form p{margin:0}.feedback-form wa-rating{font-size:28px;--symbol-color:#666d61;--symbol-color-active:var(--accent);--symbol-spacing:8px;align-self:start;justify-self:start;min-height:44px;max-width:100%}.feedback-form wa-rating::part(rating){min-height:44px;align-items:center}.feedback-label{font-size:13px;color:var(--muted)}.feedback-form>label{display:grid;gap:8px}.feedback-form textarea{margin:0;resize:vertical;min-height:100px}.feedback-issues{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 16px}.feedback-issues legend{font-size:14px;margin-bottom:8px}.feedback-issues label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;cursor:pointer}.feedback-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.feedback-actions p{flex-basis:100%}.quality-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-block:24px}.quality-stats .card{padding:20px}.quality-stats strong{display:block;font-size:26px}.quality-review{white-space:pre-wrap;overflow-wrap:anywhere}.quality-review .helper{font-size:13px}.quality-health{display:grid;gap:12px;margin-block:20px}.quality-health p{margin:0}.quality-item{border-bottom:1px solid var(--line);padding-block:20px}.quality-item p{margin-block:8px}.quality-item h3{font-size:18px}.quality-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0}@media(max-width:700px){.feedback-card{padding:18px}.feedback-actions button{width:100%}.feedback-form wa-rating{font-size:28px;--symbol-spacing:7px}.quality-nav a{min-height:44px}}
.audius-draft-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:start}
.audius-draft-form{display:grid;gap:18px;min-width:0;padding:24px}
.audius-draft-form>label{display:grid;gap:8px;min-width:0}
.audius-draft-form textarea{width:100%;resize:vertical;min-height:130px}
.audius-cover-crop{border:1px solid var(--line,#3a3d39);border-radius:12px;padding:14px;display:grid;gap:12px;min-width:0}
.audius-cover-crop label{display:grid;gap:8px;font-size:13px}
.audius-cover-crop input{width:100%;padding:0;accent-color:#c8d5a5;min-height:32px}
.audius-cover-crop:disabled{opacity:.45}
.audius-release-preview{min-width:0;padding:22px;display:grid;gap:14px;position:sticky;top:24px}
.audius-release-preview h2,.audius-release-preview p{margin:0;overflow-wrap:anywhere}
.audius-release-art{aspect-ratio:1;overflow:hidden;border-radius:12px;background:#10120f;display:grid;place-items:center;border:1px solid #35382f}
.audius-release-art img{width:100%;height:100%;object-fit:cover;display:block;min-width:0;min-height:0;grid-area:1/1}
.audius-release-art p{grid-area:1/1;padding:20px;text-align:center;color:#a8afa1}
.audius-release-preview audio{width:100%;min-width:0}
@media(max-width:700px){.audius-draft-layout{grid-template-columns:minmax(0,1fr);gap:16px}.audius-release-preview{position:static;grid-row:1;padding:18px}.audius-draft-form{padding:18px}.audius-release-art{max-width:340px;width:100%;aspect-ratio:1}}

.behavior-report{margin-block:24px}.behavior-report h2{font-size:24px;margin:0 0 12px}.behavior-controls{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.behavior-controls select{max-width:240px}.behavior-grid{display:grid;grid-template-columns:repeat(20,1fr);gap:2px;max-width:400px;aspect-ratio:1}.behavior-grid span{min-width:0}.behavior-report .helper p{margin:4px 0}