/* Producer studio: one quiet surface, compact work, contextual navigation. */
body[data-workspace-role=beatmaker]{background:#101112}
#workspace[data-role=beatmaker]{padding-left:0;--desk-muted:#a6a8ab;--desk-line:#2c2e31;--desk-text:#efefec;min-height:100dvh}
#workspace[data-role=beatmaker] .workspace-header{position:relative;inset:auto;display:block;width:100%;height:auto;padding:0;background:#111214;border-bottom:1px solid #2c2e31;border-right:0}
#workspace[data-role=beatmaker] .workspace-top{display:flex;align-items:center;max-width:1260px;width:100%;padding:20px 36px 15px;margin:auto;gap:24px}
#workspace[data-role=beatmaker] .brand{order:0;margin:0;gap:9px;min-height:32px}
#workspace[data-role=beatmaker] .brand .sp-brand-symbol{width:23px;height:28px}
#workspace[data-role=beatmaker] .brand .sp-brand-type{width:89px;height:32px}
#workspace[data-role=beatmaker] .workspace-label{display:none}
#workspace[data-role=beatmaker] .account{margin:0 0 0 auto;padding:0;border:0;flex-direction:row;gap:18px;align-items:center;flex-wrap:nowrap}
#workspace[data-role=beatmaker] .account .account-name{max-width:180px}
#workspace[data-role=beatmaker] .workspace-nav{display:flex;flex-direction:row;justify-content:flex-start;gap:28px;width:100%;max-width:1260px;padding:0 36px;margin:0 auto;overflow:auto}
#workspace[data-role=beatmaker] .workspace-nav button{background:none;border-radius:0;padding:12px 0 14px;min-height:46px;border:0;border-bottom:2px solid transparent;color:#a6a8ab;flex:none;font-size:13px}
#workspace[data-role=beatmaker] .workspace-nav button:hover{color:#f1f1ed;background:none}
#workspace[data-role=beatmaker] .workspace-nav button[aria-current=page]{background:none;color:#f0f0eb;border-bottom-color:#e7e8e2}
#workspace[data-role=beatmaker] .wf-nav-icon{width:16px;height:16px}
#workspace[data-role=beatmaker] .wf-back-site{display:none}
#workspace[data-role=beatmaker] .workspace-main{max-width:1260px;padding:32px 36px 40px;min-height:calc(100dvh - 184px)}
#workspace[data-role=beatmaker] .workspace-footer{max-width:1188px;font-size:11px;margin:auto}
#workspace[data-role=beatmaker] .workspace-footer .text-button{font-size:11px}
#workspace[data-role=beatmaker] :is(.button,input,select,textarea){border-radius:5px}
#workspace[data-role=beatmaker] :is(.button,.desk-link,.desk-task-action,.desk-filter,.desk-deadline,.desk-task-name,.desk-demo-title){cursor:pointer}
#workspace[data-role=beatmaker] .button.primary{background:#e9eae4;color:#191a1b;border:1px solid #e9eae4;font-weight:550;box-shadow:none}
#workspace[data-role=beatmaker] .button.primary:hover{background:#fff;border-color:#fff}
#workspace[data-role=beatmaker] :focus-visible{outline:2px solid #c9d8c2;outline-offset:4px}
#workspace[data-role=beatmaker] :is(.pd-heading,.rw-heading,.wf-heading){margin-top:0}
#workspace[data-role=beatmaker] :is(.pd-heading h1,.rw-heading h1,.wf-heading h1,.section-heading h1){font-size:28px;line-height:1.2;font-weight:550;letter-spacing:-.04em}
#workspace[data-role=beatmaker] #view-sketches .pd-heading>div>p{display:none}
#workspace[data-role=beatmaker] .pd-row{min-height:88px;padding:16px 0;gap:18px}
#workspace[data-role=beatmaker] .pd-name{font-size:16px;font-weight:500}
#workspace[data-role=beatmaker] .pd-detail-grid{gap:40px}
#workspace[data-role=beatmaker] .pd-empty{padding:28px 0}
#workspace[data-role=beatmaker] .pd-empty h2{font-size:18px}
#workspace[data-role=beatmaker] .pd-empty p{font-size:13px}
#workspace[data-role=beatmaker] .pd-tabs{gap:24px}
#workspace[data-role=beatmaker] .pd-tab{padding:12px 0;font-size:13px}
#workspace[data-role=beatmaker] .pd-field textarea{min-height:80px}
#workspace[data-role=beatmaker] .rw-workspace{gap:28px}
#workspace[data-role=beatmaker] .rw-heading>div>p{font-size:13px;max-width:56ch}
#workspace[data-role=beatmaker] .wf-queue-toolbar{margin-top:18px}
#workspace[data-role=beatmaker] .desk-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}
#workspace[data-role=beatmaker] .desk-heading h1{font-size:30px;font-weight:550;letter-spacing:-.045em;line-height:1.2;margin:0 0 6px}
#workspace[data-role=beatmaker] .desk-heading p{font-size:12px;margin:0}
#workspace[data-role=beatmaker] .desk-actions{display:flex;align-items:center;gap:22px}
#workspace[data-role=beatmaker] .desk-link{background:none;border:0;font:inherit;font-size:12px;color:#b6b9bc;padding:6px 0;min-height:36px;text-align:left}
#workspace[data-role=beatmaker] .desk-link:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
#workspace[data-role=beatmaker] .desk-link:disabled{opacity:.4;cursor:wait;text-decoration:none}
#workspace[data-role=beatmaker] .desk-muted{color:var(--desk-muted);font-size:12px}
#workspace[data-role=beatmaker] .desk-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px 38px;align-items:start}
#workspace[data-role=beatmaker] .desk-grid>section{min-width:0}
#workspace[data-role=beatmaker] .desk-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:36px;margin-bottom:12px}
#workspace[data-role=beatmaker] .desk-section-head h2{font-size:16px;font-weight:550;letter-spacing:-.02em;margin:0}
#workspace[data-role=beatmaker] .desk-work>.desk-section-head{margin-bottom:9px}
#workspace[data-role=beatmaker] .desk-plan-tools{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:12px}
#workspace[data-role=beatmaker] .desk-plan-tools select{flex:1;max-width:420px;min-width:0;min-height:38px;background:#17191b;border-color:#34373a;font-size:12px}
#workspace[data-role=beatmaker] .desk-plan-tools .desk-link{flex:none;font-size:11px}
#workspace[data-role=beatmaker] .desk-filters{display:flex;gap:22px;border-bottom:1px solid var(--desk-line);overflow:auto}
#workspace[data-role=beatmaker] .desk-filter{display:flex;align-items:center;gap:7px;flex:none;padding:9px 0 13px;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;color:#a6a8ab;font:inherit;font-size:12px;min-height:42px}
#workspace[data-role=beatmaker] .desk-filter[aria-pressed=true]{border-color:#dddeda;color:#eee}
#workspace[data-role=beatmaker] .desk-count{color:#8d9195;font-size:11px;font-variant-numeric:tabular-nums}
#workspace[data-role=beatmaker] .desk-search{width:100%;margin-top:14px;min-height:38px}
#workspace[data-role=beatmaker] .desk-task{display:grid;grid-template-columns:44px minmax(0,1fr) 112px 90px;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid var(--desk-line)}
#workspace[data-role=beatmaker] .desk-art{width:44px;height:44px;background:#1b1e20;border:1px solid #303438;display:grid;place-items:center;color:#8f959a;font-size:12px;font-variant-numeric:tabular-nums}
#workspace[data-role=beatmaker] .desk-art img{width:100%;height:100%;object-fit:cover}
#workspace[data-role=beatmaker] .desk-task-copy{min-width:0}
#workspace[data-role=beatmaker] .desk-task-name{color:#eee;background:none;border:0;padding:0;font:inherit;font-weight:500;font-size:15px;line-height:1.4;text-align:left;overflow-wrap:anywhere}
#workspace[data-role=beatmaker] .desk-task-name:hover{text-decoration:underline;text-underline-offset:4px}
#workspace[data-role=beatmaker] .desk-task-copy p{font-size:11px;line-height:1.5;margin:6px 0 0;color:#989da2}
#workspace[data-role=beatmaker] .desk-task-meta{display:flex;flex-direction:column;gap:6px}
#workspace[data-role=beatmaker] .desk-state{font-size:11px;color:#bbc0c4;display:flex;gap:6px;align-items:center}
#workspace[data-role=beatmaker] .desk-state:before{content:'';width:5px;height:5px;background:#858b91;border-radius:50%;flex:none}
#workspace[data-role=beatmaker] .desk-state[data-stage=changes]{color:#d5b89a}
#workspace[data-role=beatmaker] .desk-state[data-stage=changes]:before{background:#c2a080}
#workspace[data-role=beatmaker] .desk-state:is([data-stage=approved],[data-stage=released]):before{background:#a6b99a}
#workspace[data-role=beatmaker] .desk-due{font-size:11px;color:#93999f;font-variant-numeric:tabular-nums}
#workspace[data-role=beatmaker] [data-overdue=true]{color:#e2b195}
#workspace[data-role=beatmaker] .desk-task-action{justify-self:end;font:inherit;font-size:11px;white-space:nowrap;min-height:36px;padding:8px 10px;border:1px solid #373c40;border-radius:4px;background:transparent;color:#dde0e1}
#workspace[data-role=beatmaker] .desk-task-action:hover{background:#25282b;border-color:#62696f}
#workspace[data-role=beatmaker] .desk-feedback{grid-column:2/-1;padding:0;background:none;border:0;color:#d4b598;text-align:left;line-height:1.6;font:inherit;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
#workspace[data-role=beatmaker] .desk-dates{padding-left:26px;border-left:1px solid var(--desk-line)}
#workspace[data-role=beatmaker] .desk-dates .desk-section-head{margin-bottom:9px}
#workspace[data-role=beatmaker] .desk-deadline{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:baseline;text-align:left;background:none;border:0;border-bottom:1px solid var(--desk-line);padding:16px 0;width:100%;color:inherit;font:inherit}
#workspace[data-role=beatmaker] .desk-deadline:hover strong{color:#fff;text-decoration:underline;text-underline-offset:4px}
#workspace[data-role=beatmaker] .desk-deadline time{font-size:12px;color:#d7d9db;font-variant-numeric:tabular-nums}
#workspace[data-role=beatmaker] .desk-deadline strong{display:block;font-size:12px;line-height:1.5;font-weight:500;color:#bfc4c8;overflow-wrap:anywhere}
#workspace[data-role=beatmaker] .desk-deadline small{display:block;font-size:11px;color:#92989e;margin-top:4px}
#workspace[data-role=beatmaker] .desk-demos{border-top:1px solid var(--desk-line);padding-top:18px}
#workspace[data-role=beatmaker] .desk-results{padding:19px 22px 20px;background:#171a1b;border:1px solid #303537;border-radius:6px}
#workspace[data-role=beatmaker] .desk-results .desk-section-head{align-items:start;gap:6px}
#workspace[data-role=beatmaker] .desk-results .desk-link{font-size:10px;min-height:24px;padding:2px 0}
#workspace[data-role=beatmaker] .desk-reward-select{width:100%;font-size:11px;background:#1b1e20;min-height:36px}
#workspace[data-role=beatmaker] .desk-stream-count{display:flex;flex-direction:column;gap:6px;margin:22px 0 20px}
#workspace[data-role=beatmaker] .desk-stream-count strong{font-size:25px;line-height:1.2;letter-spacing:-.04em;font-weight:500;font-variant-numeric:tabular-nums}
#workspace[data-role=beatmaker] .desk-stream-count span{font-size:11px}
#workspace[data-role=beatmaker] .desk-bonus{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:9px;color:#b6bdbb}
#workspace[data-role=beatmaker] .desk-bonus strong{font-size:13px;font-weight:500;color:#d9e4d2}
#workspace[data-role=beatmaker] .desk-results progress{display:block;width:100%;height:4px;border:0;border-radius:8px;appearance:none;background:#303733;accent-color:#afc0a3;overflow:hidden}
#workspace[data-role=beatmaker] .desk-results progress::-webkit-progress-bar{background:#303733}
#workspace[data-role=beatmaker] .desk-results progress::-webkit-progress-value{background:#afc0a3}
#workspace[data-role=beatmaker] .desk-results progress::-moz-progress-bar{background:#afc0a3}
#workspace[data-role=beatmaker] .desk-reward-note{color:#a4aea5;font-size:11px;line-height:1.6;margin:12px 0 0}
#workspace[data-role=beatmaker] .desk-chart{width:100%;height:60px;display:block;margin:-8px 0 18px;overflow:visible}
#workspace[data-role=beatmaker] .desk-chart polyline{fill:none;stroke:#afc0a3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#workspace[data-role=beatmaker] .desk-demo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 18px;border-bottom:1px solid var(--desk-line);padding:16px 0}
#workspace[data-role=beatmaker] .desk-demo-title{font:inherit;font-size:14px;font-weight:500;line-height:1.5;background:none;border:0;padding:0;text-align:left;color:#ddd;overflow-wrap:anywhere}
#workspace[data-role=beatmaker] .desk-demo-title:hover{text-decoration:underline;text-underline-offset:4px}
#workspace[data-role=beatmaker] .desk-demo>.desk-muted{font-size:11px;align-self:center}
#workspace[data-role=beatmaker] .desk-demo audio{grid-column:1/-1;width:100%;height:32px;margin-top:8px;color-scheme:dark}
#workspace[data-role=beatmaker] .desk-audio-error{grid-column:1/-1;color:#dfb5a5;font-size:12px;margin:4px 0}
#workspace[data-role=beatmaker] .desk-empty{padding:22px 0;color:#9ea5aa;font-size:12px;line-height:1.6}
#workspace[data-role=beatmaker] .desk-empty p{margin:0 0 14px}
#workspace[data-role=beatmaker] .desk-empty p:last-child{margin-bottom:0}
#workspace[data-role=beatmaker] .desk-error{padding:14px 0;color:#e0b6a6;display:flex;align-items:center;gap:18px;font-size:12px}
#workspace[data-role=beatmaker] .desk-error p{margin:0}
#workspace[data-role=beatmaker] .desk-shortcuts{display:flex;flex-wrap:wrap;gap:26px;border-top:1px solid var(--desk-line);margin-top:30px;padding-top:10px}
body[data-workspace-role=beatmaker] #task-dialog{border-radius:8px}
body[data-workspace-role=beatmaker] #task-dialog .wf-detail-layout{gap:28px}
body[data-workspace-role=beatmaker] #task-dialog .wf-section-heading h3{font-size:17px}
body[data-workspace-role=beatmaker] #task-dialog .wf-brief-copy{font-size:14px;line-height:1.65}
@media(min-width:1400px){#workspace[data-role=beatmaker] .desk-grid{column-gap:46px;grid-template-columns:minmax(0,1fr) 315px}}
@media(max-width:1000px){#workspace[data-role=beatmaker] .desk-grid{grid-template-columns:minmax(0,1fr) 260px;gap:28px 24px}#workspace[data-role=beatmaker] .desk-task{grid-template-columns:36px minmax(0,1fr) auto;gap:10px 12px}#workspace[data-role=beatmaker] .desk-art{width:36px;height:36px;grid-row:1/3}#workspace[data-role=beatmaker] .desk-task-meta{grid-column:2;flex-direction:row;flex-wrap:wrap;gap:6px 12px}#workspace[data-role=beatmaker] .desk-task-action{grid-column:3;grid-row:1/3}#workspace[data-role=beatmaker] .desk-task-copy p{font-size:10px}#workspace[data-role=beatmaker] .desk-filters{gap:18px}#workspace[data-role=beatmaker] .desk-dates{padding-left:20px}}
@media(max-width:800px){#workspace[data-role=beatmaker] .workspace-top{padding:18px 24px 12px}#workspace[data-role=beatmaker] .workspace-nav{padding:0 24px}#workspace[data-role=beatmaker] .workspace-main{padding:26px 24px 36px}#workspace[data-role=beatmaker] .desk-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}#workspace[data-role=beatmaker] .desk-work{grid-column:1/-1}#workspace[data-role=beatmaker] .desk-demos{grid-column:1/-1;grid-row:3}#workspace[data-role=beatmaker] .desk-dates{padding-left:0;border-left:0}#workspace[data-role=beatmaker] .desk-results{grid-column:2;grid-row:2}#workspace[data-role=beatmaker] .desk-heading{margin-bottom:24px}#workspace[data-role=beatmaker] .desk-task{grid-template-columns:42px minmax(0,1fr) 118px 98px;gap:12px}#workspace[data-role=beatmaker] .desk-art{grid-row:auto;width:42px;height:42px}#workspace[data-role=beatmaker] .desk-task-meta{grid-column:auto;flex-direction:column;gap:5px}#workspace[data-role=beatmaker] .desk-task-action{grid-column:auto;grid-row:auto}#workspace[data-role=beatmaker] .workspace-footer{width:calc(100% - 48px)}}
@media(max-width:560px){#workspace[data-role=beatmaker] .workspace-top{padding:15px 18px 9px}#workspace[data-role=beatmaker] .workspace-nav{padding:0 18px;gap:25px}#workspace[data-role=beatmaker] .account{gap:12px}#workspace[data-role=beatmaker] .account .account-name{max-width:90px;font-size:12px}#workspace[data-role=beatmaker] .workspace-main{padding:24px 18px 30px}#workspace[data-role=beatmaker] .desk-heading{gap:14px;align-items:start}#workspace[data-role=beatmaker] .desk-heading h1{font-size:27px}#workspace[data-role=beatmaker] .desk-actions{gap:12px;flex-wrap:wrap;justify-content:flex-end}#workspace[data-role=beatmaker] .desk-actions .button{min-height:40px;padding:9px 12px}#workspace[data-role=beatmaker] .desk-actions>.desk-link{font-size:11px}#workspace[data-role=beatmaker] .desk-grid{grid-template-columns:minmax(0,1fr);gap:28px}#workspace[data-role=beatmaker] .desk-grid>section{grid-column:auto;grid-row:auto}#workspace[data-role=beatmaker] .desk-task{grid-template-columns:34px minmax(0,1fr) auto;gap:8px 10px;padding:18px 0}#workspace[data-role=beatmaker] .desk-art{width:34px;height:34px;grid-row:1/3}#workspace[data-role=beatmaker] .desk-task-meta{grid-column:2;flex-direction:row;gap:5px 10px}#workspace[data-role=beatmaker] .desk-task-action{grid-column:3;grid-row:1/3;min-height:40px;padding:8px;font-size:10px}#workspace[data-role=beatmaker] .desk-task-name{font-size:14px}#workspace[data-role=beatmaker] .desk-task-copy p{font-size:10px}#workspace[data-role=beatmaker] .desk-state,#workspace[data-role=beatmaker] .desk-due{font-size:10px}#workspace[data-role=beatmaker] .desk-plan-tools{gap:10px}#workspace[data-role=beatmaker] .desk-plan-tools select{font-size:12px}#workspace[data-role=beatmaker] .desk-plan-tools .desk-link{font-size:10px}#workspace[data-role=beatmaker] .desk-filters{gap:20px}#workspace[data-role=beatmaker] .desk-filter{font-size:11px}#workspace[data-role=beatmaker] .desk-results{padding:20px}#workspace[data-role=beatmaker] .desk-shortcuts{gap:22px}#workspace[data-role=beatmaker] .workspace-footer{width:calc(100% - 36px)}#workspace[data-role=beatmaker] .desk-demo{grid-template-columns:1fr}#workspace[data-role=beatmaker] .desk-demo>.desk-muted{grid-row:2}}
@media(prefers-reduced-motion:no-preference){#workspace[data-role=beatmaker] .desk-grid{animation:desk-arrive .2s ease-out}#workspace[data-role=beatmaker] :is(.desk-task-action,.desk-link,.workspace-nav button){transition:color .15s,background .15s,border-color .15s}@keyframes desk-arrive{from{opacity:.75;transform:translateY(3px)}to{opacity:1;transform:none}}}

/* Each column flows independently; results stay visible next to current work. */
#workspace[data-role=beatmaker] .desk-grid>div,#workspace[data-role=beatmaker] .desk-grid>aside{min-width:0}
#workspace[data-role=beatmaker] .desk-primary,#workspace[data-role=beatmaker] .desk-secondary{display:flex;flex-direction:column;gap:24px}
#workspace[data-role=beatmaker] .desk-filters{overflow-y:hidden}
#workspace[data-role=beatmaker] .desk-dates{border-left:0;padding-left:0}
#workspace[data-role=beatmaker] .desk-heading{margin-bottom:24px}
@media(max-width:800px){#workspace[data-role=beatmaker] .desk-grid{grid-template-columns:1fr}#workspace[data-role=beatmaker] .desk-secondary{display:grid;grid-template-columns:1fr 1fr;gap:24px}#workspace[data-role=beatmaker] .desk-secondary>section{grid-column:auto;grid-row:auto}}
@media(max-width:560px){#workspace[data-role=beatmaker] .desk-secondary{display:flex}}

#workspace[data-role=beatmaker] .rw-heading .rw-eyebrow{display:none}
#workspace[data-role=beatmaker] .rw-track-head .rw-eyebrow{text-transform:none;letter-spacing:0;font-size:12px}
@media(max-width:360px){#workspace[data-role=beatmaker] .desk-filters{gap:12px}#workspace[data-role=beatmaker] .desk-filter{gap:5px;font-size:10px}#workspace[data-role=beatmaker] .desk-count{font-size:10px}}