:root{--surface:#202126;--line:#38393f;--ink:#f6f5f3;--muted:#b5b5bd}body{background:#15161a;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}header{background:#202126;padding:18px 32px;min-height:76px}header strong{letter-spacing:-.04em;font-size:22px}header a{color:var(--ink)}.shell{grid-template-columns:224px minmax(0,1fr)}.sidebar{background:#191a1f;border-color:var(--line);padding:30px 18px}.sidebar nav a{border-radius:8px;padding:12px}.sidebar nav a:hover,.sidebar nav a[aria-current=page]{background:#303039;color:white}.sidebar .monogram{background:var(--accent);color:#17171c;border-radius:12px}.sidebar .muted{font-size:12px;margin:36px 14px}main{max-width:1560px;padding:42px 40px}h1{font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;font-weight:650}h2{letter-spacing:-.025em}p{max-width:80ch}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:26px}.muted,small,.helptext{color:var(--muted)}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.16em}.button,button{border-radius:7px;display:inline-block;font-size:14px;padding:11px 18px}.quiet{border-color:var(--line);background:transparent;color:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input:not([type=checkbox]),select,textarea{background:#191a1e;border-color:#4a4b53;min-height:44px;border-radius:7px}input[type=checkbox]{accent-color:var(--accent)}.notice{background:#24242d;border-color:#42414e;border-left:3px solid var(--accent);font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0}.metrics>div{border:1px solid var(--line);border-radius:10px;background:#202126;padding:20px}.metrics span{font-size:12px;color:var(--muted)}.metrics strong{display:block;font-size:32px;font-weight:600;letter-spacing:-.04em}.library-filters{display:flex;align-items:end;gap:12px;margin:24px 0;flex-wrap:wrap}.library-filters label{margin:0;min-width:140px}.library-filters label:first-child{flex:1;min-width:210px}.library-filters input,.library-filters select{margin-top:7px}.library-filters>a{padding:11px}.mix-library table{min-width:760px}td,th{border-color:var(--line);padding:18px 12px}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em}tbody tr:hover{background:#27282f}.mix-title{font-weight:600;color:var(--ink)}.block{display:block;margin-top:4px}.badge{white-space:nowrap;color:#ded8ee;border-color:#60576f}.status-approved{color:#b3dfaa;border-color:#446943;background:#223426}.status-submitted{color:#ffe0a5;border-color:#786344;background:#393021}.status-declined{color:#ffb8c0;border-color:#815158}.mix-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}.mix-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;color:var(--ink)}.mix-card:hover{border-color:var(--accent)}.mix-art{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:60px;background:radial-gradient(ellipse at 20% 20%,#67527d,transparent 65%),linear-gradient(135deg,#302941,#1b2631)}.mix-art span{font-size:13px;letter-spacing:.05em}.mix-card-body{padding:18px}.mix-card h3{font-size:17px;margin:12px 0 6px}.mix-card p{font-size:13px;color:var(--muted)}.empty-state{text-align:center;padding:45px 20px;color:var(--muted);grid-column:1/-1}.empty-state p{margin:auto}.account-switcher{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0}.account-switcher .panel{margin:0}.account-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.account-settings{margin:20px 0}.account-settings>summary{cursor:pointer;font-size:17px;font-weight:600;padding:16px 0}.account-settings[open]>summary{margin-bottom:12px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:10px;background:white;color:black;padding:12px;z-index:20}.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 15% 10%,#342d45,transparent 60%),#15161a}.auth-shell{display:grid;grid-template-columns:1.15fr 1fr;width:min(1060px,100%);border:1px solid var(--line);border-radius:18px;overflow:hidden}.auth-story{padding:64px 48px;display:flex;flex-direction:column;justify-content:space-between;min-height:560px;background:linear-gradient(150deg,#363043,#202127)}.auth-story h1{font-size:clamp(40px,5vw,64px);max-width:8ch;line-height:1.04}.auth-story p{color:#c4c2cb}.auth-form{background:#202126;padding:64px 44px;display:flex;flex-direction:column;justify-content:center}.auth-form form{display:grid;gap:20px}.auth-form input{margin-top:8px}.auth-form label{font-size:13px}.auth-form button{width:100%;background:#bca5e6;color:#17151c;border:0}.auth-form .muted{font-size:13px}.auth-form h2{font-size:28px}.auth-error{padding:12px;border:1px solid #815158;border-radius:7px;color:#ffbdc4}.auth-brand{font-weight:750;letter-spacing:.12em;font-size:14px}.auth-caption{border-top:1px solid #56515f;padding-top:20px;font-size:13px}.auth-form a{color:#d8bffb}.auth-form input{box-sizing:border-box;width:100%;background:#191a1e;color:white;border:1px solid #4a4b53;border-radius:7px;padding:13px}.auth-page *{box-sizing:border-box}
@media(max-width:950px){header{padding:16px 20px}.shell{grid-template-columns:1fr}.sidebar{display:block;padding:8px 16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .monogram,.sidebar>p{display:none}.sidebar nav{display:flex;overflow-x:auto;flex-wrap:nowrap;margin:0}.sidebar nav a{white-space:nowrap}main{padding:28px 20px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-shell{grid-template-columns:1fr}.auth-story{min-height:auto;padding:30px}.auth-story h1{font-size:38px;max-width:none}.auth-caption{display:none}.auth-form{padding:30px}.panel{padding:20px}}@media(max-width:500px){header>.muted{font-size:11px;max-width:140px;overflow-wrap:anywhere}.library-filters label{flex:1}.metrics strong{font-size:27px}.metrics>div{padding:16px}.auth-page{padding:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.metrics,.library-filters,.account-settings{display:none}.panel{color:black;background:white}}
.mix-artwork{width:100%;aspect-ratio:1;object-fit:cover;display:block}.auth-page .auth-shell{padding:0;max-width:1060px;margin:0}.auth-page{margin:0}.auth-page main{width:100%}
.back-link{display:inline-block;margin-bottom:22px;font-size:13px}.release-hero{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:center;margin:10px 0 34px}.release-cover{width:200px;aspect-ratio:1;object-fit:cover;border-radius:14px;border:1px solid #48434f}.cover-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#534360,#202b39);font-size:64px;color:#d4b6ed}.release-columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.release-columns>.panel{min-width:0;margin-top:0}.release-columns table{min-width:550px}.action-panel{position:sticky;top:24px}.checklist{padding-left:22px;margin:20px 0}.checklist li{padding:7px 0;color:#c8c5d0;font-size:13px}.stack-actions{display:grid;gap:12px;margin-top:24px}button:disabled{opacity:.45;cursor:not-allowed}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.roster-card{display:flex;align-items:center;gap:14px;border:1px solid #3c3d45;padding:18px;border-radius:10px;color:#f6f5f3}.roster-card:hover{border-color:var(--accent)}.artist-avatar{width:44px;height:44px;border-radius:50%;background:#3b334c;display:grid;place-items:center;color:#dac4f5;font-weight:700;flex-shrink:0}.account-banner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.account-banner .account-actions{margin:0}.identity-row{display:flex;gap:16px;align-items:center}.identity-row img{border-radius:12px;object-fit:contain;background:#24252b}.account-tabs{border-bottom:1px solid #3b3b45;padding-bottom:14px;margin:28px 0}.account-tabs a{background:transparent;color:#ddd6e7;border-color:#46414e}.account-tabs a:hover{background:#302938}.mix-upload .fields{margin-top:28px}.mix-upload .helptext{margin:8px 0}.mix-upload label{font-weight:600}.mix-upload textarea{min-height:180px}.account-settings{scroll-margin-top:24px}@media(max-width:1100px){.release-columns{grid-template-columns:1fr}.action-panel{position:static}}@media(max-width:600px){.release-hero{grid-template-columns:1fr;gap:18px}.release-cover{width:160px}.account-banner{align-items:flex-start}.account-tabs{gap:8px}.account-tabs a{padding:9px 12px}}
