.player-track-title.svelte-no8mbd{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.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(--muted);font-size:1rem;text-align:right}.menu-item-parent.svelte-1hxr3cm,.menu-back-button.svelte-1hxr3cm,.menu-item-drilldown.svelte-1hxr3cm{cursor:pointer}.submenu-open.svelte-1hxr3cm,.menu-back-button.svelte-1hxr3cm:hover{background:var(--accent-soft)}.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}.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:var(--bg-search);box-shadow:var(--shadow);color:var(--muted)}.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}.playlist-search-close.svelte-1vescvd:hover{color:var(--accent-strong);background: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}.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%}.details-close-button.svelte-119gzbv{display:inline-flex;align-items:center;justify-content:flex-end;gap:.22rem;min-width:5.75rem;padding:.1rem 0;color:var(--muted);background:transparent;cursor:pointer;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}.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}.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}:root,:root[data-theme=gruvbox]{color-scheme:dark;font-family:Space Grotesk,Segoe UI,sans-serif;--bg-base: #1d2021;--bg: #282828;--menu-bar-bg: #1c1d1e;--window-topbar-bg: rgba(28, 29, 30, .96);--bg-elevated: rgba(50, 48, 47, .94);--bg-strong: #3c3836;--bg-soft: #32302f;--bg-popover: rgba(40, 40, 40, .985);--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-theme=dracula]{--bg-base: #171922;--bg: #282a36;--menu-bar-bg: #1f2029;--window-topbar-bg: rgba(31, 32, 41, .96);--bg-elevated: rgba(54, 57, 73, .94);--bg-strong: #44475a;--bg-soft: #343746;--bg-popover: rgba(40, 42, 54, .985);--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)) ;-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:var(--body-background);color:var(--text);overflow:hidden}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;cursor:pointer}.app-shell{display:grid;height:100dvh;min-height:100vh;grid-template-rows:auto minmax(0,1fr) auto auto;gap:.75rem;padding:0;padding-bottom:var(--player-bar-reserve);overflow:hidden}.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}.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:var(--menu-bar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);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{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))));-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))))}.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);cursor:pointer;-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: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:var(--bg-popover);border:1px solid var(--border-strong);border-radius:.5rem;box-shadow:var(--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(--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(--muted);font-size:.8rem;letter-spacing:.02em;text-align:right}.menu-item-icon{font-size:1rem;color:var(--muted)}.menu-list button:hover{background:var(--accent-soft)}.menu-list button:disabled{color:var(--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:var(--border-strong)}.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: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{display:flex;align-items:center;gap:.1rem;position:sticky;top:0;z-index:10;padding:0 .75rem;border-bottom:1px solid var(--border-soft)}.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(--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(--text)}.workspace-tab.active{border-bottom-color:var(--accent-strong);color:var(--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(--muted);background:transparent;opacity:0;cursor:pointer;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(--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:var(--bg-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);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(22px) saturate(1.08);-webkit-backdrop-filter:blur(22px) saturate(1.08);transition:box-shadow .18s ease,border-color .18s ease}.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:var(--hover-subtle)}.track-list li.selected .track-row{background: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:var(--accent-strong-faint);cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.add-files:hover{background: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:var(--menu-bar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -1px 0 var(--hairline)}.player-bar:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:1.35rem;pointer-events:none;background:var(--player-bar-fade)}.player-track{grid-area:track;display:grid;gap:.22rem;min-width:0}.player-track>*{min-width:0}.player-track-title{display:block;width:100%;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: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);cursor:ew-resize}.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)}.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: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}}