.player-artwork-button.svelte-no8mbd,.player-track-link.svelte-no8mbd{padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.player-track-title.svelte-no8mbd,.player-track-subtitle.svelte-no8mbd{text-align:left}.menu-surface.svelte-1hxr3cm{position:fixed;z-index:60}.menu-surface-nested.svelte-1hxr3cm{position:absolute;top:-.3rem;left:calc(100% + .2rem);z-index:1}.menu-entry-group.svelte-1hxr3cm{position:relative}.menu-item-chevron.svelte-1hxr3cm{min-width:1rem;color:var(--menu-popover-muted);font-size:1rem;text-align:right}.submenu-open.svelte-1hxr3cm,.menu-back-button.svelte-1hxr3cm:hover{background:var(--menu-popover-hover)}.playlist-header-main.svelte-1vescvd{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;width:100%}.playlist-header-main.svelte-1vescvd .panel-heading:where(.svelte-1vescvd){flex:1;min-width:0}.playlist-actions.svelte-1vescvd{display:inline-flex;align-items:center;gap:.7rem;margin-left:auto;flex-shrink:0;justify-content:flex-end;position:relative}.playlist-action-button.svelte-1vescvd,.playlist-add-files.svelte-1vescvd{display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;color:var(--muted);cursor:pointer;transition:color .18s ease,background-color .18s ease}.playlist-action-button.active.svelte-1vescvd,.playlist-action-button.svelte-1vescvd:hover,.playlist-add-files.svelte-1vescvd:hover{color:var(--accent-strong)}.playlist-action-button.svelte-1vescvd .material-symbols-outlined:where(.svelte-1vescvd),.playlist-add-files.svelte-1vescvd .material-symbols-outlined:where(.svelte-1vescvd){font-size:1.15rem;line-height:1}.playlist-search-inline.svelte-1vescvd{position:absolute;right:calc(100% + .45rem);top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;gap:.28rem;width:min(10.25rem,calc(100vw - 7rem));padding:0 .28rem 0 .48rem;border:1px solid var(--border-soft);background-color:var(--bg-search);box-shadow:var(--shadow);color:var(--muted);transition:color var(--artwork-ui-transition-duration, .28s) linear,background-color var(--artwork-ui-transition-duration, .28s) linear,border-color var(--artwork-ui-transition-duration, .28s) linear,box-shadow var(--artwork-ui-transition-duration, .28s) linear}.playlist-search-inline.svelte-1vescvd:focus-within{border-color:var(--accent-focus-border);color:var(--accent-strong)}.playlist-search-inline.svelte-1vescvd .material-symbols-outlined:where(.svelte-1vescvd){font-size:.92rem;line-height:1}.playlist-search-inline.svelte-1vescvd input:where(.svelte-1vescvd){width:100%;min-width:0;height:1.72rem;padding:0;color:var(--text);background:transparent;border:0;outline:none;font:inherit;font-size:.83rem}.playlist-search-inline.svelte-1vescvd input:where(.svelte-1vescvd)::-webkit-search-cancel-button{appearance:none}.playlist-search-inline.svelte-1vescvd input:where(.svelte-1vescvd)::placeholder{color:color-mix(in srgb,var(--muted) 82%,transparent)}.playlist-search-close.svelte-1vescvd{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;padding:0;color:inherit;background:transparent;transition:color .18s ease,background-color .18s ease}.playlist-search-close.svelte-1vescvd:hover{color:var(--accent-strong);background-color:var(--accent-strong-soft)}.playlist-search-close.svelte-1vescvd .material-symbols-outlined:where(.svelte-1vescvd){font-size:.9rem;line-height:1}@media(max-width:720px){.playlist-search-inline.svelte-1vescvd{top:calc(100% + .3rem);right:0;transform:none;width:min(10rem,calc(100vw - 3rem))}}.track-columns-header.svelte-ekqnkt{display:grid;grid-template-columns:var(--track-table-columns);column-gap:.75rem;width:100%;padding:0 0 .02rem}.track-column-header.svelte-ekqnkt{position:relative;min-width:0;border-bottom:1px solid var(--border-soft)}.track-column-header.drop-before.svelte-ekqnkt:before,.track-column-header.drop-after.svelte-ekqnkt:after{content:"";position:absolute;top:.35rem;bottom:.35rem;width:2px;background:var(--accent-strong);z-index:2}.track-column-header.drop-before.svelte-ekqnkt:before{left:-1px}.track-column-header.drop-after.svelte-ekqnkt:after{right:-1px}.track-column-sort-button.svelte-ekqnkt{width:100%;display:block;padding:.1rem 1rem .14rem 0;color:var(--muted);background:transparent;text-align:left;border:0;-webkit-user-select:none;user-select:none;transition:color var(--artwork-ui-transition-duration, .28s) linear}.track-column-sort-button.is-right-aligned.svelte-ekqnkt{text-align:right}.track-column-header.is-sorted.svelte-ekqnkt .track-column-sort-button:where(.svelte-ekqnkt),.track-column-sort-button.svelte-ekqnkt:hover{color:var(--text)}.track-column-sort-content.svelte-ekqnkt{display:inline-flex;align-items:center;gap:.35rem;min-width:0;max-width:100%}.track-column-sort-content.is-right-aligned.svelte-ekqnkt{justify-content:flex-end;width:100%}.track-column-label.svelte-ekqnkt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.track-column-sort-icon.svelte-ekqnkt{font-size:1rem;flex-shrink:0}.track-column-resizer.svelte-ekqnkt{position:absolute;top:0;right:-5px;width:10px;height:100%;padding:0;background:transparent;cursor:col-resize;z-index:3}.track-table-row-button.svelte-1fg9zvv{width:100%;display:grid;grid-template-columns:var(--track-table-columns);column-gap:.75rem;align-items:center;padding:.38rem 0;color:inherit;background:transparent;border:0;text-align:left;min-width:0}.track-table-cell.svelte-1fg9zvv{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-table-cell.is-right-aligned.svelte-1fg9zvv{text-align:right}.track-table-cell.is-duration.svelte-1fg9zvv{color:var(--muted)}li.svelte-1fg9zvv .track-table-row-button:where(.svelte-1fg9zvv):hover{background:var(--hover-subtle)}li.selected.svelte-1fg9zvv .track-table-row-button:where(.svelte-1fg9zvv){background:var(--selection-bg)}li.playing.svelte-1fg9zvv .track-table-row-button:where(.svelte-1fg9zvv){box-shadow:inset 3px 0 0 var(--accent-strong);font-weight:600}li.playing.svelte-1fg9zvv .track-table-row-button:where(.svelte-1fg9zvv) .track-table-cell.is-duration:where(.svelte-1fg9zvv){color:inherit}.track-table.svelte-1wy5qfj{width:100%;min-width:0;padding:0 .85rem .85rem;overflow-x:hidden}.track-table-body.svelte-1wy5qfj{width:100%}.playlist-context-menu.svelte-1wltt0s{position:fixed;z-index:60}.playlist-panel.fill-parent.svelte-16032h0{width:100%;min-width:0;height:100%}.playlist-panel-header.svelte-16032h0{display:flex;flex-direction:column;gap:.65rem}.playlist-filter-empty.svelte-16032h0{place-items:center;padding:1.2rem .9rem 1.35rem}.playlist-filter-empty.svelte-16032h0 p:where(.svelte-16032h0){margin:0}.details-panel.fill-parent.svelte-119gzbv{width:100%;min-width:0;height:100%}.panel-header.svelte-119gzbv{align-items:center}.details-close-button.svelte-119gzbv{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:.22rem;min-width:5.75rem;padding:0;line-height:1;color:var(--muted);background:transparent;transition:color .16s ease}.details-close-button.svelte-119gzbv:hover,.details-close-button.svelte-119gzbv:focus-visible{color:var(--text)}.details-close-button.svelte-119gzbv:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.details-close-label.svelte-119gzbv{overflow:hidden;max-width:0;opacity:0;white-space:nowrap;transition:max-width .16s ease,opacity .16s ease}.details-close-button.svelte-119gzbv:hover .details-close-label:where(.svelte-119gzbv),.details-close-button.svelte-119gzbv:focus-visible .details-close-label:where(.svelte-119gzbv){max-width:3.5rem;opacity:1}.details-close-icon.svelte-119gzbv{font-size:1.1rem}.details-content.svelte-119gzbv{display:grid;align-content:start;grid-auto-rows:max-content;flex:1;min-height:0;overflow:auto;padding:0 .9rem}.details-content.tabbed-layout.svelte-119gzbv,.empty-state.tabbed-layout.svelte-119gzbv{padding-bottom:calc(7rem + env(safe-area-inset-bottom,0px))}.detail-section.svelte-119gzbv{display:grid;gap:.35rem;padding:.95rem 0}.detail-section.svelte-119gzbv:first-child{padding-top:0}.detail-section.svelte-119gzbv+.detail-section:where(.svelte-119gzbv){border-top:1px solid var(--border-soft)}.track-copy.svelte-119gzbv{gap:.28rem}.track-artwork.svelte-119gzbv{width:min(100%,16rem);aspect-ratio:1;border-radius:var(--track-artwork-radius);overflow:hidden;background:linear-gradient(180deg,var(--hover-control),transparent 100%),var(--bg-soft);box-shadow:inset 0 0 0 1px var(--border-strong),0 0 0 1px #00000014;transition:background var(--artwork-ui-transition-duration, .28s) linear,box-shadow var(--artwork-ui-transition-duration, .28s) linear}.track-artwork-image.svelte-119gzbv{display:block;width:100%;height:100%;object-fit:cover}.section-heading.svelte-119gzbv{display:inline-flex;align-items:center;gap:.45rem;margin:0;font-size:.95rem;font-weight:700;line-height:1.2;color:var(--text)}.section-icon.svelte-119gzbv{font-size:1rem;color:var(--muted)}.track-title.svelte-119gzbv{margin:0;font-size:1.45rem;line-height:1.1;font-weight:700}.track-artist.svelte-119gzbv{margin:0;color:var(--muted);font-size:.98rem}.metadata-list.svelte-119gzbv{display:grid;gap:.6rem;margin:0}.metadata-row.svelte-119gzbv{display:grid;grid-template-columns:minmax(0,7rem) minmax(0,1fr);gap:.8rem;align-items:start}.metadata-row.svelte-119gzbv dt:where(.svelte-119gzbv),.metadata-row.svelte-119gzbv dd:where(.svelte-119gzbv){margin:0;min-width:0}.metadata-row.svelte-119gzbv dt:where(.svelte-119gzbv){color:var(--muted)}.metadata-row.svelte-119gzbv dd:where(.svelte-119gzbv){color:var(--text);text-align:left;overflow-wrap:anywhere}.format-section.svelte-119gzbv{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}.format-section.svelte-119gzbv .section-heading:where(.svelte-119gzbv){flex:0 0 auto}.format-value.svelte-119gzbv{margin:0;text-align:right;color:var(--text)}.format-detail.svelte-119gzbv{margin:0;text-align:right;color:var(--muted)}.format-copy.svelte-119gzbv{display:grid;justify-items:end;gap:.18rem}.pattern-value.svelte-119gzbv{margin:0;text-align:right;color:var(--text)}.notes-block.svelte-119gzbv{min-height:0}.notes-block.svelte-119gzbv pre:where(.svelte-119gzbv){margin:0;font:.9rem/1.5 IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;white-space:pre-wrap;word-break:break-word;color:var(--text)}:root{--window-frame-safe-top: 1px;--app-font-family: "Space Grotesk", "Segoe UI", sans-serif;--system-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif}:root,:root[data-theme=gruvbox]{color-scheme:dark;font-family:var(--app-font-family);--bg-base: #1d2021;--bg: #282828;--menu-bar-bg: #1c1d1e;--window-topbar-bg: #1c1d1e;--window-topbar-text: #ebdbb2;--window-topbar-text-strong: #fbf1c7;--window-topbar-muted: #bdae93;--window-topbar-hover-surface: rgba(235, 219, 178, .08);--window-topbar-hairline: rgba(255, 255, 255, .03);--bg-elevated: rgba(50, 48, 47, .94);--bg-strong: #3c3836;--bg-soft: #32302f;--bg-popover: rgba(40, 40, 40, .985);--menu-popover-bg: rgba(40, 40, 40, .985);--menu-popover-text: #ebdbb2;--menu-popover-muted: #bdae93;--menu-popover-border: rgba(168, 153, 132, .24);--menu-popover-hover: rgba(215, 153, 33, .16);--menu-popover-shadow: 0 18px 44px rgba(0, 0, 0, .34);--bg-tree: rgba(40, 40, 40, .96);--bg-card: rgba(60, 56, 54, .52);--bg-input: rgba(29, 32, 33, .92);--bg-search: rgba(40, 40, 40, .96);--bg-volume-popup: rgba(28, 29, 30, .82);--text: #ebdbb2;--text-strong: #fbf1c7;--muted: #bdae93;--muted-strong: #d5c4a1;--accent: #d79921;--accent-strong: #fabd2f;--accent-soft: rgba(215, 153, 33, .16);--accent-faint: rgba(215, 153, 33, .12);--accent-strong-soft: rgba(250, 189, 47, .08);--accent-strong-faint: rgba(250, 189, 47, .12);--accent-strong-hover: rgba(250, 189, 47, .18);--accent-strong-border: rgba(250, 189, 47, .26);--accent-strong-border-hover: rgba(250, 189, 47, .42);--accent-focus-border: rgba(250, 189, 47, .34);--accent-dashed-border: rgba(215, 153, 33, .24);--success-soft: rgba(152, 151, 26, .16);--danger: #fb4934;--border: rgba(168, 153, 132, .28);--border-strong: rgba(168, 153, 132, .24);--border-soft: rgba(168, 153, 132, .16);--border-faint: rgba(168, 153, 132, .14);--border-subtle: rgba(168, 153, 132, .12);--border-covered: rgba(168, 153, 132, .1);--menu-bar-border: rgba(168, 153, 132, .22);--hover-surface: rgba(235, 219, 178, .08);--hover-subtle: rgba(235, 219, 178, .04);--hover-control: rgba(235, 219, 178, .06);--hover-ghost: rgba(235, 219, 178, .02);--tree-hover: rgba(146, 131, 116, .16);--selection-bg: rgba(215, 153, 33, .12);--selection-strong: rgba(215, 153, 33, .2);--resizer-track: rgba(168, 153, 132, .2);--resizer-handle: rgba(235, 219, 178, .26);--shadow: 0 18px 44px rgba(0, 0, 0, .34);--hairline: rgba(255, 255, 255, .03);--body-background: radial-gradient(circle at top left, rgba(184, 187, 38, .1), transparent 24%), radial-gradient(circle at top right, rgba(250, 189, 47, .08), transparent 22%), linear-gradient(180deg, #282828 0%, #1d2021 100%);--options-body-background: radial-gradient(circle at top left, rgba(184, 187, 38, .12), transparent 24%), radial-gradient(circle at top right, rgba(250, 189, 47, .08), transparent 22%), linear-gradient(180deg, #282828 0%, #1d2021 100%);--playlist-header-background: linear-gradient(180deg, rgba(50, 48, 47, .76) 0%, rgba(50, 48, 47, .68) 100%), rgba(28, 29, 30, .22);--playlist-header-shadow-gradient: linear-gradient(180deg, rgba(26, 27, 28, .28), rgba(26, 27, 28, 0));--player-bar-fade: linear-gradient(180deg, rgba(26, 27, 28, 0), rgba(26, 27, 28, .28));--resizer-line-gradient: linear-gradient(180deg, transparent 0%, rgba(168, 153, 132, .3) 14%, rgba(168, 153, 132, .3) 86%, transparent 100%);--resizer-line-gradient-active: linear-gradient(180deg, transparent 0%, rgba(250, 189, 47, .6) 14%, rgba(250, 189, 47, .6) 86%, transparent 100%);--resizer-line-glow: rgba(250, 189, 47, .08);--dropzone-background: linear-gradient(180deg, rgba(235, 219, 178, .02), transparent 18%)}:root[data-system-font=true]{--app-font-family: var(--system-font-family)}:root[data-theme=dracula]{--bg-base: #171922;--bg: #282a36;--menu-bar-bg: #1f2029;--window-topbar-bg: #1f2029;--window-topbar-text: #f8f8f2;--window-topbar-text-strong: #ffffff;--window-topbar-muted: #b7bdd6;--window-topbar-hover-surface: rgba(248, 248, 242, .08);--window-topbar-hairline: rgba(255, 255, 255, .04);--bg-elevated: rgba(54, 57, 73, .94);--bg-strong: #44475a;--bg-soft: #343746;--bg-popover: rgba(40, 42, 54, .985);--menu-popover-bg: rgba(40, 42, 54, .985);--menu-popover-text: #f8f8f2;--menu-popover-muted: #b7bdd6;--menu-popover-border: rgba(189, 147, 249, .24);--menu-popover-hover: rgba(189, 147, 249, .16);--menu-popover-shadow: 0 18px 44px rgba(8, 9, 14, .42);--bg-tree: rgba(40, 42, 54, .96);--bg-card: rgba(68, 71, 90, .56);--bg-input: rgba(33, 34, 44, .92);--bg-search: rgba(40, 42, 54, .96);--bg-volume-popup: rgba(31, 32, 41, .84);--text: #f8f8f2;--text-strong: #ffffff;--muted: #b7bdd6;--muted-strong: #d8dcf0;--accent: #bd93f9;--accent-strong: #ff79c6;--accent-soft: rgba(189, 147, 249, .16);--accent-faint: rgba(189, 147, 249, .12);--accent-strong-soft: rgba(255, 121, 198, .08);--accent-strong-faint: rgba(255, 121, 198, .12);--accent-strong-hover: rgba(255, 121, 198, .2);--accent-strong-border: rgba(255, 121, 198, .28);--accent-strong-border-hover: rgba(255, 121, 198, .44);--accent-focus-border: rgba(255, 121, 198, .34);--accent-dashed-border: rgba(189, 147, 249, .24);--success-soft: rgba(80, 250, 123, .16);--danger: #ff5555;--border: rgba(189, 147, 249, .28);--border-strong: rgba(189, 147, 249, .24);--border-soft: rgba(189, 147, 249, .16);--border-faint: rgba(189, 147, 249, .14);--border-subtle: rgba(189, 147, 249, .12);--border-covered: rgba(189, 147, 249, .1);--menu-bar-border: rgba(189, 147, 249, .22);--hover-surface: rgba(248, 248, 242, .08);--hover-subtle: rgba(248, 248, 242, .05);--hover-control: rgba(248, 248, 242, .07);--hover-ghost: rgba(248, 248, 242, .025);--tree-hover: rgba(98, 114, 164, .24);--selection-bg: rgba(189, 147, 249, .14);--selection-strong: rgba(189, 147, 249, .22);--resizer-track: rgba(98, 114, 164, .24);--resizer-handle: rgba(248, 248, 242, .24);--shadow: 0 18px 44px rgba(8, 9, 14, .42);--hairline: rgba(255, 255, 255, .04);--body-background: radial-gradient(circle at top left, rgba(139, 233, 253, .12), transparent 24%), radial-gradient(circle at top right, rgba(255, 121, 198, .12), transparent 24%), linear-gradient(180deg, #2b2d39 0%, #171922 100%);--options-body-background: radial-gradient(circle at top left, rgba(139, 233, 253, .14), transparent 24%), radial-gradient(circle at top right, rgba(255, 121, 198, .12), transparent 24%), linear-gradient(180deg, #2b2d39 0%, #171922 100%);--playlist-header-background: linear-gradient(180deg, rgba(68, 71, 90, .78) 0%, rgba(68, 71, 90, .68) 100%), rgba(31, 32, 41, .24);--playlist-header-shadow-gradient: linear-gradient(180deg, rgba(15, 16, 22, .3), rgba(15, 16, 22, 0));--player-bar-fade: linear-gradient(180deg, rgba(15, 16, 22, 0), rgba(15, 16, 22, .3));--resizer-line-gradient: linear-gradient(180deg, transparent 0%, rgba(98, 114, 164, .34) 14%, rgba(98, 114, 164, .34) 86%, transparent 100%);--resizer-line-gradient-active: linear-gradient(180deg, transparent 0%, rgba(255, 121, 198, .62) 14%, rgba(255, 121, 198, .62) 86%, transparent 100%);--resizer-line-glow: rgba(255, 121, 198, .1);--dropzone-background: linear-gradient(180deg, rgba(248, 248, 242, .025), transparent 18%)}:root{--player-bar-reserve: calc(6.5rem + env(safe-area-inset-bottom, 0px)) ;--player-bar-reserve-tabbed: calc(4.8rem + env(safe-area-inset-bottom, 0px)) ;--track-artwork-radius: .25rem;--artwork-background-transition-duration: .32s;--artwork-ui-transition-duration: .28s;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}button,a,input,select,textarea,[role=button]{-webkit-tap-highlight-color:transparent}:focus:not(:focus-visible){outline:none}html,body,#app{margin:0;height:100%;min-height:100%}body{min-height:100vh;background-color:var(--body-background);color:var(--text);overflow:hidden;-webkit-user-select:none;user-select:none}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button{border:0}.menu-bar,.menu-trigger,.compact-menu-trigger strong,.compact-menu-chevron,.menu-list,.menu-list button,.menu-item-shortcut,.menu-item-icon,.menu-separator,.menu-brand,.menu-brand strong,.menu-brand span,.workspace-tabs,.workspace-tab,.workspace-tab-close-button,.panel,.error-banner,.panel-summary,.eyebrow,.dropzone,.canvas-placeholder,.empty-state,.track-list li+li,.track-row,.track-meta,.player-bar,.player-track span,.volume-label,.details-close-button,.detail-section+.detail-section,.section-heading,.section-icon,.track-artist,.metadata-row dt,.metadata-row dd,.format-value,.format-detail,.pattern-value,.notes-block pre,.track-column-header,.track-column-sort-button{transition:color var(--artwork-ui-transition-duration) linear,background-color var(--artwork-ui-transition-duration) linear,border-color var(--artwork-ui-transition-duration) linear,box-shadow var(--artwork-ui-transition-duration) linear,opacity var(--artwork-ui-transition-duration) linear}.app-shell{display:grid;position:relative;height:100dvh;min-height:100vh;grid-template-rows:auto minmax(0,1fr) auto auto;gap:.75rem;padding:0;padding-bottom:var(--player-bar-reserve);color:var(--text);overflow:hidden;isolation:isolate}.app-shell.window-controls-overlay-active{padding-top:var(--window-frame-safe-top)}.app-shell.tabbed-layout{padding-bottom:var(--player-bar-reserve-tabbed)}.app-shell.compact-shell{gap:0}.app-shell-background-layer,.app-shell-background-overlay{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity var(--artwork-background-transition-duration) linear;z-index:0}.app-shell-background-layer{background-image:var(--artwork-background-image, none);background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(72px) saturate(1.22);transform:scale(1.16)}.app-shell-background-overlay{background:var(--artwork-background-overlay, transparent)}.app-shell-background-layer.is-active,.app-shell-background-overlay.is-active{opacity:1}.app-shell>:not(.app-shell-background-layer):not(.app-shell-background-overlay){z-index:1}.window-frame-safe-strip{position:absolute;inset:0 0 auto;height:0;pointer-events:none;z-index:45;background:var(--window-topbar-bg)}.app-shell.window-controls-overlay-active .window-frame-safe-strip{height:var(--window-frame-safe-top)}.app-shell.artwork-background-active{color-scheme:dark;--panel-backdrop-blur: 28px;--panel-backdrop-saturate: 1.18;--chrome-backdrop-blur: 28px;--chrome-backdrop-saturate: 1.16;--menu-bar-bg: rgba(17, 18, 24, .42);--menu-popover-bg: rgba(18, 19, 24, .86);--menu-popover-text: rgba(248, 246, 241, .96);--menu-popover-muted: rgba(248, 246, 241, .72);--menu-popover-border: rgba(255, 255, 255, .16);--menu-popover-hover: rgba(255, 255, 255, .08);--menu-popover-shadow: 0 24px 60px rgba(0, 0, 0, .28);--bg-elevated: rgba(18, 19, 24, .44);--bg-soft: rgba(18, 19, 24, .5);--bg-popover: rgba(18, 19, 24, .8);--bg-tree: rgba(18, 19, 24, .68);--bg-search: rgba(18, 19, 24, .72);--bg-volume-popup: rgba(16, 17, 22, .76);--playlist-header-background: linear-gradient(180deg, rgba(18, 19, 24, .58) 0%, rgba(18, 19, 24, .44) 100%), rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .16);--border-strong: rgba(255, 255, 255, .18);--border-soft: rgba(255, 255, 255, .12);--border-faint: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .08);--border-covered: rgba(255, 255, 255, .08);--menu-bar-border: rgba(255, 255, 255, .14);--hover-surface: rgba(255, 255, 255, .1);--hover-subtle: rgba(255, 255, 255, .05);--hover-control: rgba(255, 255, 255, .08);--hover-ghost: rgba(255, 255, 255, .03);--tree-hover: rgba(255, 255, 255, .08);--selection-bg: color-mix(in srgb, var(--accent-strong) 14%, transparent);--resizer-track: rgba(255, 255, 255, .14);--resizer-handle: rgba(255, 255, 255, .28);--resizer-line-gradient: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, .24) 14%, rgba(255, 255, 255, .24) 86%, transparent 100%);--resizer-line-gradient-active: linear-gradient( 180deg, transparent 0%, color-mix(in srgb, var(--accent-strong) 70%, transparent) 14%, color-mix(in srgb, var(--accent-strong) 70%, transparent) 86%, transparent 100% );--resizer-line-glow: color-mix(in srgb, var(--accent-strong) 24%, transparent);--dropzone-background: linear-gradient(180deg, rgba(255, 255, 255, .045), transparent 18%);--player-bar-fade: linear-gradient(180deg, rgba(5, 6, 10, 0), rgba(5, 6, 10, .26));--shadow: 0 20px 54px rgba(0, 0, 0, .26);--artwork-background-overlay: radial-gradient(circle at top, rgba(255, 255, 255, .08), transparent 36%), linear-gradient(180deg, rgba(10, 11, 16, .52) 0%, rgba(10, 11, 16, .34) 38%, rgba(10, 11, 16, .56) 100%)}.app-shell.artwork-background-active.artwork-background-bright{color-scheme:light;--menu-bar-bg: rgba(252, 248, 240, .46);--menu-popover-bg: rgba(255, 250, 243, .96);--menu-popover-text: #241b12;--menu-popover-muted: rgba(36, 27, 18, .72);--menu-popover-border: rgba(52, 39, 25, .16);--menu-popover-hover: rgba(52, 39, 25, .08);--menu-popover-shadow: 0 20px 50px rgba(57, 41, 25, .14);--bg-elevated: rgba(255, 250, 242, .48);--bg-soft: rgba(255, 250, 242, .58);--bg-popover: rgba(255, 250, 243, .88);--bg-tree: rgba(255, 250, 243, .8);--bg-search: rgba(255, 252, 246, .82);--bg-volume-popup: rgba(255, 250, 242, .84);--playlist-header-background: linear-gradient(180deg, rgba(255, 250, 244, .7) 0%, rgba(255, 250, 244, .54) 100%), rgba(74, 56, 34, .03);--text: #241b12;--text-strong: #130d08;--muted: rgba(36, 27, 18, .76);--muted-strong: rgba(36, 27, 18, .92);--border: rgba(52, 39, 25, .18);--border-strong: rgba(52, 39, 25, .22);--border-soft: rgba(52, 39, 25, .12);--border-faint: rgba(52, 39, 25, .09);--border-subtle: rgba(52, 39, 25, .08);--border-covered: rgba(52, 39, 25, .08);--menu-bar-border: rgba(52, 39, 25, .14);--hover-surface: rgba(52, 39, 25, .08);--hover-subtle: rgba(52, 39, 25, .04);--hover-control: rgba(52, 39, 25, .09);--hover-ghost: rgba(52, 39, 25, .025);--tree-hover: rgba(52, 39, 25, .07);--selection-bg: color-mix(in srgb, var(--accent-strong) 18%, rgba(255, 255, 255, .1));--resizer-track: rgba(52, 39, 25, .14);--resizer-handle: rgba(52, 39, 25, .26);--resizer-line-gradient: linear-gradient(180deg, transparent 0%, rgba(52, 39, 25, .2) 14%, rgba(52, 39, 25, .2) 86%, transparent 100%);--resizer-line-glow: rgba(52, 39, 25, .08);--dropzone-background: linear-gradient(180deg, rgba(255, 255, 255, .18), transparent 18%);--player-bar-fade: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 250, 242, .28));--shadow: 0 20px 54px rgba(57, 41, 25, .12);--hairline: rgba(34, 20, 8, .08);--artwork-background-overlay: radial-gradient(circle at top, rgba(255, 255, 255, .2), transparent 36%), linear-gradient(180deg, rgba(255, 249, 240, .42) 0%, rgba(255, 249, 240, .22) 42%, rgba(255, 249, 240, .5) 100%)}.app-shell.window-controls-overlay-active .app-shell-background-layer,.app-shell.window-controls-overlay-active .app-shell-background-overlay{clip-path:inset(var(--window-frame-safe-top) 0 0 0)}body.artwork-background-active{--menu-popover-bg: rgba(18, 19, 24, .86);--menu-popover-text: rgba(248, 246, 241, .96);--menu-popover-muted: rgba(248, 246, 241, .72);--menu-popover-border: rgba(255, 255, 255, .16);--menu-popover-hover: rgba(255, 255, 255, .08);--menu-popover-shadow: 0 24px 60px rgba(0, 0, 0, .28)}body.artwork-background-active.artwork-background-bright{--menu-popover-bg: rgba(255, 250, 243, .96);--menu-popover-text: #241b12;--menu-popover-muted: rgba(36, 27, 18, .72);--menu-popover-border: rgba(52, 39, 25, .16);--menu-popover-hover: rgba(52, 39, 25, .08);--menu-popover-shadow: 0 20px 50px rgba(57, 41, 25, .14)}.menu-bar{display:flex;align-items:center;justify-content:flex-start;gap:1rem;width:100%;min-height:1.9rem;padding:max(env(safe-area-inset-top,0px),0px) .65rem 0;background-color:var(--menu-bar-bg);-webkit-backdrop-filter:blur(var(--chrome-backdrop-blur, 16px)) saturate(var(--chrome-backdrop-saturate, 1));backdrop-filter:blur(var(--chrome-backdrop-blur, 16px)) saturate(var(--chrome-backdrop-saturate, 1));box-shadow:0 1px 0 var(--hairline);position:sticky;top:0;z-index:40}.menu-bar-compact{gap:.35rem;min-height:1.7rem;padding-inline:.35rem}.menu-bar.window-controls-overlay-active{--text: var(--window-topbar-text);--text-strong: var(--window-topbar-text-strong);--muted: var(--window-topbar-muted);--hover-surface: var(--window-topbar-hover-surface);--hairline: var(--window-topbar-hairline);min-height:max(1.9rem,calc(var(--window-controls-overlay-height, env(titlebar-area-height, 1.9rem)) - var(--window-frame-safe-top)));padding-top:max(calc(var(--window-controls-overlay-y, env(titlebar-area-y, 0px)) - var(--window-frame-safe-top)),0px);padding-left:max(.65rem,var(--window-controls-overlay-x, env(titlebar-area-x, 0px)));padding-right:max(.65rem,calc(100vw - var(--window-controls-overlay-x, env(titlebar-area-x, 0px)) - var(--window-controls-overlay-width, env(titlebar-area-width, 100vw))));background-color:var(--window-topbar-bg);color:var(--window-topbar-text);backdrop-filter:none;-webkit-backdrop-filter:none;-webkit-app-region:drag}.menu-bar.window-controls-overlay-active.menu-bar-compact{min-height:max(1.55rem,calc(var(--window-controls-overlay-height, env(titlebar-area-height, 1.55rem)) - var(--window-frame-safe-top)));padding-left:max(.3rem,var(--window-controls-overlay-x, env(titlebar-area-x, 0px)));padding-right:max(.3rem,calc(100vw - var(--window-controls-overlay-x, env(titlebar-area-x, 0px)) - var(--window-controls-overlay-width, env(titlebar-area-width, 100vw))))}.app-shell.window-chrome-transition-bypass .menu-bar,.app-shell.window-chrome-transition-bypass .menu-trigger,.app-shell.window-chrome-transition-bypass .compact-menu-trigger strong,.app-shell.window-chrome-transition-bypass .compact-menu-chevron,.app-shell.window-chrome-transition-bypass .menu-brand,.app-shell.window-chrome-transition-bypass .menu-brand strong,.app-shell.window-chrome-transition-bypass .menu-brand span,.app-shell.window-chrome-transition-bypass .workspace-tabs,.app-shell.window-chrome-transition-bypass .workspace-tab,.app-shell.window-chrome-transition-bypass .workspace-tab-close-button{transition:none!important}.menu-groups{display:flex;align-items:center;gap:.15rem}.menu-root{position:relative;-webkit-app-region:no-drag}.menu-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:1.9rem;padding:.35rem .6rem;border-radius:.4rem;border:0;background:transparent;color:var(--text);-webkit-user-select:none;user-select:none;font-size:.92rem;line-height:1.1;-webkit-app-region:no-drag}.menu-trigger.active,.menu-trigger:hover{background-color:var(--hover-surface)}.compact-menu-trigger{gap:.2rem;min-height:1.55rem;padding:.12rem .38rem .12rem .46rem;border-radius:999px;font-size:.84rem;letter-spacing:.02em}.compact-menu-trigger strong{color:var(--text-strong);font-size:.84rem;letter-spacing:.05em;text-transform:lowercase}.compact-menu-chevron{font-size:.95rem;color:var(--muted)}.menu-list{position:absolute;top:calc(100% + .35rem);left:0;width:max-content;min-width:12rem;max-width:calc(100vw - 1rem);padding:.25rem;background-color:var(--menu-popover-bg);border:1px solid var(--menu-popover-border);border-radius:.5rem;box-shadow:var(--menu-popover-shadow);z-index:30;-webkit-app-region:no-drag}.menu-list button{width:100%;display:flex;align-items:center;gap:.55rem;padding:.45rem .55rem;background:transparent;border-radius:.5rem;color:var(--menu-popover-text);text-align:left;white-space:nowrap;-webkit-app-region:no-drag}.menu-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item-shortcut{min-width:4rem;color:var(--menu-popover-muted);font-size:.8rem;letter-spacing:.02em;text-align:right}.menu-item-icon{font-size:1rem;color:var(--menu-popover-muted)}.menu-list button:hover{background-color:var(--menu-popover-hover)}.menu-list button:disabled{color:var(--menu-popover-muted);cursor:default}.menu-list button:disabled .menu-item-icon{color:inherit}.menu-list button:disabled:hover{background:transparent}.menu-separator{height:1px;margin:.25rem 0;background-color:var(--menu-popover-border)}.menu-brand{display:inline-flex;align-items:baseline;margin-left:auto;gap:.45rem;padding:.2rem .35rem;white-space:nowrap;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-app-region:no-drag}.menu-brand:hover{background-color:var(--hover-surface)}.menu-brand:focus-visible{outline:2px solid var(--accent-strong);outline-offset:1px}.menu-brand-hidden{position:absolute;visibility:hidden;pointer-events:none}.menu-brand strong{color:var(--accent-strong);font-size:.98rem;letter-spacing:.04em}.menu-brand span{color:var(--muted);font-size:.84rem}.workspace{display:grid;grid-template-columns:minmax(18rem,1.1fr) minmax(0,1.5fr) minmax(18rem,1fr);gap:.75rem;min-height:0;padding:0 .75rem;overflow:hidden}.app-shell.compact-shell .workspace{gap:0;padding:0}.workspace-resizable{display:flex;gap:0}.workspace-panel{display:flex;flex:0 0 auto;min-width:0;min-height:0;overflow:hidden}.workspace-panel>:global(*){flex:1;width:100%;min-width:0;max-width:100%;min-height:0;height:100%}.workspace-resizer{position:relative;display:flex;align-items:stretch;justify-content:center;min-height:0;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none}.workspace-resizable.is-resizing,.workspace-resizable.is-resizing *{cursor:col-resize}.workspace-resizer:before{content:"";width:1px;margin-block:.4rem;background:var(--resizer-line-gradient);transition:background .18s ease,box-shadow .18s ease}.app-shell.compact-shell .workspace-resizer:before{margin-block:0}.workspace-resizer:hover:before,.workspace-resizable.is-resizing .workspace-resizer:before{background:var(--resizer-line-gradient-active);box-shadow:0 0 0 1px var(--resizer-line-glow)}.workspace-resizer-handle{position:absolute;width:100%;height:100%}.workspace-tabs-layout{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}.workspace-tabs{--workspace-tab-text: var(--text);--workspace-tab-muted: var(--muted);display:flex;align-items:center;gap:.1rem;position:sticky;top:0;z-index:10;padding:0 .75rem;color:var(--workspace-tab-text);background-color:var(--menu-bar-bg);backdrop-filter:blur(var(--chrome-backdrop-blur, 16px)) saturate(var(--chrome-backdrop-saturate, 1));-webkit-backdrop-filter:blur(var(--chrome-backdrop-blur, 16px)) saturate(var(--chrome-backdrop-saturate, 1));box-shadow:0 1px 0 var(--hairline);border-bottom:1px solid var(--border-soft);isolation:isolate}.app-shell.window-controls-overlay-active .workspace-tabs{--workspace-tab-text: var(--window-topbar-text);--workspace-tab-muted: var(--window-topbar-muted);background-color:var(--window-topbar-bg);box-shadow:0 1px 0 var(--window-topbar-hairline);border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.app-shell.compact-shell .workspace-tabs{padding:0}.workspace-tab{display:inline-flex;align-items:center;gap:.38rem;padding:.3rem .45rem .5rem;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--workspace-tab-muted);line-height:1;transition:background .18s ease,border-bottom-color .18s ease,color .18s ease}.workspace-tab-shell{position:relative;display:inline-flex;align-items:center}.workspace-tab-shell.has-close .workspace-tab{padding-right:1.55rem}.workspace-tab:hover{color:var(--workspace-tab-text)}.workspace-tab.active{border-bottom-color:var(--accent-strong);color:var(--workspace-tab-text)}.workspace-tab .material-symbols-outlined{font-size:1rem}.workspace-tab-label{white-space:nowrap}.workspace-tab-close-slot{position:absolute;top:50%;right:.45rem;transform:translateY(-56%);display:inline-flex;align-items:center;justify-content:center;width:1rem;pointer-events:none}.workspace-tab-close-button{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;color:var(--workspace-tab-muted);background:transparent;opacity:0;pointer-events:none;transition:opacity .16s ease,color .16s ease}.workspace-tab-shell:hover .workspace-tab-close-button,.workspace-tab-shell:focus-within .workspace-tab-close-button{opacity:1;pointer-events:auto}.workspace-tab-close-button:hover,.workspace-tab-close-button:focus-visible{color:var(--workspace-tab-text)}.workspace-tab-close-button .material-symbols-outlined{font-size:.95rem}.workspace-tab-panel{flex:1;min-height:0;overflow:hidden}.workspace-tab-panel>.panel{height:100%}.workspace-tabs-layout .panel{border:0;border-radius:0;box-shadow:none}.workspace-tabs-layout .canvas-placeholder,.workspace-tabs-layout .empty-state{padding-bottom:calc(7rem + env(safe-area-inset-bottom,0px))}@media(max-width:349px){.workspace-tab{justify-content:center;padding-inline:.4rem}.workspace-tab-label{display:none}}.panel,.player-bar,.error-banner{background-color:var(--bg-elevated);-webkit-backdrop-filter:blur(var(--panel-backdrop-blur, 12px)) saturate(var(--panel-backdrop-saturate, 1));backdrop-filter:blur(var(--panel-backdrop-blur, 12px)) saturate(var(--panel-backdrop-saturate, 1));border:1px solid var(--border);border-radius:.5rem;box-shadow:var(--shadow)}.app-shell.compact-shell .panel,.app-shell.compact-shell .player-bar,.app-shell.compact-shell .error-banner{border-radius:0;box-shadow:none}.panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.playlist-panel{position:relative}.panel-header{display:flex;justify-content:space-between;align-items:start;gap:.75rem;padding:.85rem .85rem 0}.panel-heading{min-width:0}.eyebrow{margin:0 0 .18rem;color:var(--accent);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.panel-summary{margin:0;color:var(--muted);font-size:.82rem}.dropzone,.canvas-placeholder{flex:1;margin:.85rem;border:1px dashed var(--accent-dashed-border);border-radius:.75rem;min-height:0}.dropzone{position:relative;overflow:auto}.playlist-dropzone{margin:0;border:0;border-radius:0;background:var(--dropzone-background)}.playlist-panel-header{position:sticky;top:0;z-index:10;padding:.72rem .85rem .58rem;background:var(--playlist-header-background);backdrop-filter:blur(calc(var(--chrome-backdrop-blur, 22px) - 2px)) saturate(var(--chrome-backdrop-saturate, 1.08));-webkit-backdrop-filter:blur(calc(var(--chrome-backdrop-blur, 22px) - 2px)) saturate(var(--chrome-backdrop-saturate, 1.08));transition:background var(--artwork-ui-transition-duration) linear,box-shadow var(--artwork-ui-transition-duration) linear,border-color var(--artwork-ui-transition-duration) linear}.playlist-panel-header:after{content:"";position:absolute;left:0;right:0;top:100%;height:1.35rem;pointer-events:none;opacity:0;background:var(--playlist-header-shadow-gradient);transition:opacity .18s ease}.playlist-panel-header.is-covered{box-shadow:0 1px 0 var(--border-covered)}.playlist-panel-header.is-covered:after{opacity:1}.canvas-placeholder{overflow:auto}.empty-state,.canvas-placeholder{display:grid;place-items:center;text-align:center;color:var(--muted);padding:1rem}.align-start{place-items:start;text-align:left}.track-list{list-style:none;margin:0;padding:0 0 .85rem}.track-list li+li{border-top:1px solid var(--border-subtle)}.track-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.75rem;text-align:left;padding:.5rem .85rem .5rem .65rem;color:inherit;background:transparent;border:0;border-left:3px solid transparent;min-width:0}.track-row:hover{background-color:var(--hover-subtle)}.track-list li.selected .track-row{background-color:var(--selection-bg)}.track-list li.playing .track-row{border-left-color:var(--accent-strong);font-weight:600}.track-name{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;min-width:max-content;color:var(--muted);font-size:.84rem;white-space:nowrap}.playlist-context-menu{position:absolute}.add-files{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background-color:var(--accent-strong-faint);transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.add-files:hover{background-color:var(--accent-strong-hover);border-color:var(--accent-strong-border-hover);transform:translateY(-1px)}.add-files input{display:none}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;padding:.9rem}.details-grid dt{margin-bottom:.18rem;color:var(--muted);font-size:.78rem}.details-grid dd{margin:0}.details-span{grid-column:1 / -1}.player-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"track actions" "range volume";align-items:center;column-gap:0;row-gap:.3rem;padding:.45rem .65rem calc(.45rem + env(safe-area-inset-bottom,0px));position:fixed;left:0;right:0;bottom:0;z-index:20;max-height:9rem;border-radius:0;border-left:0;border-right:0;border-bottom:0;background-color:var(--menu-bar-bg);color:var(--text);-webkit-backdrop-filter:blur(var(--player-bar-backdrop-blur, var(--chrome-backdrop-blur, 16px))) saturate(var(--player-bar-backdrop-saturate, var(--chrome-backdrop-saturate, 1)));backdrop-filter:blur(var(--player-bar-backdrop-blur, var(--chrome-backdrop-blur, 16px))) saturate(var(--player-bar-backdrop-saturate, var(--chrome-backdrop-saturate, 1)));box-shadow:0 -1px 0 var(--hairline);overflow:hidden;isolation:isolate}.player-bar.artwork-background-active{color-scheme:dark;--player-bar-backdrop-blur: 28px;--player-bar-backdrop-saturate: 1.16;--menu-bar-bg: rgba(17, 18, 24, .42);--text: rgba(248, 246, 241, .96);--text-strong: rgba(255, 255, 255, .98);--muted: rgba(248, 246, 241, .72);--bg-soft: rgba(18, 19, 24, .5);--bg-volume-popup: rgba(16, 17, 22, .76);--border-strong: rgba(255, 255, 255, .18);--hover-control: rgba(255, 255, 255, .08);--player-bar-fade: linear-gradient(180deg, rgba(5, 6, 10, 0), rgba(5, 6, 10, .26));--hairline: rgba(255, 255, 255, .08);--player-bar-artwork-overlay: radial-gradient(circle at top, rgba(255, 255, 255, .08), transparent 36%), linear-gradient(180deg, rgba(10, 11, 16, .52) 0%, rgba(10, 11, 16, .34) 38%, rgba(10, 11, 16, .56) 100%)}.player-bar.artwork-background-active.artwork-background-bright{color-scheme:light;--menu-bar-bg: rgba(252, 248, 240, .46);--bg-soft: rgba(255, 250, 242, .58);--bg-volume-popup: rgba(255, 250, 242, .84);--text: #241b12;--text-strong: #130d08;--muted: rgba(36, 27, 18, .76);--border-strong: rgba(52, 39, 25, .22);--hover-control: rgba(52, 39, 25, .09);--player-bar-fade: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 250, 242, .28));--hairline: rgba(34, 20, 8, .08);--player-bar-artwork-overlay: radial-gradient(circle at top, rgba(255, 255, 255, .2), transparent 36%), linear-gradient(180deg, rgba(255, 249, 240, .42) 0%, rgba(255, 249, 240, .22) 42%, rgba(255, 249, 240, .5) 100%)}.player-bar:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:1.35rem;pointer-events:none;background:var(--player-bar-fade);z-index:1}.player-bar-background-layer,.player-bar-background-overlay{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity var(--artwork-background-transition-duration) linear;z-index:0}.player-bar-background-layer{background-image:var(--player-bar-artwork-image, none);background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(52px) saturate(1.22);transform:scale(1.12)}.player-bar-background-overlay{background:var(--player-bar-artwork-overlay, transparent)}.player-bar-background-layer.is-active,.player-bar-background-overlay.is-active{opacity:1}.player-bar>:not(.player-bar-background-layer):not(.player-bar-background-overlay){position:relative;z-index:2}.player-track-group{grid-area:track;display:flex;align-items:center;gap:.7rem;min-width:0}.player-track{display:grid;gap:.22rem;min-width:0;flex:1}.player-track>*{min-width:0}.player-track-link{justify-self:start;max-width:100%}.player-artwork{flex:0 0 auto;width:3.4rem;height:3.4rem;border-radius:var(--track-artwork-radius);overflow:hidden;background:linear-gradient(180deg,var(--hover-control),transparent 100%),var(--bg-soft);box-shadow:inset 0 0 0 1px var(--border-strong),0 0 0 1px #00000014;transition:background var(--artwork-ui-transition-duration) linear,box-shadow var(--artwork-ui-transition-duration) linear}.player-artwork-image,.player-artwork-placeholder{display:block;width:100%;height:100%}.player-artwork-image{object-fit:contain}.player-artwork-placeholder{background:color-mix(in srgb,var(--muted) 72%,transparent);opacity:.5;-webkit-mask:url(/icons/izci-mark.svg) center / 70% no-repeat;mask:url(/icons/izci-mark.svg) center / 70% no-repeat}.player-track-title{display:block;width:auto;min-width:0;overflow:hidden}.player-track strong{display:block;font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track span{display:block;color:var(--muted);font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:.35rem;min-width:0;flex-wrap:nowrap}.transport-button{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;background:transparent;color:var(--text);transition:color .18s ease,background .18s ease}.transport-button:hover:not(:disabled){background-color:var(--hover-control)}.transport-button:disabled{opacity:.42}.transport-button .material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;font-size:2rem;line-height:1}.transport-button-primary{width:3.6rem;height:3.6rem}.transport-button-primary .material-symbols-outlined{font-size:2.45rem;transform:translateY(.02em)}.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1}.player-range,.volume{display:grid;align-items:center;gap:.2rem}.player-range{grid-area:range;grid-template-columns:auto 1fr auto;min-width:0}.volume{grid-area:volume;grid-template-columns:auto 1fr;min-width:8rem;align-self:stretch;padding-left:.25rem;position:relative}.volume-label{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-width:1.75rem;padding:0;border:0;background:transparent;color:var(--text);cursor:default}.volume-label .material-symbols-outlined{font-size:1.45rem;line-height:1;font-variation-settings:"wght" 500}input[type=range]{width:100%;accent-color:var(--accent-strong)}.error-banner{padding:.75rem .9rem;color:var(--danger);margin:0 .75rem}@media(max-width:1000px){.player-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"track actions" "range volume";max-height:none}}@media(max-width:349px){.app-shell.tabbed-layout{padding-bottom:calc(4.55rem + env(safe-area-inset-bottom,0px))}.player-bar{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"track actions actions" "range range volume";column-gap:.35rem}.player-range{grid-template-columns:minmax(2.8rem,auto) 1fr minmax(2.8rem,auto)}.player-track-group{gap:0}.player-artwork,.transport-button-previous{display:none}.transport-button-next{width:2.8rem;height:2.8rem;padding:0}.transport-button-next .material-symbols-outlined{font-size:1.86rem}.transport-button-primary{width:3.45rem;height:3.45rem;padding:0;align-self:center}.transport-button-primary .material-symbols-outlined{font-size:2.3rem;transform:translateY(-.03em)}.volume{grid-template-columns:auto;min-width:auto;align-self:end;justify-self:end;padding-left:0;overflow:visible}.volume-popup{display:none}.volume[data-popup-open=true] .volume-popup{position:absolute;left:50%;bottom:100%;display:flex;align-items:center;justify-content:center;width:3rem;height:8.75rem;padding:.7rem 0 .35rem;border:0;border-radius:0;background:transparent;box-shadow:none;transform:translate(-50%);z-index:1}.volume-popup-track{display:flex;align-items:center;justify-content:center;width:2.4rem;height:7.7rem;border-radius:.5rem;background-color:var(--bg-volume-popup)}.volume-popup input[type=range]{width:1rem;height:7rem;writing-mode:vertical-lr;direction:rtl;cursor:default}}@media(min-width:350px){.volume-popup{display:contents;visibility:visible;pointer-events:auto}.volume-popup input[type=range]{width:100%;background:transparent}}