/* Listening workspace. All colors follow the existing theme engine. */
body.studio { font-size:16px; }
/* Swiss workspace: strict grid, editorial type, neutral surfaces, red utility accent. */
.studio { --swiss-red:#e6332a; --swiss-black:#111; --swiss-paper:#f4f2ed; --swiss-line:#aaa69d; }
.studio .studio-sidebar { background:var(--swiss-paper); border-color:var(--swiss-black); color:var(--swiss-black); }
.studio .studio-brand { color:var(--swiss-black); font-size:1.5rem; letter-spacing:-.06em; line-height:.9; text-transform:uppercase; }
.studio .studio-brand b,.studio .studio-eyebrow { color:var(--swiss-red); }
.studio .studio-label,.studio .studio-sidebar footer { color:#67645e; }
.studio .studio-sidebar button,.studio .studio-sidebar>a:not(.studio-brand) { color:var(--swiss-black); border-radius:0; border-top:1px solid var(--swiss-line); font-weight:750; }
.studio .studio-sidebar button:hover,.studio .studio-sidebar button[aria-current=page],.studio .studio-sidebar>a:hover { background:var(--swiss-red); color:white; }
.studio #main-area { background:var(--bg); }
.studio .studio-toolbar { border-bottom:2px solid var(--tx); padding-bottom:20px; }
.studio .studio-toolbar #search-input,.studio .studio-select,.studio .studio-pill,.studio .studio-actions button,.studio-card,.studio-row-actions button { border-radius:0; box-shadow:none; }
.studio .studio-toolbar #search-input { color:var(--tx); border:1px solid var(--tx); background:var(--bg1); }
.studio .studio-toolbar #search-input::placeholder { color:var(--tx3); opacity:1; }
.studio .studio-toolbar #search-form button { color:#fff!important; background:var(--swiss-red)!important; border:1px solid var(--swiss-red)!important; box-shadow:none!important; }
.studio .studio-tools-button { display:none; }
.studio .studio-pill[aria-pressed=true] { background:var(--swiss-red); border-color:var(--swiss-red); color:#fff; }
.studio .studio-intro { border-bottom:1px solid var(--bd2); padding-bottom:24px; }
.studio .studio-intro h1 { font-size:clamp(2.6rem,6vw,6.5rem); line-height:.82; max-width:850px; text-transform:uppercase; }
.studio-card { border-top:3px solid var(--tx); border-radius:0; }
.studio-provider { display:block; min-height:28px; color:var(--tx3); font:700 12px/1 var(--fm); letter-spacing:.1em; text-transform:uppercase; }
.studio-cover-button,.studio-cover-button img { border-radius:0; }
.studio-cover-button span { border-radius:0; background:var(--swiss-red); color:#fff; }
.studio-row { border-top:1px solid var(--bd2); border-bottom:0; }
.studio-back { margin-top:22px; padding:11px 14px; color:var(--tx); background:transparent; border:1px solid var(--tx); border-radius:0; font-weight:750; cursor:pointer; }
.studio-back:hover { color:#fff; background:var(--swiss-red); border-color:var(--swiss-red); }
/* The player is a top-level workspace, never underneath the desktop rail. */
.studio #full-container { position:relative!important; z-index:500!important; }
.studio #full-player { position:fixed!important; z-index:500!important; inset:0!important; width:100vw!important; max-width:none!important; height:100dvh!important; margin:0!important; background:var(--bg)!important; overflow:auto!important; isolation:isolate; }
.studio #full-player .absolute.inset-0 { display:none; }
.studio #full-player>div:nth-child(2) { position:sticky; top:0; display:grid!important; grid-template-columns:1fr auto 1fr; width:100%; background:var(--bg); border-bottom:2px solid var(--tx); z-index:20; }
.studio #full-player>div:nth-child(2)>div:last-child { justify-self:end; }
.studio #full-player>div:nth-child(2)>button:first-child { width:auto!important; border-radius:0!important; padding:0 16px; gap:9px; }
.studio #full-player>div:nth-child(2)>button:first-child::after { content:'Back'; font:700 14px var(--fb); }
.studio #full-player .viz-cover-wrap { max-width:360px!important; }
.studio #visualizer-wrap { width:min(92vw,1200px)!important; max-width:1200px!important; }
.studio #visualizer-wrap.viz-active { border:2px solid var(--tx)!important; border-radius:0!important; background:var(--bg1)!important; box-shadow:8px 8px 0 var(--tx)!important; }
.studio #visualizer-wrap .viz-canvas { border-radius:0!important; }
.studio #full-player .fp-cover-img,.studio #full-player .fp-cover-3d { border-radius:0!important; box-shadow:none!important; }
.studio #full-title { max-width:min(100%,1100px); background:none!important; -webkit-text-fill-color:var(--tx)!important; font-size:clamp(1.7rem,4vw,3.5rem); line-height:1; white-space:normal!important; overflow-wrap:anywhere; overflow:visible!important; }
.studio #full-player button { border-radius:0!important; }
.studio #mascot-container,.studio .bgl,.studio .bg-orb1,.studio .bg-orb2,.studio .bg-orb3 { display:none!important; }
.studio .cb,.studio .glass-panel,.studio .lib-card,.studio .lib-new-btn,.studio .bj-modal-box,.studio .ad-box,.studio .share-preview,.studio .share-url-wrap,.studio #video-player-shell,.studio .video-choice-card,.studio .queue-item,.studio .artist-panel,.studio .studio-download-dialog { border-radius:0!important; box-shadow:none!important; backdrop-filter:none!important; }
.studio .lib-card,.studio .cb { background:var(--bg1)!important; border:1px solid var(--tx)!important; }
.studio .lib-card::before,.studio .bj-modal-box::before,.studio .glass-panel::after { display:none!important; }
.studio .lib-card:hover,.studio .cb:hover { transform:none!important; border-color:var(--swiss-red)!important; box-shadow:none!important; }
.studio .lib-new-btn,.studio .btn-or,.studio .lib-card-btn-play { background:var(--swiss-red)!important; color:#fff!important; box-shadow:none!important; border-radius:0!important; }
.studio .lib-card-btn,.studio .bj-modal-close,.studio .ad-close,.studio .share-action-btn,.studio .share-copy-btn { border-radius:0!important; box-shadow:none!important; }
.studio .bj-modal-overlay,.studio .ad-overlay { background:rgba(17,17,17,.72)!important; backdrop-filter:none!important; }
.studio .bj-modal-head,.studio .modal-header { background:var(--bg1)!important; border-bottom:2px solid var(--tx)!important; }
.studio #theme-panel-box,.studio #theme-panel-head,.studio .theme-swatch,.studio .theme-preview { border-radius:0!important; box-shadow:none!important; }
.studio .studio-actions { border-bottom:2px solid var(--tx); padding-bottom:28px; }
.studio .studio-actions button { background:transparent; color:var(--tx); border:1px solid var(--tx); font-weight:700; }
.studio .studio-actions button:hover { color:#fff; background:var(--swiss-red); border-color:var(--swiss-red); }
.studio .studio-section-title,.studio #view-home h2,.studio #view-library h1,.studio .studio-results-heading { text-transform:uppercase; letter-spacing:-.04em; }
.studio #mini-player>div { background:var(--bg1)!important; border:2px solid var(--tx)!important; border-radius:0!important; box-shadow:6px 6px 0 var(--tx)!important; backdrop-filter:none!important; }
.studio #mini-cover { border-radius:0!important; box-shadow:none!important; }
.studio #full-player button[onclick="TP()"] { display:grid!important; place-items:center!important; background:var(--swiss-red)!important; color:#fff!important; border:2px solid var(--tx)!important; box-shadow:6px 6px 0 var(--tx)!important; }
.studio #full-player button[onclick="TP()"]:hover { transform:translate(-2px,-2px)!important; box-shadow:8px 8px 0 var(--tx)!important; }
.studio #full-play-btn { position:static!important; display:grid!important; place-items:center!important; color:#fff!important; width:100%; height:100%; font-size:1.35rem; }
.studio #full-play-btn i { color:#fff!important; margin:0!important; }
.studio #full-player button[onclick="PV()"],.studio #full-player button[onclick="NX()"] { color:var(--tx)!important; filter:none!important; }
.studio .seekbar-track,.studio .vol-track { background:var(--bg3)!important; border:1px solid var(--tx)!important; border-radius:0!important; }
.studio .seekbar-fill,.studio .vol-fill { background:var(--swiss-red)!important; }
.studio .seekbar-thumb,.studio .vol-thumb { background:var(--tx)!important; box-shadow:none!important; }
.studio-suggestion { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:12px; width:100%; padding:10px 12px; text-align:left; color:var(--tx); background:transparent; border:0; border-bottom:1px solid var(--bd); cursor:pointer; }
.studio-suggestion:last-child { border-bottom:0; }
.studio-suggestion:hover,.studio-suggestion:focus-visible { background:var(--bg3); outline:none; }
.studio-suggestion img { width:42px; height:42px; object-fit:cover; border-radius:var(--rsm,0); background:var(--bg3); }
.studio-suggestion span { min-width:0; display:grid; gap:2px; }
.studio-suggestion strong,.studio-suggestion small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.studio-suggestion strong { font-size:14px; font-weight:750; }
.studio-suggestion small { color:var(--tx3); font-size:12px; }
.studio-suggestion em { color:var(--or); font:700 11px/1 var(--fm); text-transform:uppercase; letter-spacing:.04em; font-style:normal; }
.studio-suggestion-status { min-height:72px; display:flex; align-items:center; justify-content:center; gap:10px; padding:16px; color:var(--tx3); font-size:14px; }
.studio-download-dialog button:disabled { opacity:.5; cursor:wait; }
.studio #search-results { padding-inline:0; }
.studio #top-nav-container { display:none; }
.studio #main-area { padding:0 32px 150px; margin-left:222px; }
.studio-sidebar { position:fixed; inset:0 auto 0 0; width:222px; min-height:0; padding:30px 18px; border-right:1px solid var(--bd); background:var(--bg2); z-index:110; display:flex; flex-direction:column; gap:6px; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scroll-padding-block:18px; scrollbar-width:thin; scrollbar-color:var(--swiss-line) transparent; }
.studio-sidebar::-webkit-scrollbar { width:6px; }
.studio-sidebar::-webkit-scrollbar-thumb { background:var(--swiss-line); }
.studio-sidebar::-webkit-scrollbar-track { background:transparent; }
.studio-brand { color:var(--tx); font-size:22px; font-weight:900; letter-spacing:-1px; padding:0 12px 30px; text-decoration:none; }
.studio-brand b { color:var(--or); }
.studio-label { font-size:12px; text-transform:uppercase; letter-spacing:.15em; color:var(--tx3); padding:24px 12px 8px; }
.studio-sidebar button,.studio-sidebar>a:not(.studio-brand) { color:var(--tx2); border:0; border-radius:10px; display:flex; align-items:center; gap:14px; padding:13px 14px; background:transparent; font-size:14px; font-weight:600; text-align:left; text-decoration:none; cursor:pointer; }
.studio-sidebar button:hover,.studio-sidebar button[aria-current=page],.studio-sidebar>a:hover { background:var(--bg3); color:var(--or); }
.studio-sidebar i { width:18px; text-align:center; }
.studio-sidebar footer { flex-shrink:0; margin-top:18px; padding:18px 12px 8px; color:var(--tx3); font-size:12px; }
.studio-sidebar button,.studio-sidebar>a { flex-shrink:0; scroll-margin-block:16px; }
.studio-toolbar { padding:26px 0 16px; position:relative; z-index:30; max-width:1400px; margin:auto; }
.studio-toolbar-row { display:flex; align-items:center; gap:20px; }
.studio-toolbar #search-form { flex:1; margin:0; max-width:780px; }
.studio-toolbar #search-input { background:var(--bg2); border:1px solid var(--bd); box-shadow:none; font-size:16px; border-radius:14px; }
.studio-toolbar #suggestions { position:absolute; top:86px; width:min(780px,100%); max-height:min(520px,60vh); z-index:80; overflow-y:auto; border-radius:var(--rmd,14px); background:var(--bg2); border:1px solid var(--bd); box-shadow:0 16px 40px #0002; }
.studio-toolbar .studio-tools-button { width:46px; height:46px; border-radius:50%; background:var(--bg2); color:var(--or); border:1px solid var(--bd); cursor:pointer; }
.studio-sources { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:16px; }
.studio-pill { padding:9px 17px; border-radius:24px; border:1px solid var(--bd); background:var(--bg2); color:var(--tx2); cursor:pointer; font-size:14px; font-weight:600; }
.studio-pill[aria-pressed=true] { background:var(--or); color:var(--bg); border-color:var(--or); }
.studio-pill i { margin-right:6px; }
.studio-select {
 margin-left:auto; min-width:148px; height:50px; padding:0 46px 0 16px;
 color:var(--tx); background-color:var(--bg1); border:2px solid var(--tx); border-radius:0;
 font:750 15px/1 var(--fb); cursor:pointer; appearance:none; -webkit-appearance:none;
 background-image:linear-gradient(45deg,transparent 50%,var(--tx) 50%),linear-gradient(135deg,var(--tx) 50%,transparent 50%);
 background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;
 background-size:6px 6px,6px 6px; background-repeat:no-repeat;
 box-shadow:4px 4px 0 var(--swiss-red); transition:background-color .16s,color .16s,box-shadow .16s,transform .16s;
}
.studio-select:hover { background-color:var(--tx); color:var(--bg); background-image:linear-gradient(45deg,transparent 50%,var(--bg) 50%),linear-gradient(135deg,var(--bg) 50%,transparent 50%); }
.studio-select:focus-visible { outline:2px solid var(--swiss-red)!important; outline-offset:5px!important; box-shadow:4px 4px 0 var(--tx); }
.studio-select option { color:var(--tx); background:var(--bg1); font:500 15px var(--fb); }
.studio-intro { display:flex; align-items:end; justify-content:space-between; gap:20px; margin:24px 0; }
.studio-intro h1 { font-family:var(--fd); font-size:clamp(28px,3.5vw,44px); font-weight:800; line-height:1.12; letter-spacing:-1.7px; margin:8px 0; }
.studio-eyebrow { color:var(--or); font-size:12px; letter-spacing:.18em; font-weight:700; text-transform:uppercase; }
.studio-intro p { color:var(--tx3); font-size:15px; margin-top:12px; }
.studio-actions { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 32px; }
.studio-actions button { border:1px solid var(--bd); border-radius:12px; padding:13px 18px; display:flex; gap:10px; align-items:center; color:var(--tx2); background:var(--bg2); cursor:pointer; font-size:14px; }
.studio-actions button:hover { color:var(--or); border-color:var(--or); }
.studio #view-home,.studio #view-search,.studio #view-library { max-width:1400px; margin:auto; }
.studio #view-home>.px-4 { padding:0; }
.studio #view-search>.pt-6 { display:none; }
.studio #view-search #filter-tabs { display:none!important; }
.studio #home-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.studio #home-scroll { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:visible; gap:20px; }
.studio #view-home h2,.studio-section-title { font-family:var(--fd); font-size:24px; font-weight:800; letter-spacing:-.6px; margin:24px 0 18px; }
.studio-card { background:var(--bg2); border:1px solid var(--bd); border-radius:16px; padding:12px; min-width:0; }
.studio-cover-button { position:relative; display:block; width:100%; border:0; background:var(--bg3); border-radius:10px; overflow:hidden; cursor:pointer; aspect-ratio:1; }
.studio-cover-button img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.studio-cover-button:hover img { transform:scale(1.04); }
.studio-cover-button span { position:absolute; right:10px; bottom:10px; background:var(--or); color:var(--bg); display:grid; place-items:center; width:42px; height:42px; border-radius:50%; box-shadow:0 4px 24px #0005; }
.studio-card h3 { color:var(--tx); font-size:16px; font-weight:700; margin:12px 0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.studio-card p { color:var(--tx3); font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.studio-card-actions { display:flex; gap:8px; margin-top:12px; }
.studio-card-actions button { flex:1; border:1px solid var(--bd); padding:8px; border-radius:8px; font-size:13px; background:transparent; color:var(--tx2); cursor:pointer; }
.studio-card-actions button:hover { color:var(--or); }
.studio-results-heading { font-size:24px; font-weight:800; margin:24px 0; }
.studio-row { display:grid; grid-template-columns:48px minmax(100px,1fr) auto; align-items:center; gap:16px; padding:14px 12px; border-bottom:1px solid var(--bd); }
.studio-row img { width:48px; height:48px; border-radius:8px; object-fit:cover; }
.studio-row-title { background:none; border:0; color:var(--tx); font-size:16px; font-weight:600; text-align:left; cursor:pointer; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.studio-row p { font-size:13px; color:var(--tx3); margin-top:4px; }
.studio-row-actions { display:flex; gap:8px; }
.studio-row-actions button { border:1px solid var(--bd); border-radius:9px; color:var(--tx2); background:var(--bg2); padding:9px 12px; cursor:pointer; font-size:13px; }
.studio-row-actions button:first-child { color:var(--or); }
.studio-empty { grid-column:1/-1; padding:36px 24px; border:1px dashed var(--bd2); border-radius:14px; color:var(--tx3); font-size:16px; text-align:center; }
.studio-empty button { display:block; margin:16px auto 0; }
.studio-loading { grid-column:1/-1; min-height:clamp(260px,42vh,460px); display:grid; place-content:center; justify-items:center; gap:20px; position:relative; overflow:hidden; color:var(--tx); border-top:2px solid var(--tx); border-bottom:1px solid var(--bd2); border-radius:var(--rmd,0); background:linear-gradient(135deg,color-mix(in srgb,var(--or) 5%,transparent),transparent 48%,color-mix(in srgb,var(--pk) 7%,transparent)); }
.studio-loading-mark { height:76px; display:flex; align-items:center; gap:6px; }
.studio-loading-mark span { width:7px; height:46px; background:linear-gradient(180deg,var(--or),var(--pk)); border-radius:var(--rsm,0); transform-origin:center; animation:studio-loading-bars .75s cubic-bezier(.45,0,.55,1) infinite alternate; }
.studio-loading-mark span:nth-child(2),.studio-loading-mark span:nth-child(8) { height:62px; animation-delay:-.48s; }
.studio-loading-mark span:nth-child(3),.studio-loading-mark span:nth-child(7) { height:34px; animation-delay:-.3s; }
.studio-loading-mark span:nth-child(4),.studio-loading-mark span:nth-child(6) { height:54px; animation-delay:-.64s; }
.studio-loading-mark span:nth-child(5) { height:72px; animation-delay:-.18s; }
.studio-loading-copy { display:grid; justify-items:center; gap:6px; text-align:center; }
.studio-loading-copy strong { font-family:var(--fm); font-size:16px; letter-spacing:.08em; text-transform:uppercase; }
.studio-loading-copy span { color:var(--tx3); font-size:14px; }
.studio-loading-track { width:min(320px,68vw); height:2px; overflow:hidden; background:var(--bd2); }
.studio-loading-track i { display:block; width:34%; height:100%; background:linear-gradient(90deg,var(--or),var(--pk)); animation:studio-loading-track 1.15s ease-in-out infinite alternate; }
@keyframes studio-loading-bars { from { transform:scaleY(.28); opacity:.45; } to { transform:scaleY(1); opacity:1; } }
@keyframes studio-loading-track { from { transform:translateX(-5%); } to { transform:translateX(205%); } }
@media(prefers-reduced-motion:reduce) { .studio-loading-mark span,.studio-loading-track i { animation:none; } .studio-loading-mark span { opacity:.85; } .studio-loading-track i { width:52%; } }
.studio-collections { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.studio #mini-player { left:246px!important; right:24px!important; bottom:18px!important; }
.studio #nav-container { display:none; }
.studio #mini-player>div { border-radius:18px; }
.studio #full-player .text-\[9px\] { font-size:12px; }
.studio button:focus-visible,.studio a:focus-visible,.studio select:focus-visible { outline:2px solid var(--or); outline-offset:4px; }
.studio-download-dialog { border:1px solid var(--bd2); background:var(--bg2); color:var(--tx); border-radius:20px; padding:28px; width:min(440px,calc(100% - 32px)); }
.studio-download-dialog::backdrop { background:#000a; backdrop-filter:blur(6px); }
.studio-download-dialog h2 { font-size:24px; font-weight:800; margin-bottom:12px; }
.studio-download-dialog p { font-size:15px; color:var(--tx3); margin:12px 0; }
.studio-download-dialog select { width:100%; margin:12px 0; }
.studio-download-dialog button { padding:12px 18px; margin:8px 8px 0 0; }
/* Theme-aware YouTube playback choice — replaces the legacy fixed neon skin. */
.studio #video-choice-modal { background:color-mix(in srgb,var(--tx) 68%,transparent)!important; backdrop-filter:blur(8px)!important; -webkit-backdrop-filter:blur(8px)!important; }
.studio #video-choice-modal>div { width:min(520px,calc(100vw - 32px))!important; max-width:520px!important; border-radius:var(--rlg,0)!important; }
.studio #video-choice-modal .video-choice-card { color:var(--tx)!important; background:var(--bg1)!important; border:2px solid var(--tx)!important; border-radius:var(--rlg,0)!important; box-shadow:10px 10px 0 color-mix(in srgb,var(--tx) 92%,transparent)!important; }
.studio #video-choice-modal .video-choice-header { padding:24px; border-bottom:2px solid var(--tx); }
.studio #video-choice-modal .video-choice-kicker { color:var(--or); font-size:12px; }
.studio #video-choice-modal .video-choice-kicker i { color:var(--or); }
.studio #video-choice-modal .video-choice-heading h3 { color:var(--tx); font-size:clamp(24px,5vw,34px); letter-spacing:-.045em; }
.studio #video-choice-modal .video-choice-heading p { color:var(--tx3); font-size:14px; }
.studio #video-choice-modal .video-choice-close { width:44px; height:44px; color:var(--tx); background:transparent; border:1px solid var(--tx); border-radius:var(--rsm,0); }
.studio #video-choice-modal .video-choice-close:hover,.studio #video-choice-modal .video-choice-close:focus-visible { color:var(--bg); background:var(--or); border-color:var(--or); transform:none; outline:2px solid var(--or); outline-offset:3px; }
.studio #video-choice-modal .video-choice-list { gap:0; padding:16px 24px; }
.studio #video-choice-modal .video-choice-option { min-height:82px; padding:14px 0; grid-template-columns:52px minmax(0,1fr) 20px; color:var(--tx); background:transparent; border:0; border-bottom:1px solid var(--bd2); border-radius:0; box-shadow:none; }
.studio #video-choice-modal .video-choice-option:last-child { border-bottom:0; }
.studio #video-choice-modal .video-choice-option:hover,.studio #video-choice-modal .video-choice-option:focus-visible { color:var(--tx); background:color-mix(in srgb,var(--or) 9%,transparent); transform:none; box-shadow:none; outline:2px solid var(--or); outline-offset:-2px; }
.studio #video-choice-modal .video-choice-icon { width:44px; height:44px; color:var(--or); background:color-mix(in srgb,var(--or) 10%,var(--bg1)); border:1px solid var(--or); border-radius:var(--rsm,0); box-shadow:none; }
.studio #video-choice-modal .video-choice-option-youtube .video-choice-icon { color:var(--or); background:color-mix(in srgb,var(--or) 10%,var(--bg1)); border-color:var(--or); }
.studio #video-choice-modal .video-choice-copy strong { color:var(--tx); font-size:16px; }
.studio #video-choice-modal .video-choice-copy small { color:var(--tx3); font-size:13px; }
.studio #video-choice-modal .video-choice-arrow { color:var(--tx3); }
.studio #video-choice-modal .video-choice-option:hover .video-choice-arrow,.studio #video-choice-modal .video-choice-option:focus-visible .video-choice-arrow { color:var(--or); }
.studio #video-choice-modal .video-choice-note { padding:14px 24px 22px; color:var(--tx3); font-size:12px; border-top:1px solid var(--bd2); }
.studio #video-choice-modal .video-choice-note i { color:var(--or); }
html[data-theme="swiss-international"] .studio #video-choice-modal>div,html[data-theme="swiss-international"] .studio #video-choice-modal .video-choice-card { border-radius:0!important; }
@media(max-width:480px) { .studio #video-choice-modal .video-choice-header { padding:20px; } .studio #video-choice-modal .video-choice-list { padding:10px 20px; } .studio #video-choice-modal .video-choice-note { padding:12px 20px 18px; } }
@media(min-width:1500px) { .studio #home-grid,.studio #home-scroll,.studio-collections { grid-template-columns:repeat(6,minmax(0,1fr)); } }
@media(max-width:1100px) { .studio #home-grid,.studio #home-scroll,.studio-collections { grid-template-columns:repeat(3,minmax(0,1fr)); } .studio #main-area { padding-inline:22px; } }
@media(max-height:850px) and (min-width:761px) {
 .studio-sidebar { padding-block:18px; gap:3px; }
 .studio-brand { padding-bottom:18px; }
 .studio-label { padding-top:14px; padding-bottom:6px; }
 .studio-sidebar button,.studio-sidebar>a:not(.studio-brand) { padding-block:10px; }
 .studio-sidebar footer { margin-top:10px; padding-top:10px; }
}
@media(max-width:760px) {
 .studio-sidebar { display:none; } .studio #main-area { margin-left:0; padding:0 16px 180px; }
 .studio #nav-container { display:block; } .studio #mini-player { left:12px!important; right:12px!important; bottom:calc(78px + env(safe-area-inset-bottom))!important; }
 .studio-toolbar { padding-top:18px; } .studio-toolbar-row { gap:10px; } .studio-toolbar #search-input { padding-right:68px; padding-left:40px; font-size:14px; }
 .studio-toolbar #search-form button { padding:8px 12px; } .studio-sources { gap:6px; }
 .studio-pill { padding:8px 12px; font-size:13px; } .studio-select { margin-left:0; max-width:100%; }
 .studio-intro h1 { font-size:34px; } .studio-intro { align-items:start; } .studio-intro p { font-size:14px; max-width:260px; }
 .studio-actions { flex-wrap:nowrap; overflow:auto; padding-bottom:5px; margin-bottom:20px; } .studio-actions button { flex-shrink:0; padding:11px 14px; }
 .studio #home-grid,.studio #home-scroll,.studio-collections { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .studio-card { padding:9px; border-radius:12px; } .studio-card h3 { font-size:15px; } .studio-card-actions { gap:5px; }
 .studio-row { grid-template-columns:42px minmax(80px,1fr); gap:12px; padding-inline:0; } .studio-row-actions { grid-column:2; flex-wrap:wrap; }
 .studio-row-actions button { padding:8px 11px; } .studio-row img { width:42px; height:42px; }
 .studio #full-player>div:nth-child(2) { grid-template-columns:auto 1fr auto; padding-inline:12px; }
 .studio #full-player>div:nth-child(2)>button:first-child::after { display:none; }
 .studio #full-player>div:nth-child(2)>button:first-child { width:40px!important; padding:0!important; }
 .studio #full-player>div:nth-child(2)>div:last-child { gap:4px; }
}

/* Non-Swiss themes can express their own material language. */
html:not([data-theme="swiss-international"]) .studio .studio-toolbar #search-input,
html:not([data-theme="swiss-international"]) .studio .studio-select,
html:not([data-theme="swiss-international"]) .studio .studio-pill,
html:not([data-theme="swiss-international"]) .studio .studio-actions button,
html:not([data-theme="swiss-international"]) .studio .studio-card,
html:not([data-theme="swiss-international"]) .studio .studio-row-actions button,
html:not([data-theme="swiss-international"]) .studio .lib-card,
html:not([data-theme="swiss-international"]) .studio .cb { border-radius:var(--rmd)!important; }
html:not([data-theme="swiss-international"]) .studio .studio-card { box-shadow:0 10px 28px #00000018!important; border:1px solid var(--bd2)!important; }
html:not([data-theme="swiss-international"]) .studio .studio-sidebar { background:var(--bg2); color:var(--tx); border-color:var(--bd2); }
html:not([data-theme="swiss-international"]) .studio .studio-sidebar button,
html:not([data-theme="swiss-international"]) .studio .studio-sidebar>a:not(.studio-brand) { color:var(--tx); border-radius:var(--rmd); border-top-color:var(--bd); }
html:not([data-theme="swiss-international"]) .studio .studio-sidebar button:hover,
html:not([data-theme="swiss-international"]) .studio .studio-sidebar button[aria-current=page] { background:var(--or); color:var(--bg); }
html[data-theme="glassmorphism"] .studio .studio-card,html[data-theme="glassmorphism"] .studio #mini-player>div { backdrop-filter:blur(18px)!important; background:#ffffff18!important; border:1px solid #ffffff55!important; }
html[data-theme="pop-art"] .studio .studio-card { border:3px solid var(--tx)!important; box-shadow:7px 7px 0 var(--pk)!important; }
html[data-theme="pixel-art"] .studio .studio-card,html[data-theme="cyberpunk"] .studio .studio-card { box-shadow:5px 5px 0 var(--or)!important; }
html[data-theme="clay-style"] .studio .studio-card { border:0!important; box-shadow:10px 10px 22px #8c796044,-10px -10px 22px #ffffff88!important; }
html[data-theme="maximalism"] .studio #main-area,html[data-theme="surreal-design"] .studio #main-area { background-image:radial-gradient(circle at 12% 18%,var(--orb1-color),transparent 34%),radial-gradient(circle at 88% 72%,var(--orb2-color),transparent 38%); }
html[data-theme="graffiti"] .studio #main-area { background-image:repeating-linear-gradient(-18deg,transparent 0 42px,#ffffff05 43px 45px); }
html[data-theme="editorial"] .studio-card h3,html[data-theme="victorian"] .studio-card h3 { font-family:Georgia,serif; }
html[data-theme="handwritten"] .studio-card h3 { font-family:"Comic Sans MS","Segoe Print",cursive; }
@media(prefers-reduced-motion:reduce) { .studio * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }