/* Shared marketplace system: monochrome surfaces, explicit actions, touch targets. */
:root{--ux-bg:#101113;--ux-panel:#191b1e;--ux-line:#ffffff1c;--ux-text:#f2f3f5;--ux-muted:#a5a9b0;--ux-radius:12px;--ux-space:16px}
.market-workspace{background:var(--ux-bg);color:var(--ux-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.market-workspace [hidden]{display:none!important}.market-workspace button,.market-workspace input,.market-workspace select{font:inherit}
.market-workspace button:focus-visible,.market-workspace a:focus-visible,.market-workspace input:focus-visible,.market-workspace select:focus-visible,.market-workspace textarea:focus-visible{outline:2px solid #e8e9eb;outline-offset:3px}
.market-workspace .topbar{background:#101113f5;border-bottom:1px solid var(--ux-line);backdrop-filter:blur(16px)}
.market-workspace .nav{display:flex;gap:16px;min-height:76px;padding-block:12px}.market-workspace .navlinks,.market-workspace .nav-topup,.market-workspace .header-library{display:none!important}
.market-workspace #menu-button{display:flex;align-items:center;gap:8px;order:0;width:auto;min-height:44px;padding:8px 10px;border:1px solid var(--ux-line);border-radius:8px;font-size:15px}
.market-workspace .nav .brand{order:1;font-size:18px;white-space:nowrap}.market-workspace .nav .search{order:2;display:flex;flex:1;max-width:550px;margin-left:auto;min-width:140px;background:#202226;border:1px solid var(--ux-line);border-radius:9px;padding:0 10px}
.market-workspace .search input{width:100%;min-width:0;min-height:44px}.market-workspace .search button{background:none;border:0;color:#dadde1;font-size:12px;cursor:pointer}
.market-workspace .nav-credit-controls{order:3;margin:0}.market-workspace #notification-bell{order:4}.market-workspace #account-button{order:5;margin:0;min-height:44px}.market-workspace .nav>[data-auth]{order:5;min-height:44px;white-space:nowrap}.market-workspace #mobile-search-toggle{display:none;order:2}
#workspace-menu{position:fixed;inset:0 auto 0 0;margin:0;width:min(360px,90vw);height:100dvh;max-height:100dvh;max-width:90vw;border:0;border-right:1px solid var(--ux-line);border-radius:0;background:#17191c;color:var(--ux-text);padding:24px;box-sizing:border-box;overflow-y:auto}
#workspace-menu::backdrop{background:#0009;backdrop-filter:blur(3px)}#workspace-menu header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}#workspace-menu h2{margin:5px 0;font-size:23px}#workspace-menu small{color:var(--ux-muted);font-size:11px;letter-spacing:1px}
#workspace-menu-items{display:grid;gap:5px}#workspace-menu-items>button{min-height:44px;text-align:left;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:8px;color:#d8dbe0;cursor:pointer}#workspace-menu-items>button:hover,#workspace-menu-items>button[aria-current]{background:#ffffff10;color:#fff;border-color:#ffffff12}.menu-identity{padding:0 12px 15px;margin:0;border-bottom:1px solid var(--ux-line);color:var(--ux-muted)}
@media(max-width:760px){.market-workspace .nav{gap:9px;padding-block:9px;flex-wrap:wrap;min-height:64px}.market-workspace .nav .brand{font-size:15px}.market-workspace .brand .mark{display:none}.market-workspace .nav-menu-label,.market-workspace .nav-credit-controls{display:none!important}.market-workspace .nav .search{display:none;order:10;flex-basis:100%;max-width:none;margin:0}.market-workspace .nav.search-expanded .search{display:flex}.market-workspace #mobile-search-toggle{display:block;margin-left:auto;min-height:44px;font-size:12px}.market-workspace #account-button{padding:4px}.market-workspace .account-nav-name{display:none}.market-workspace .nav>[data-auth]{font-size:11px;padding:8px}.market-workspace .nav>#notification-bell{display:none}.market-workspace #menu-button{padding:8px;min-width:40px}.market-workspace .wrap{width:calc(100% - 28px)}}
/* Phase 3: one marketplace, with mode-specific discovery and existing workflows. */
.market-workspace .marketplace-layout{display:block;margin-top:100px;max-width:1400px}.market-workspace .marketplace-content{display:flex;flex-direction:column;gap:24px}.market-workspace .discovery-mode{align-self:flex-start;margin:0;background:#191b1e;border-color:#36383d}.market-workspace .discovery-mode button{min-height:44px;min-width:100px}.market-workspace .discovery-mode button[aria-pressed=true]{background:#f1f2f4;border-color:#f1f2f4;color:#121315}.market-workspace .discovery-intro{margin:0;align-items:flex-end}.market-workspace .discovery-eyebrow{color:#b8bbc0;letter-spacing:1px}.market-workspace .discovery-intro h2{font-size:clamp(23px,3vw,36px);font-weight:650;letter-spacing:-.5px;margin-top:6px}.market-workspace .discovery-intro p{margin-top:10px}.market-workspace #discovery-sync{color:#a5a9b0}
.market-search-panel{border:1px solid var(--ux-line);background:var(--ux-panel);padding:20px;border-radius:var(--ux-radius)}.market-query-label{flex-basis:100%;font-size:13px;color:#c7cbd0;margin-bottom:4px}.market-search-panel #catalog-query{min-height:48px;background:#101113;border-radius:8px;font-size:15px}.market-search-panel #market-search-submit{min-height:48px;padding-inline:24px;background:#eeeff1;color:#17181b;border-color:#eeeff1}.market-search-panel .discovery-types{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.market-search-panel .discovery-types button{min-height:40px;padding:8px 14px;border-radius:7px;background:#22252a;color:#bfc4ca;border:1px solid var(--ux-line)}.market-search-panel .discovery-types button[aria-pressed=true]{color:#101113;background:#eceef0;border-color:#eceef0}.market-advanced{margin-top:14px}.market-advanced summary,.market-more>summary{cursor:pointer;padding:12px 0;color:#b7bbc1;font-size:13px}.market-advanced .catalog-filterbar{padding:12px 0}.market-search-panel .catalog-chips{margin:10px 0 0;gap:6px}.market-search-panel .catalog-chips button{font-size:11px;padding:6px 9px;border-radius:20px}.market-search-panel .discovery-active{margin-top:10px}
.market-workspace .trending-panel{background:transparent;padding:0;border:0;margin:0}.market-workspace .section-head{margin-bottom:16px}.market-workspace .section-head h2{font-size:22px;font-weight:600}.market-workspace .discovery-pick{background:#191b1e;border:1px solid var(--ux-line);border-radius:10px;padding:12px;box-shadow:none}.market-workspace .pick-body{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:10px}.market-workspace .pick-body>div{min-width:0}.market-workspace .pick-social-stats{display:none}.market-workspace .pick-cover-play{border-radius:7px;overflow:hidden}.market-card-meta{font-size:11px;color:#b2b7be;line-height:1.6}.market-workspace .pick-bottom{margin-top:12px;justify-content:space-between}.market-workspace .pick-bottom>span{font-size:10px;color:#a5a9b0}.market-workspace .credit-buy-button{display:inline-flex;align-items:center;gap:5px;background:#ededef;color:#171819;border:0;min-height:36px;padding:7px 11px;white-space:nowrap}.market-workspace .credit-buy-button .credit-coin{color:inherit}.market-workspace .buy-label{font-size:12px}.market-new-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.market-new-grid .pick-top>span:first-child{display:none}
.market-workspace .artist-sidebar-stack.market-artists{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:static}.market-workspace .market-artists .artists-sidebar{position:static;margin:0;background:#191b1e;border-color:var(--ux-line);padding:18px}.market-workspace .market-artists :is(#artist-list,#monthly-artist-list){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:240px;overflow:auto}.market-workspace .market-artists .community-artist-card{background:transparent;border-color:var(--ux-line);width:100%;min-width:0}.market-workspace .catalog-browser{margin:0 0 12px;padding:20px;border-radius:12px;min-height:200px}.market-workspace .catalog-heading{margin-bottom:12px}.market-workspace .catalog-column-head,.market-workspace .audio-row{grid-template-columns:42px 32px minmax(140px,1fr) 145px 140px 40px 65px 45px 114px 24px;gap:9px}.market-workspace .audio-buy{overflow:visible}.market-workspace .audio-buy .btn{min-height:36px}.market-workspace .catalog-column-head .catalog-name-heading{display:block}.market-workspace .audio-row:hover{transform:none}.market-empty{color:var(--ux-muted);padding:18px;border:1px dashed #ffffff25;border-radius:9px;grid-column:1/-1}.market-workspace .trending-empty{min-height:0;padding:20px;border:1px dashed #ffffff25;border-radius:9px}.market-more{border-top:1px solid var(--ux-line);padding:0 0 24px}.market-more>summary{font-size:14px;padding:16px 0}.market-more #market-extra-sections{display:grid;gap:24px;padding-top:16px}.market-workspace .market-more .drum-trending{margin:0}
#market-artist-results{border-top:1px solid var(--ux-line);margin-top:16px;padding-top:12px}#market-artist-results h3{font-size:14px}.market-artist-matches{display:flex;flex-wrap:wrap;gap:10px}.market-artist-matches>button{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#22252a;border:1px solid var(--ux-line);color:#f2f3f5;border-radius:9px;text-align:left}.market-artist-matches .public-artist-avatar{width:36px;height:36px}.market-artist-matches small{display:block;color:var(--ux-muted);margin-top:3px}
@media(max-width:1200px){.market-new-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.market-workspace .catalog-column-head,.market-workspace .audio-row{grid-template-columns:38px 30px minmax(100px,1fr) 100px 90px 35px 52px 35px 106px 20px;gap:6px}}
@media(max-width:960px){.market-workspace .catalog-column-head{display:none}.market-workspace .audio-row{grid-template-columns:40px 34px minmax(80px,1fr) 100px 110px 24px;height:auto;min-height:100px}.market-workspace .audio-row>.audio-info{grid-column:3;grid-row:1}.market-workspace .audio-row>.track-artist-cell{grid-column:3;grid-row:2}.market-workspace .audio-row>.real-wave{grid-column:4;grid-row:1/3}.market-workspace .audio-row>.audio-buy{grid-column:5;grid-row:1/3}.market-workspace .audio-row>.audio-more{grid-column:6;grid-row:1/3}.market-workspace .audio-row>.audio-cover,.market-workspace .audio-row>.play{grid-row:1/3}.market-workspace .audio-row>.audio-key,.market-workspace .audio-row>.audio-bpm,.market-workspace .audio-row>.audio-duration{display:none}.market-workspace .artist-sidebar-stack.market-artists{grid-template-columns:1fr}.market-workspace .audio-mobile-meta{display:flex}}
@media(max-width:600px){.market-workspace .marketplace-layout{margin-top:88px}.market-workspace .marketplace-content{gap:20px}.market-workspace .discovery-mode{width:100%;box-sizing:border-box}.market-workspace .discovery-mode button{flex:1}.market-workspace .discovery-intro{display:block}.market-workspace #discovery-sync{display:block;margin-top:10px}.market-search-panel{padding:14px}.market-search-panel #catalog-query{flex:1 1 180px}.market-search-panel #market-search-submit{padding-inline:14px}.market-search-panel .catalog-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.market-search-panel .catalog-chips button{white-space:nowrap;flex:none}.market-new-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.market-workspace .market-artists :is(#artist-list,#monthly-artist-list){grid-template-columns:1fr}.market-workspace .catalog-browser{padding:12px}.market-workspace .audio-row{grid-template-columns:36px 32px minmax(40px,1fr) 106px 22px;gap:8px;min-height:136px}.market-workspace .audio-row>.audio-info{grid-column:3/6;grid-row:1}.market-workspace .audio-row>.track-artist-cell{grid-column:3/6;grid-row:2}.market-workspace .audio-row>.real-wave{grid-column:3;grid-row:3}.market-workspace .audio-row>.audio-buy{grid-column:4;grid-row:3}.market-workspace .audio-row>.audio-more{grid-column:5;grid-row:3}.market-workspace .catalog-results-bar{flex-wrap:wrap;gap:10px}.market-workspace .market-artists .artists-sidebar{padding:14px}}
#workspace-menu-items>h3{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#838a94;margin:20px 12px 5px}.menu-identity>small{display:block;margin-top:5px}#workspace-menu-items>button{font-size:14px;line-height:1.45}.workspace-policy{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:12px;border:1px solid var(--ux-line);padding:18px;border-radius:10px}.workspace-policy dd{margin:0;color:#d1d5db}.workspace-list .library-item{align-items:flex-start}
.workspace-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.workspace-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.workspace-metric{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;background:#202226;border:1px solid #ffffff1c;border-radius:12px;padding:20px;color:#d8dde4;min-height:148px;cursor:pointer}.workspace-metric:hover{background:#282b30;border-color:#ffffff45}.workspace-metric>span:first-child{font-size:13px}.workspace-metric strong{font-size:30px;line-height:1.3;color:#fff}.workspace-metric strong small{font-size:13px;color:#aab2bd;font-weight:400}.workspace-metric>small{color:#aab2bd;font-size:11px}.metric-link{font-size:11px;color:#bcc3cd;margin-top:auto}.workspace-audit p{padding:12px;border-bottom:1px solid #ffffff15;margin:0;font-size:13px}.workspace-audit small{display:block;color:#9da6b3;margin-top:5px}.dashboard-updated{font-size:12px;color:#98a3af;margin:22px 0 10px}
@media(max-width:700px){.workspace-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-metric{padding:14px;min-height:140px}.workspace-metric strong{font-size:24px}.workspace-dashboard-head{align-items:flex-start;flex-direction:column}}@media(max-width:360px){.workspace-metrics{grid-template-columns:1fr}}
/* Phase 8: shared visual tokens, keyboard access and small-screen controls. */
.market-workspace{--bg:#101113;--panel:#191b1e;--line:#ffffff1c;--muted:#afb4bd;--accent:#e4e7eb;--ux-space-xs:8px;--ux-space-sm:12px;--ux-space-lg:24px;--ux-radius-sm:8px}
.market-workspace::before{background:none}.market-workspace .footer{background:#141619}.market-workspace .catalog-browser{background:var(--ux-panel);border:1px solid var(--ux-line)}
html body.market-workspace :is(button,a[href],input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid #f3f4f6!important;outline-offset:3px!important}
.skip-market{position:fixed;left:16px;top:12px;z-index:100;padding:12px 18px;background:#fff;color:#111;border-radius:8px;transform:translateY(-180%)}.skip-market:focus{transform:none}
.market-workspace .nav{height:auto}.market-workspace .btn,.market-workspace .icon-btn{min-height:44px}.market-workspace :is(input,select,textarea){font-size:14px}.market-workspace textarea{line-height:1.6}.market-workspace .dialog-form label{font-size:14px;line-height:1.6}.market-workspace .dialog-form input:not([type=checkbox]):not([type=radio]),.market-workspace .dialog-form select{min-height:44px}.market-workspace .dialog-form [type=checkbox]{min-width:20px;min-height:20px;accent-color:#e4e7eb}
.market-workspace .text-btn{min-height:36px}.market-workspace .credit-buy-button,.market-workspace .audio-buy .btn{min-height:44px;font-size:13px}.market-workspace .discovery-types button,.market-workspace .catalog-chips button{min-height:44px}.market-workspace .catalog-chips button{font-size:12px}.market-workspace .market-card-meta{font-size:12px}.market-workspace .pick-bottom>span{font-size:12px}.market-workspace .pick-bottom>span:has(.credit-buy-button){font-size:13px}
.market-workspace .discovery-list-help{display:flex;flex-wrap:wrap;gap:6px 18px;line-height:1.7;font-size:12px;color:#b4bbc4;margin-block:12px 20px}.market-workspace .discovery-list-help>span{font-size:inherit;color:inherit}.market-workspace .trending-empty{min-width:100%;max-width:none;line-height:1.7}.market-workspace .trending-files-track:has(.trending-empty){display:block}
.market-workspace .player{background:#17191cf5;box-shadow:0 -4px 24px #0004}.market-workspace .toast{background:#e9ecef;color:#17191d;line-height:1.6}.market-workspace dialog:not(#workspace-menu){background:#191b1e;border-radius:14px}.market-workspace .dialog-head h2{font-size:22px;line-height:1.45;overflow-wrap:anywhere}.market-workspace #modal-body{overflow-wrap:anywhere}.market-workspace [role=alert]:not(:empty){color:#ffb8ba;border-left:3px solid #e59094;padding:8px 12px;background:#a73c4917;border-radius:4px}.market-workspace .workspace-policy dd{font-variant-numeric:tabular-nums}.market-workspace .workspace-metric strong{font-variant-numeric:tabular-nums}.market-workspace .footer-links :is(a,button){min-height:32px;line-height:2}.social-unavailable{display:block;color:#a5acb6;font-size:12px;margin-top:12px;max-width:170px}
@media(max-width:760px){.market-workspace .wrap{width:calc(100% - 32px);padding-inline:0}.market-workspace #menu-button{min-width:44px}.market-workspace .nav .brand{font-size:14px}.market-workspace .nav>[data-auth]{padding-inline:7px}.market-workspace .nav{gap:7px}.market-workspace .dialog-head{gap:8px}.market-workspace dialog:not(#workspace-menu){width:calc(100% - 20px);padding:16px;max-height:92dvh}.market-workspace .dialog-body .account-tabs{flex-wrap:wrap;gap:6px}.market-workspace .dialog-body .account-tabs button{min-height:44px}.market-workspace .market-card-meta{line-height:1.65}.market-workspace :is(input,select,textarea){font-size:16px}}
@media(max-width:600px){.market-workspace .audio-row{grid-template-columns:36px 44px minmax(12px,1fr) 110px 34px;gap:5px;min-height:150px}.market-workspace .audio-row>.play{width:40px;height:44px}.market-workspace .audio-row>.audio-more{min-width:34px;min-height:44px}.market-workspace .player{gap:8px;padding:10px 12px}.market-workspace .player .player-transport :is(.skip-preview,#player-toggle){min-width:40px;width:40px;height:44px}.market-workspace .workspace-policy{grid-template-columns:1fr 1fr;gap:12px;padding:12px}.market-workspace .dialog-head h2{font-size:20px}.market-workspace .dialog-head .icon-btn{min-width:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.market-workspace *{animation:none!important;transition:none!important}}
.market-workspace .marketplace-layout{margin-top:calc(var(--workspace-header-height,76px) + 24px)}
.market-workspace #trending-files:has(>.market-empty),.market-workspace #trending-files:has(>.trending-empty){display:block}
@media(max-width:760px){.market-workspace .nav .brand{flex:0 1 auto;min-width:0}.market-workspace .nav>[data-auth]:not([hidden]){display:inline-flex;align-items:center;justify-content:center;margin-left:0}.market-workspace #mobile-search-toggle{min-width:36px}.market-workspace .nav .signup{margin-left:0}}
/* Legacy tablet styles hide .login; the shared header always offers both guest actions. */
.market-workspace .nav>[data-auth]:not([hidden]){display:inline-flex;align-items:center;justify-content:center}
/* Product status remains visible and understandable on touch screens. */
.market-workspace .library-filters:has([data-producer-filter], [data-submission-filter]){flex-wrap:wrap;overflow:visible}
.market-workspace :is([data-producer-filter],[data-submission-filter]){min-height:44px}
.market-workspace :is([data-producer-filter],[data-submission-filter])[aria-pressed="true"]{background:#e8e9eb;color:#17191c;border-color:#e8e9eb;font-weight:600}
.workspace-view-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}