:root{--color-bg: #101413;--color-bg-panel: #17201d;--color-bg-elevated: #111917;--color-bg-input: #17211e;--color-bg-button: #1a2421;--color-text: #eff5f2;--color-muted: #a9b8b2;--color-border: #2d3935;--color-border-strong: #31423d;--color-accent: #d6f269;--color-on-accent: #121611;--color-blue: #9dccff;--color-red: #ffaba1;--color-positive: #a6e872;--color-negative: #ffaba1;--color-image-bg: #070b0c;--color-panel-alt: #18201d;--color-icon-muted: #c2cec8;--radius-card: 8px;--radius-control: 8px;--page-max-width: 1500px;--page-padding: 18px;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}button,input,select{font:inherit}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.global-header.svelte-1jhb5n2{position:sticky;top:0;z-index:80;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;border-bottom:1px solid var(--color-border);padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));background:#101413f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand.svelte-1jhb5n2,.global-nav.svelte-1jhb5n2 a:where(.svelte-1jhb5n2),.sample-toggle.svelte-1jhb5n2,.owned-toggle.svelte-1jhb5n2,.model-window-control.svelte-1jhb5n2,.filter-button.svelte-1jhb5n2,.settings-menu.svelte-1jhb5n2 summary:where(.svelte-1jhb5n2),.filter-action.svelte-1jhb5n2,.settings-actions.svelte-1jhb5n2 button:where(.svelte-1jhb5n2){border:1px solid var(--color-border-strong);border-radius:var(--radius-card);background:var(--color-bg-button);color:var(--color-text);text-decoration:none}.brand.svelte-1jhb5n2,.global-nav.svelte-1jhb5n2 a:where(.svelte-1jhb5n2),.sample-toggle.svelte-1jhb5n2,.owned-toggle.svelte-1jhb5n2,.model-window-control.svelte-1jhb5n2,.filter-button.svelte-1jhb5n2,.settings-menu.svelte-1jhb5n2 summary:where(.svelte-1jhb5n2){display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 10px}.brand.svelte-1jhb5n2{font-weight:900}.brand-mark.svelte-1jhb5n2{display:inline-grid;place-items:center;width:24px;aspect-ratio:1;border-radius:6px;background:var(--color-accent);color:var(--color-on-accent);font-size:10px;font-weight:950}.global-nav.svelte-1jhb5n2,.player-actions.svelte-1jhb5n2,.settings-actions.svelte-1jhb5n2{display:flex;gap:8px;align-items:center}.global-nav.svelte-1jhb5n2{min-width:0;overflow-x:auto;scrollbar-width:none}.global-nav.svelte-1jhb5n2::-webkit-scrollbar{display:none}.global-nav.svelte-1jhb5n2 a:where(.svelte-1jhb5n2){flex:0 0 auto;color:var(--color-muted);font-size:13px;font-weight:800}.global-nav.svelte-1jhb5n2 a:where(.svelte-1jhb5n2):hover,.global-nav.svelte-1jhb5n2 a.active:where(.svelte-1jhb5n2),.brand.svelte-1jhb5n2:hover,.model-window-control.svelte-1jhb5n2:focus-within,.sample-toggle.svelte-1jhb5n2:hover,.sample-toggle.active.svelte-1jhb5n2,.owned-toggle.svelte-1jhb5n2:hover,.owned-toggle.active.svelte-1jhb5n2,.filter-button.svelte-1jhb5n2:hover,.filter-action.svelte-1jhb5n2:hover,.filter-action.active.svelte-1jhb5n2,.settings-menu.svelte-1jhb5n2 summary:where(.svelte-1jhb5n2):hover,.settings-menu[open].svelte-1jhb5n2 summary:where(.svelte-1jhb5n2),.settings-actions.svelte-1jhb5n2 button:where(.svelte-1jhb5n2):hover,.settings-actions.svelte-1jhb5n2 button.active:where(.svelte-1jhb5n2){border-color:var(--color-accent)}.global-nav.svelte-1jhb5n2 a.active:where(.svelte-1jhb5n2),.sample-toggle.active.svelte-1jhb5n2,.owned-toggle.active.svelte-1jhb5n2,.filter-action.active.svelte-1jhb5n2,.settings-actions.svelte-1jhb5n2 button.active:where(.svelte-1jhb5n2){color:var(--color-accent)}.owned-toggle.svelte-1jhb5n2,.sample-toggle.svelte-1jhb5n2,.model-window-control.svelte-1jhb5n2,.filter-button.svelte-1jhb5n2,.settings-menu.svelte-1jhb5n2 summary:where(.svelte-1jhb5n2),.filter-action.svelte-1jhb5n2,.settings-actions.svelte-1jhb5n2 button:where(.svelte-1jhb5n2){font-size:12px;font-weight:800;white-space:nowrap}.model-window-control.svelte-1jhb5n2{color:var(--color-muted)}.model-window-control.svelte-1jhb5n2 span:where(.svelte-1jhb5n2){font-size:11px;text-transform:uppercase}.model-window-control.svelte-1jhb5n2 select:where(.svelte-1jhb5n2){border:0;background:transparent;color:var(--color-text);font:inherit;outline:0}.owned-toggle.svelte-1jhb5n2,.sample-toggle.svelte-1jhb5n2,.model-window-control.svelte-1jhb5n2 select:where(.svelte-1jhb5n2),.filter-button.svelte-1jhb5n2,.filter-action.svelte-1jhb5n2,.settings-menu.svelte-1jhb5n2 summary:where(.svelte-1jhb5n2),.settings-actions.svelte-1jhb5n2 button:where(.svelte-1jhb5n2){cursor:pointer}kbd.svelte-1jhb5n2{display:inline-grid;place-items:center;min-width:19px;height:19px;border:1px solid #4b5e56;border-radius:5px;padding:0 5px;background:#0e1714;color:#cbd7d1;font-family:inherit;font-size:10px;font-weight:900;line-height:1}.settings-menu.svelte-1jhb5n2{position:relative}.filter-button.svelte-1jhb5n2{display:none}.settings-menu.svelte-1jhb5n2 summary:where(.svelte-1jhb5n2){list-style:none}.settings-menu.svelte-1jhb5n2 summary:where(.svelte-1jhb5n2)::-webkit-details-marker{display:none}.settings-popover.svelte-1jhb5n2{position:absolute;top:calc(100% + 8px);right:0;z-index:90;display:grid;gap:12px;width:min(360px,calc(100vw - 24px));border:1px solid var(--color-border-strong);border-radius:var(--radius-card);padding:12px;background:#111917;box-shadow:0 16px 34px #0000005c}.filter-dialog.svelte-1jhb5n2{width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 32px);margin:auto;border:0;padding:0;background:transparent;color:var(--color-text);overflow:auto}.filter-dialog.svelte-1jhb5n2::backdrop{background:#0000008f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.filter-dialog-panel.svelte-1jhb5n2{display:grid;gap:12px;border:1px solid var(--color-border-strong);border-radius:var(--radius-card);padding:14px;background:#111917;box-shadow:0 18px 42px #0000006b}.filter-dialog-header.svelte-1jhb5n2{display:flex;align-items:center;justify-content:space-between;gap:12px}.filter-section.svelte-1jhb5n2{display:grid;gap:10px;border-top:1px solid var(--color-border);padding-top:12px}.filter-section-title.svelte-1jhb5n2{font-size:13px}.filter-dialog-header.svelte-1jhb5n2 .icon-only:where(.svelte-1jhb5n2){display:grid;place-items:center;width:34px;aspect-ratio:1;border:1px solid var(--color-border-strong);border-radius:7px;background:var(--color-bg-button);color:var(--color-text)}.filter-field.svelte-1jhb5n2,.settings-title.svelte-1jhb5n2,.player-tag-control.svelte-1jhb5n2{display:grid;gap:5px}.filter-field.svelte-1jhb5n2 span:where(.svelte-1jhb5n2),.settings-title.svelte-1jhb5n2 span:where(.svelte-1jhb5n2),.player-tag-control.svelte-1jhb5n2 span:where(.svelte-1jhb5n2),.filter-action.svelte-1jhb5n2 small:where(.svelte-1jhb5n2),.filter-dialog-note.svelte-1jhb5n2,.settings-popover.svelte-1jhb5n2 p:where(.svelte-1jhb5n2){color:var(--color-muted);font-size:12px}.filter-field.svelte-1jhb5n2 select:where(.svelte-1jhb5n2){width:100%;border:1px solid var(--color-border-strong);border-radius:var(--radius-card);min-height:38px;padding:0 10px;background:var(--color-bg-input);color:var(--color-text)}.filter-action.svelte-1jhb5n2{display:grid;gap:3px;width:100%;min-height:48px;padding:8px 10px;text-align:left}.filter-action.svelte-1jhb5n2 span:where(.svelte-1jhb5n2){font-weight:900}.settings-title.svelte-1jhb5n2 span:where(.svelte-1jhb5n2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-tag-control.svelte-1jhb5n2 input:where(.svelte-1jhb5n2){width:100%;border:1px solid var(--color-border-strong);border-radius:var(--radius-card);min-height:38px;padding:0 10px;background:var(--color-bg-input);color:var(--color-text);text-transform:uppercase}.settings-actions.svelte-1jhb5n2{flex-wrap:wrap}.settings-actions.svelte-1jhb5n2 button:where(.svelte-1jhb5n2){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px}.settings-actions.svelte-1jhb5n2 .icon-only:where(.svelte-1jhb5n2){width:34px;padding:0}.settings-actions.svelte-1jhb5n2 button:where(.svelte-1jhb5n2):disabled,.filter-field.svelte-1jhb5n2 select:where(.svelte-1jhb5n2):disabled,.player-tag-control.svelte-1jhb5n2 input:where(.svelte-1jhb5n2):disabled{cursor:not-allowed;opacity:.5}.settings-popover.svelte-1jhb5n2 p:where(.svelte-1jhb5n2){margin:0;line-height:1.4}.filter-dialog-note.svelte-1jhb5n2{margin:0;line-height:1.4}@media(max-width:780px){.global-header.svelte-1jhb5n2{grid-template-columns:1fr auto;gap:8px;padding:8px}.brand.svelte-1jhb5n2{min-width:0;overflow:hidden}.brand.svelte-1jhb5n2 span:where(.svelte-1jhb5n2):last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-nav.svelte-1jhb5n2{grid-column:1 / -1;order:3}.global-nav.svelte-1jhb5n2 a:where(.svelte-1jhb5n2){min-height:32px;padding:0 9px}.player-actions.svelte-1jhb5n2{justify-self:end}.desktop-filter.svelte-1jhb5n2{display:none}.filter-button.svelte-1jhb5n2,.settings-menu.svelte-1jhb5n2 summary:where(.svelte-1jhb5n2){display:inline-flex;min-height:32px;padding:0 9px}.settings-menu.svelte-1jhb5n2{display:none}.filter-button.svelte-1jhb5n2 span:where(.svelte-1jhb5n2),.settings-menu.svelte-1jhb5n2 summary:where(.svelte-1jhb5n2) span:where(.svelte-1jhb5n2),.model-window-control.svelte-1jhb5n2 span:where(.svelte-1jhb5n2){display:none}.player-actions.svelte-1jhb5n2 kbd:where(.svelte-1jhb5n2){display:none}.settings-popover.svelte-1jhb5n2{position:fixed;top:86px;right:8px;left:8px;width:auto}}