.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}:root{--theme-bg-void: #050506;--theme-bg-shell: #09090a;--theme-bg-panel: #111113;--theme-bg-panel-soft: rgba(17, 17, 19, .88);--theme-player-glass-bg: rgba(16, 16, 18, .72);--theme-player-glass-bg-playing: rgba(18, 18, 22, .82);--theme-player-glass-border: rgba(255, 255, 255, .11);--theme-player-glass-highlight: rgba(255, 255, 255, .18);--theme-player-glass-shadow: rgba(0, 0, 0, .45);--theme-player-glass-ambient: rgba(255, 255, 255, .04);--theme-player-gold: #ffffff;--theme-player-gold-hover: #f4f4f5;--theme-player-gold-active: #e4e4e7;--theme-player-gold-rgb: 255, 255, 255;--theme-player-gold-contrast: #050506;--theme-bg-control: #1b1b1e;--theme-bg-control-hover: #242427;--theme-bg-overlay: rgba(5, 5, 6, .88);--theme-surface-subtle: rgba(255, 255, 255, .045);--theme-surface-soft: rgba(255, 255, 255, .025);--theme-surface-muted: rgba(255, 255, 255, .06);--theme-surface-raised: rgba(255, 255, 255, .075);--theme-surface-hover: rgba(255, 255, 255, .1);--theme-surface-active: rgba(255, 255, 255, .12);--theme-surface-rgb: 255, 255, 255;--theme-shadow-rgb: 0, 0, 0;--theme-color-scheme: dark;--theme-text-primary: rgba(255, 255, 255, .95);--theme-text-secondary: rgba(255, 255, 255, .76);--theme-text-muted: rgba(255, 255, 255, .56);--theme-text-disabled: rgba(255, 255, 255, .36);--theme-text-inverse: #050506;--theme-border-hairline: rgba(255, 255, 255, .035);--theme-border-subtle: rgba(255, 255, 255, .055);--theme-border-muted: rgba(255, 255, 255, .08);--theme-border-strong: rgba(255, 255, 255, .14);--theme-border-focus: rgba(255, 255, 255, .72);--theme-accent: rgba(255, 255, 255, .92);--theme-accent-solid: #ffffff;--theme-accent-rgb: 255, 255, 255;--theme-accent-hover: #e4e4e7;--theme-accent-active: #d4d4d8;--theme-accent-contrast: #050506;--theme-secondary: #a1a1aa;--theme-secondary-rgb: 161, 161, 170;--theme-energy: #ff9f2e;--theme-energy-rgb: 255, 159, 46;--theme-audio: #8ca4bb;--theme-audio-rgb: 140, 164, 187;--theme-action: #ffffff;--theme-action-rgb: 255, 255, 255;--theme-action-hover: #f4f4f5;--theme-action-active: #e4e4e7;--theme-action-contrast: #09090a;--theme-action-gradient: linear-gradient(180deg, #ffffff 0%, #e4e4e7 100%);--theme-action-gradient-hover: linear-gradient( 180deg, #ffffff 0%, #f4f4f5 100% );--theme-action-glow: 0 4px 16px rgba(0, 0, 0, .35);--theme-action-glow-hover: 0 6px 20px rgba(0, 0, 0, .45);--theme-brand-primary: #6c5ce7;--theme-brand-primary-rgb: 108, 92, 231;--theme-brand-primary-soft: #a29bfe;--theme-brand-secondary: #00cec9;--theme-brand-secondary-rgb: 0, 206, 201;--theme-landing-bg: #050505;--theme-landing-panel: rgba(20, 20, 22, .72);--theme-landing-panel-hover: rgba(30, 30, 35, .84);--theme-landing-surface-soft: rgba(255, 255, 255, .035);--theme-landing-control: rgba(255, 255, 255, .065);--theme-landing-control-hover: rgba(255, 255, 255, .095);--theme-landing-text-primary: #ffffff;--theme-landing-text-secondary: #d1d1d5;--theme-landing-text-muted: #a0a0a5;--theme-landing-text-subtle: rgba(255, 255, 255, .46);--theme-landing-border: rgba(255, 255, 255, .08);--theme-landing-border-strong: rgba(255, 255, 255, .15);--theme-mixer-enabled: #1f7c54;--theme-mixer-enabled-text: #73d2a5;--theme-status-success: #9ba5b3;--theme-status-success-rgb: 155, 165, 179;--theme-status-warning: #fbbf24;--theme-status-warning-rgb: 251, 191, 36;--theme-status-danger: #d36b6b;--theme-status-danger-rgb: 211, 107, 107;--theme-status-info: #8da2b8;--theme-status-info-rgb: 141, 162, 184;--theme-status-success-soft: rgba(155, 165, 179, .1);--theme-status-warning-soft: rgba(251, 191, 36, .12);--theme-status-danger-soft: rgba(211, 107, 107, .1);--theme-status-info-soft: rgba(141, 162, 184, .1);--theme-ambient-primary: #0f1218;--theme-ambient-secondary: #161b26;--theme-ambient-accent: #1f2532;--theme-ambient-primary-rgb: 15, 18, 24;--theme-ambient-secondary-rgb: 22, 27, 38;--theme-ambient-accent-rgb: 31, 37, 50;--theme-file-list-surface: rgba(9, 9, 10, .86);--theme-file-list-accent: rgba(255, 255, 255, .04);--theme-file-row-selected: rgba(255, 255, 255, .075);--theme-file-row-playing: rgba(255, 255, 255, .02);--theme-selection-bg: rgba(255, 255, 255, .12);--theme-selection-border: rgba(255, 255, 255, .24);--theme-scrollbar-track: rgba(255, 255, 255, .05);--theme-scrollbar-thumb: rgba(255, 255, 255, .14);--theme-scrollbar-thumb-hover: rgba(255, 255, 255, .24);--theme-switch-bg: #3f3f46;--theme-switch-thumb: #ffffff;--theme-gradient-page: linear-gradient( 135deg, var(--theme-bg-void) 0%, var(--theme-bg-shell) 50%, var(--theme-bg-panel) 100% );--theme-gradient-card: linear-gradient( 135deg, var(--theme-bg-panel) 0%, var(--theme-bg-panel-soft) 100% );--theme-gradient-card-hover: linear-gradient( 135deg, var(--theme-bg-control) 0%, var(--theme-bg-control-hover) 100% );--theme-gradient-card-active: linear-gradient( 135deg, var(--theme-surface-active) 0%, var(--theme-surface-subtle) 100% );--theme-gradient-secondary: linear-gradient( 135deg, var(--theme-accent-solid), var(--theme-secondary) );--theme-gradient-lyrics: linear-gradient( 135deg, var(--theme-bg-void) 0%, var(--theme-bg-panel) 100% );--theme-status-warning-glow: rgba(var(--theme-status-warning-rgb), .22);--theme-lyrics-glow: rgba(var(--theme-status-warning-rgb), .18);--theme-action-alpha-82: rgba(var(--theme-action-rgb), .82);--theme-action-alpha-64: rgba(var(--theme-action-rgb), .64);--theme-action-alpha-42: rgba(var(--theme-action-rgb), .42);--theme-action-alpha-28: rgba(var(--theme-action-rgb), .28);--theme-action-alpha-14: rgba(var(--theme-action-rgb), .14);--theme-dialog-bg: rgba(17, 17, 19, .96);--theme-dialog-highlight: rgba(255, 255, 255, .05);--theme-dialog-overlay: rgba(3, 3, 4, .62);--theme-shadow-xs: 0 1px 2px rgba(0, 0, 0, .16);--theme-shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--theme-shadow-md: 0 8px 24px rgba(0, 0, 0, .28);--theme-shadow-lg: 0 18px 44px rgba(0, 0, 0, .42);--theme-shadow-xl: 0 24px 70px rgba(0, 0, 0, .58);--col-checkbox: 40px;--col-cover: 60px;--col-name: 280px;--col-artist: 140px;--col-album: 140px;--col-duration: 80px;--col-format: 70px;--col-bitrate: 100px;--col-channels: 90px;--col-folder: 200px;--col-size: 100px;--col-actions: 72px;--col-modified: 180px;--row-height: 68px;--header-height: 70px;--filter-collapsed-height: 84px;--filter-expanded-height: 350px;--player-compact-height: 60px;--player-standard-height: 80px;--player-extended-height: 120px;--bottom-bar-height: 64px;--modal-width-sm: 400px;--modal-width-md: 600px;--modal-width-lg: 900px;--modal-width-xl: 1200px;--modal-max-width: 90vw;--modal-max-height: 85vh;--sidebar-width: 280px;--sidebar-width-collapsed: 64px;--main-padding-vertical: calc(var(--space-xl) + var(--space-lg));--main-gap: var(--space-xs);--player-gap: var(--space-xs);--bottom-safe-gap: var(--space-sm);--current-filter-height: var(--filter-collapsed-height);--current-player-height: 0px;--min-content-height: 250px;--max-content-height: calc(100vh - 200px) ;--min-viewport-height: 600px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: var(--space-xl);--space-3xl: var(--space-xl);--radius-xs: 6px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: var(--radius-lg);--radius-full: 9999px;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Courier New", monospace;--font-size-caption: 12px;--font-size-body: 13px;--font-size-panel-title: 16px;--font-size-page-title: 20px;--font-size-page-title-lg: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--control-height-sm: 36px;--control-height-md: 40px;--control-height-lg: 40px;--control-height-touch: 44px;--workspace-space-1: var(--space-xs);--workspace-space-2: var(--space-sm);--workspace-space-3: var(--space-md);--workspace-space-4: var(--space-lg);--workspace-space-5: var(--space-xl);--workspace-radius-label: var(--radius-xs);--workspace-radius-control: var(--radius-md);--workspace-radius-card: var(--radius-md);--workspace-radius-dialog: var(--radius-lg);--workspace-radius: var(--workspace-radius-card);--workspace-dialog-radius: var(--workspace-radius-dialog);--workspace-control-height: var(--control-height-sm);--workspace-control-height-large: var(--control-height-md);--workspace-touch-height: var(--control-height-touch);--workspace-font-title: var(--font-size-panel-title);--workspace-font-item: var(--font-size-body);--workspace-font-body: var(--font-size-caption);--workspace-font-caption: var(--font-size-caption);--workspace-bg: var(--theme-bg-void);--workspace-shell: var(--theme-bg-shell);--workspace-panel: var(--theme-bg-panel);--workspace-panel-bg: var(--workspace-panel);--workspace-surface: var(--theme-surface-subtle);--workspace-surface-soft: var(--theme-surface-soft);--workspace-surface-raised: var(--theme-surface-raised);--workspace-control-bg: var(--theme-bg-control);--workspace-control-hover: var(--theme-bg-control-hover);--workspace-control-active: var(--theme-surface-active);--workspace-border: var(--theme-border-subtle);--workspace-border-strong: var(--theme-border-strong);--workspace-border-focus: var(--theme-border-focus);--workspace-focus-ring: var(--theme-border-focus);--workspace-text-primary: var(--theme-text-primary);--workspace-text-secondary: var(--theme-text-secondary);--workspace-text-muted: var(--theme-text-muted);--workspace-text-subtle: var(--theme-text-muted);--workspace-accent: var(--theme-action);--workspace-accent-soft: rgba(var(--theme-action-rgb), .1);--workspace-danger: var(--theme-status-danger);--workspace-danger-border: rgba(var(--theme-status-danger-rgb), .28);--workspace-danger-soft: var(--theme-status-danger-soft);--workspace-shadow-card: none;--workspace-shadow-float: var(--theme-shadow-lg);--workspace-floating-shadow: var(--workspace-shadow-float);--workspace-overlay: var(--theme-dialog-overlay);--draft-gap: var(--space-sm);--draft-badge-font-size: var(--font-size-caption);--draft-badge-radius: var(--radius-md);--draft-badge-padding: var(--space-xs) var(--space-sm);--field-set-accent: var(--theme-status-warning);--draft-rename-color: var(--field-set-accent);--draft-tag-color: var(--theme-status-success);--draft-cover-bg: rgba(var(--theme-status-success-rgb), .14);--draft-cover-color: var(--theme-status-success);--draft-cover-border: rgba(var(--theme-status-success-rgb), .26);--shadow-xs: var(--theme-shadow-xs);--shadow-sm: var(--theme-shadow-sm);--shadow-md: var(--theme-shadow-md);--shadow-lg: var(--theme-shadow-lg);--shadow-xl: var(--theme-shadow-xl);--shadow-2xl: var(--theme-shadow-xl);--shadow-inner: inset 0 1px 0 var(--theme-border-hairline);--shadow-glow-sm: 0 0 10px rgba(var(--theme-accent-rgb), .08);--shadow-glow-md: 0 0 20px rgba(var(--theme-accent-rgb), .1);--shadow-glow-lg: 0 0 30px rgba(var(--theme-accent-rgb), .12);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .5s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-linear: linear;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--blur-sm: blur(4px);--blur-overlay: blur(2px);--blur-md: blur(8px);--blur-lg: blur(12px);--blur-xl: blur(16px);--blur-strength-floating: 20px;--workbench-glass-popover-bg: var(--theme-gradient-card);--workbench-glass-popover-border: var(--theme-border-strong);--workbench-glass-popover-shadow: var(--theme-shadow-lg);--workbench-glass-popover-inset: inset 0 1px 0 var(--theme-border-muted);--workbench-glass-popover-item-bg: var(--theme-surface-muted);--file-list-popover-bg-compact: linear-gradient( 145deg, rgba(17, 17, 19, .94), rgba(17, 17, 19, .9) );--file-list-popover-bg-dense: linear-gradient( 145deg, rgba(17, 17, 19, .96), rgba(17, 17, 19, .92) );--file-list-popover-border: rgba(255, 255, 255, .1);--file-list-popover-filter: blur(24px) saturate(150%);--file-list-popover-shadow: var(--theme-shadow-lg);--nav-height: 64px;--nav-height-mobile: 56px;--nav-bg: var(--theme-bg-panel-soft);--nav-bg-blur: blur(14px);--nav-border: var(--theme-border-muted);--nav-item-height: 40px;--nav-item-padding: var(--space-md) var(--space-lg);--nav-item-gap: var(--space-sm);--nav-item-radius: var(--radius-md);--nav-item-color: var(--theme-text-secondary);--nav-item-color-hover: var(--theme-text-primary);--nav-item-color-active: var(--theme-accent-solid);--nav-item-bg-hover: var(--theme-surface-muted);--nav-item-bg-active: var(--theme-surface-hover);--nav-logo-size: 36px;--nav-logo-gap: var(--space-md);--nav-user-avatar-size: 36px;--nav-user-gap: var(--space-lg);--tab-bar-height: 56px;--tab-bar-bg: var(--theme-bg-panel-soft);--tab-bar-border: var(--theme-border-muted);--tab-item-color: var(--theme-text-muted);--tab-item-color-active: var(--theme-accent-solid);--tab-item-icon-size: 22px;--tab-item-label-size: var(--font-size-caption);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-top: env(safe-area-inset-top, 0px);--z-base: 0;--z-dropdown: 2000;--z-sticky: 200;--z-fixed: 300;--z-popover: 2500;--z-tooltip: 700;--z-notification: 800;--z-top-nav-utility-popover: 10225;--z-context-menu: 3000;--z-modal: 10000;--z-modal-important: 10100;--z-select-in-modal: 10200;--z-global-warning: 10500;--z-toast: 11000;--dialog-bg: var(--workspace-panel);--dialog-bg-solid: var(--dialog-bg);--dialog-border: var(--theme-border-strong);--dialog-border-light: var(--theme-border-muted);--dialog-radius: var(--workspace-radius-dialog);--dialog-shadow: var(--workspace-shadow-float);--dialog-inner-highlight: var(--theme-dialog-highlight);--dialog-text-primary: var(--theme-text-primary);--dialog-text-secondary: var(--theme-text-secondary);--dialog-text-tertiary: var(--theme-text-muted);--dialog-content-blur: none;--dialog-overlay-bg: var(--theme-dialog-overlay);--dialog-overlay-blur: var(--blur-overlay);--dialog-padding: var(--space-xl);--dialog-padding-sm: var(--space-lg);--dialog-header-border: var(--theme-border-muted);--dialog-btn-radius: var(--workspace-radius-control);--dialog-btn-height: var(--workspace-control-height-large)}[data-density=compact] :root,:root[data-density=compact]{--row-height: 56px}@media (max-width: 1440px){:root{--col-size: 0px;--row-height: 64px}}@media (max-width: 1200px){:root{--col-album: 0px;--col-bitrate: 0px;--col-artist: 180px}}@media (max-width: 1024px){:root{--col-format: 0px;--col-name: 320px}}@media (max-width: 768px){:root{--col-artist: 0px;--col-duration: 70px;--col-actions: 64px}}.frosted-glass{background:var(--bg-card);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--design-tokens-border-color);box-shadow:var(--shadow-lg)}.smooth-transition{transition:all var(--duration-base) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.gradient-bg{background:var(--primary-gradient)}.gradient-text{background:linear-gradient(135deg,var(--accent-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gpu-accelerated{transform:translateZ(0);will-change:transform;backface-visibility:hidden}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--theme-scrollbar-track);border-radius:var(--radius-sm)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb);border-radius:var(--radius-sm);transition:background var(--duration-base)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb-hover)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--theme-scrollbar-thumb) transparent}:root[data-theme=dark]{--theme-bg-void: #050506;--theme-bg-shell: #09090a;--theme-bg-panel: #111113;--theme-bg-panel-soft: rgba(17, 17, 19, .88);--theme-player-glass-bg: rgba(16, 16, 18, .72);--theme-player-glass-bg-playing: rgba(18, 18, 22, .82);--theme-player-glass-border: rgba(255, 255, 255, .11);--theme-player-glass-highlight: rgba(255, 255, 255, .18);--theme-player-glass-shadow: rgba(0, 0, 0, .45);--theme-player-glass-ambient: rgba(255, 255, 255, .04);--theme-player-gold: #ffffff;--theme-player-gold-hover: #f4f4f5;--theme-player-gold-active: #e4e4e7;--theme-player-gold-rgb: 255, 255, 255;--theme-player-gold-contrast: #050506;--theme-bg-control: #1b1b1e;--theme-bg-control-hover: #242427;--theme-bg-overlay: rgba(5, 5, 6, .88);--theme-surface-subtle: rgba(255, 255, 255, .045);--theme-surface-soft: rgba(255, 255, 255, .025);--theme-surface-muted: rgba(255, 255, 255, .06);--theme-surface-raised: rgba(255, 255, 255, .075);--theme-surface-hover: rgba(255, 255, 255, .1);--theme-surface-active: rgba(255, 255, 255, .12);--theme-surface-rgb: 255, 255, 255;--theme-shadow-rgb: 0, 0, 0;--theme-color-scheme: dark;--theme-text-primary: rgba(255, 255, 255, .95);--theme-text-secondary: rgba(255, 255, 255, .76);--theme-text-muted: rgba(255, 255, 255, .56);--theme-text-disabled: rgba(255, 255, 255, .36);--theme-text-inverse: #050506;--theme-border-hairline: rgba(255, 255, 255, .035);--theme-border-subtle: rgba(255, 255, 255, .055);--theme-border-muted: rgba(255, 255, 255, .08);--theme-border-strong: rgba(255, 255, 255, .14);--theme-border-focus: rgba(255, 255, 255, .72);--theme-accent: rgba(255, 255, 255, .92);--theme-accent-solid: #ffffff;--theme-accent-rgb: 255, 255, 255;--theme-accent-hover: #e4e4e7;--theme-accent-active: #d4d4d8;--theme-accent-contrast: #050506;--theme-secondary: #a1a1aa;--theme-secondary-rgb: 161, 161, 170;--theme-energy: #ff9f2e;--theme-energy-rgb: 255, 159, 46;--theme-audio: #8ca4bb;--theme-audio-rgb: 140, 164, 187;--theme-action: #ffffff;--theme-action-rgb: 255, 255, 255;--theme-action-hover: #f4f4f5;--theme-action-active: #e4e4e7;--theme-action-contrast: #09090a;--theme-action-gradient: linear-gradient(180deg, #ffffff 0%, #e4e4e7 100%);--theme-action-gradient-hover: linear-gradient( 180deg, #ffffff 0%, #f4f4f5 100% );--theme-action-glow: 0 4px 16px rgba(0, 0, 0, .35);--theme-action-glow-hover: 0 6px 20px rgba(0, 0, 0, .45);--theme-mixer-enabled: #1f7c54;--theme-mixer-enabled-text: #73d2a5;--theme-status-success: #9ba5b3;--theme-status-success-rgb: 155, 165, 179;--theme-status-warning: #fbbf24;--theme-status-warning-rgb: 251, 191, 36;--theme-status-danger: #d36b6b;--theme-status-danger-rgb: 211, 107, 107;--theme-status-info: #8da2b8;--theme-status-info-rgb: 141, 162, 184;--theme-status-success-soft: rgba(155, 165, 179, .1);--theme-status-warning-soft: rgba(251, 191, 36, .12);--theme-status-danger-soft: rgba(211, 107, 107, .1);--theme-status-info-soft: rgba(141, 162, 184, .1);--theme-ambient-primary: #0f1218;--theme-ambient-secondary: #161b26;--theme-ambient-accent: #1f2532;--theme-ambient-primary-rgb: 15, 18, 24;--theme-ambient-secondary-rgb: 22, 27, 38;--theme-ambient-accent-rgb: 31, 37, 50;--theme-file-list-surface: rgba(9, 9, 10, .86);--theme-file-list-accent: rgba(255, 255, 255, .04);--theme-file-row-selected: rgba(255, 255, 255, .075);--theme-file-row-playing: rgba(255, 255, 255, .02);--theme-selection-bg: rgba(255, 255, 255, .12);--theme-selection-border: rgba(255, 255, 255, .24);--theme-scrollbar-track: rgba(255, 255, 255, .05);--theme-scrollbar-thumb: rgba(255, 255, 255, .14);--theme-scrollbar-thumb-hover: rgba(255, 255, 255, .24);--theme-switch-bg: #3f3f46;--theme-switch-thumb: #ffffff;--theme-gradient-page: linear-gradient( 135deg, var(--theme-bg-void) 0%, var(--theme-bg-shell) 50%, var(--theme-bg-panel) 100% );--theme-gradient-card: linear-gradient( 135deg, var(--theme-bg-panel) 0%, var(--theme-bg-panel-soft) 100% );--theme-gradient-card-hover: linear-gradient( 135deg, var(--theme-bg-control) 0%, var(--theme-bg-control-hover) 100% );--theme-gradient-card-active: linear-gradient( 135deg, var(--theme-surface-active) 0%, var(--theme-surface-subtle) 100% );--theme-gradient-lyrics: linear-gradient( 135deg, var(--theme-bg-void) 0%, var(--theme-bg-panel) 100% );--theme-dialog-bg: rgba(17, 17, 19, .96);--theme-dialog-highlight: rgba(255, 255, 255, .05);--theme-dialog-overlay: rgba(3, 3, 4, .62);--theme-shadow-xs: 0 1px 2px rgba(0, 0, 0, .16);--theme-shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--theme-shadow-md: 0 8px 24px rgba(0, 0, 0, .28);--theme-shadow-lg: 0 18px 44px rgba(0, 0, 0, .42);--theme-shadow-xl: 0 24px 70px rgba(0, 0, 0, .58)}:root[data-theme=light]{--theme-bg-void: #f3f4f6;--theme-bg-shell: #f8fafc;--theme-bg-panel: #ffffff;--theme-bg-panel-soft: rgba(255, 255, 255, .92);--theme-player-glass-bg: rgba(255, 255, 255, .85);--theme-player-glass-bg-playing: rgba(255, 255, 255, .92);--theme-player-glass-border: rgba(15, 23, 42, .12);--theme-player-glass-highlight: rgba(255, 255, 255, .9);--theme-player-glass-shadow: rgba(15, 23, 42, .12);--theme-player-glass-ambient: rgba(15, 23, 42, .05);--theme-player-gold: #111827;--theme-player-gold-hover: #1f2937;--theme-player-gold-active: #374151;--theme-player-gold-rgb: 17, 24, 39;--theme-player-gold-contrast: #ffffff;--theme-bg-control: #eef0f3;--theme-bg-control-hover: #e3e6ea;--theme-bg-overlay: rgba(243, 244, 246, .9);--theme-surface-subtle: rgba(15, 23, 42, .045);--theme-surface-soft: rgba(15, 23, 42, .025);--theme-surface-muted: rgba(15, 23, 42, .06);--theme-surface-raised: rgba(15, 23, 42, .075);--theme-surface-hover: rgba(15, 23, 42, .1);--theme-surface-active: rgba(15, 23, 42, .12);--theme-surface-rgb: 15, 23, 42;--theme-shadow-rgb: 15, 23, 42;--theme-color-scheme: light;--theme-text-primary: #111827;--theme-text-secondary: #374151;--theme-text-muted: #526174;--theme-text-disabled: #64748b;--theme-text-inverse: #ffffff;--theme-border-hairline: rgba(15, 23, 42, .035);--theme-border-subtle: rgba(15, 23, 42, .1);--theme-border-muted: rgba(15, 23, 42, .14);--theme-border-strong: rgba(15, 23, 42, .2);--theme-border-focus: rgba(15, 23, 42, .72);--theme-accent: rgba(17, 24, 39, .92);--theme-accent-solid: #111827;--theme-accent-rgb: 17, 24, 39;--theme-accent-hover: #334155;--theme-accent-active: #475569;--theme-accent-contrast: #ffffff;--theme-secondary: #64748b;--theme-secondary-rgb: 100, 116, 139;--theme-energy: #c46a00;--theme-energy-rgb: 196, 106, 0;--theme-audio: #52697f;--theme-audio-rgb: 82, 105, 127;--theme-action: #c84e13;--theme-action-rgb: 200, 78, 19;--theme-action-hover: #a94010;--theme-action-active: #87350d;--theme-action-contrast: #ffffff;--theme-action-gradient: linear-gradient(180deg, #d55c20 0%, #c84e13 100%);--theme-action-gradient-hover: linear-gradient( 180deg, #c84e13 0%, #a94010 100% );--theme-action-glow: 0 4px 16px rgba(200, 78, 19, .24);--theme-action-glow-hover: 0 6px 20px rgba(200, 78, 19, .32);--theme-mixer-enabled: #1f7c54;--theme-mixer-enabled-text: #176743;--theme-status-success: #667085;--theme-status-success-rgb: 102, 112, 133;--theme-status-warning: #8a6b1f;--theme-status-warning-rgb: 138, 107, 31;--theme-status-danger: #b43737;--theme-status-danger-rgb: 180, 55, 55;--theme-status-info: #52697f;--theme-status-info-rgb: 82, 105, 127;--theme-status-success-soft: rgba(102, 112, 133, .1);--theme-status-warning-soft: rgba(138, 107, 31, .1);--theme-status-danger-soft: rgba(180, 55, 55, .08);--theme-status-info-soft: rgba(82, 105, 127, .1);--theme-ambient-primary: #f8fafc;--theme-ambient-secondary: #eef2f7;--theme-ambient-accent: #e2e8f0;--theme-ambient-primary-rgb: 248, 250, 252;--theme-ambient-secondary-rgb: 238, 242, 247;--theme-ambient-accent-rgb: 226, 232, 240;--theme-file-list-surface: rgba(255, 255, 255, .86);--theme-file-list-accent: rgba(15, 23, 42, .04);--theme-file-row-selected: rgba(15, 23, 42, .075);--theme-file-row-playing: rgba(15, 23, 42, .02);--theme-selection-bg: rgba(200, 78, 19, .12);--theme-selection-border: rgba(200, 78, 19, .24);--theme-scrollbar-track: rgba(15, 23, 42, .05);--theme-scrollbar-thumb: rgba(15, 23, 42, .18);--theme-scrollbar-thumb-hover: rgba(15, 23, 42, .28);--theme-switch-bg: #cbd5e1;--theme-switch-thumb: #ffffff;--theme-gradient-page: linear-gradient( 135deg, var(--theme-bg-void) 0%, var(--theme-bg-shell) 50%, var(--theme-bg-panel) 100% );--theme-gradient-card: linear-gradient( 135deg, var(--theme-bg-panel) 0%, var(--theme-bg-panel-soft) 100% );--theme-gradient-card-hover: linear-gradient( 135deg, var(--theme-bg-control) 0%, var(--theme-bg-control-hover) 100% );--theme-gradient-card-active: linear-gradient( 135deg, var(--theme-surface-active) 0%, var(--theme-surface-subtle) 100% );--theme-gradient-lyrics: linear-gradient( 135deg, var(--theme-bg-shell) 0%, var(--theme-bg-panel) 100% );--theme-dialog-bg: rgba(255, 255, 255, .96);--theme-dialog-highlight: rgba(255, 255, 255, .72);--theme-dialog-overlay: rgba(15, 23, 42, .34);--theme-shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--theme-shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--theme-shadow-md: 0 8px 24px rgba(15, 23, 42, .1);--theme-shadow-lg: 0 18px 44px rgba(15, 23, 42, .14);--theme-shadow-xl: 0 24px 70px rgba(15, 23, 42, .18)}:root{--color-primary: var(--theme-accent-solid);--color-secondary: var(--theme-secondary);--color-accent: var(--theme-status-warning);--gradient-primary: var(--theme-gradient-page);--gradient-secondary: var(--theme-gradient-secondary);--gradient-card: var(--theme-gradient-card);--gradient-card-hover: var(--theme-gradient-card-hover);--gradient-card-active: var(--theme-gradient-card-active);--primary-gradient: var(--theme-gradient-page);--primary-color: var(--theme-accent-solid);--primary-color-rgb: var(--theme-accent-rgb);--accent-color: var(--theme-accent-solid);--accent-color-rgb: var(--theme-accent-rgb);--accent-hover: var(--theme-accent-hover);--secondary-color: var(--theme-secondary);--secondary-color-rgb: var(--theme-secondary-rgb);--highlight-gold: var(--theme-status-warning);--highlight-gold-glow: var(--theme-status-warning-glow);--ambient-primary: var(--theme-ambient-primary);--ambient-secondary: var(--theme-ambient-secondary);--ambient-accent: var(--theme-ambient-accent);--ambient-primary-rgb: var(--theme-ambient-primary-rgb);--ambient-secondary-rgb: var(--theme-ambient-secondary-rgb);--ambient-accent-rgb: var(--theme-ambient-accent-rgb);--bg-primary: var(--theme-bg-void);--bg-secondary: var(--theme-bg-shell);--bg-tertiary: var(--theme-bg-panel);--bg-card: var(--theme-bg-panel-soft);--bg-card-hover: var(--theme-bg-control-hover);--bg-modal: var(--theme-bg-panel);--bg-overlay: var(--theme-bg-overlay);--text-primary: var(--theme-text-primary);--text-secondary: var(--theme-text-secondary);--text-tertiary: var(--theme-text-muted);--text-muted: var(--theme-text-muted);--text-disabled: var(--theme-text-disabled);--text-link: var(--theme-text-primary);--text-link-hover: var(--theme-accent-hover);--design-system-font-base: var(--font-size-body);--design-system-text-primary: var(--theme-text-primary);--design-system-text-secondary: var(--theme-text-secondary);--design-system-text-tertiary: var(--theme-text-muted);--border-color: var(--theme-border-muted);--design-tokens-border-color: var(--theme-border-muted);--border-color-hover: var(--theme-border-strong);--border-hover: var(--theme-border-strong);--border-color-active: var(--theme-border-focus);--border-color-light: var(--theme-border-subtle);--color-success: var(--theme-status-success);--color-warning: var(--theme-status-warning);--color-error: var(--theme-status-danger);--color-info: var(--theme-status-info);--bg-success: var(--theme-status-success-soft);--bg-warning: var(--theme-status-warning-soft);--bg-error: var(--theme-status-danger-soft);--bg-info: var(--theme-status-info-soft);--glass-bg: var(--theme-bg-panel-soft);--glass-bg-hover: var(--theme-bg-control-hover);--glass-bg-button: var(--theme-surface-hover);--glass-border: var(--theme-border-muted);--glass-blur: var(--blur-strength-floating);--glass-shadow: var(--theme-shadow-md);--file-list-surface: var(--theme-file-list-surface);--file-list-surface-accent: var(--theme-file-list-accent);--file-row-selected-bg: var(--theme-file-row-selected);--file-row-selected-border: var(--theme-border-subtle);--file-row-playing-bg: var(--theme-file-row-playing);--hero-bg-solid: var(--theme-file-list-surface);--hero-bg-gradient: var(--theme-gradient-card);--hero-toolbar-bg: var(--theme-file-list-surface);--popover-bg: var(--theme-bg-control);--color-selection-bg: var(--theme-selection-bg);--color-selection-border: var(--theme-selection-border);--dark-theme-text-primary: var(--theme-text-primary);--dark-theme-text-muted: var(--theme-text-muted);--dark-theme-border-color: var(--theme-border-muted);--dark-theme-border-hover: var(--theme-border-strong);--lyrics-active-color: var(--theme-status-warning);--lyrics-active-color-end: var(--theme-text-secondary);--lyrics-inactive-color: var(--theme-text-muted);--lyrics-glow-color: var(--theme-lyrics-glow);--lyrics-bg-gradient: var(--theme-gradient-lyrics);--text-xs: var(--font-size-caption);--text-sm: var(--font-size-body);--text-base: var(--font-size-body);--text-lg: var(--font-size-panel-title);--text-xl: var(--font-size-page-title);--text-2xl: var(--font-size-page-title-lg);--text-3xl: var(--font-size-page-title-lg);--text-4xl: var(--font-size-page-title-lg);--font-normal: var(--font-weight-normal);--font-medium: var(--font-weight-medium);--font-semibold: var(--font-weight-semibold);--font-bold: var(--font-weight-bold);--leading-none: var(--line-height-none);--leading-tight: var(--line-height-tight);--leading-normal: var(--line-height-normal);--leading-relaxed: var(--line-height-relaxed);--leading-loose: var(--line-height-loose);--duration-normal: var(--duration-slow);--transition-fast: var(--duration-fast);--transition-base: var(--duration-base);--transition-slow: var(--duration-slow);--transition-slower: var(--duration-slower);--btn-height-sm: var(--control-height-sm);--btn-height-md: var(--control-height-md);--btn-height-lg: var(--control-height-lg);--input-height-sm: var(--control-height-sm);--input-height-md: var(--control-height-md);--input-height-lg: var(--control-height-lg);--navbar-height: var(--nav-height);--player-height-compact: var(--player-compact-height);--player-height-standard: var(--player-standard-height);--player-height-expanded: var(--player-extended-height);--shadow-glow: var(--shadow-glow-md);--v14-progress-bg-processing: var(--theme-status-info-soft);--v14-progress-bg-success: var(--theme-status-success-soft);--v14-progress-bg-failed: var(--theme-status-danger-soft);--el-color-primary: var(--theme-action);--el-color-primary-light-3: var(--theme-action-alpha-82);--el-color-primary-light-5: var(--theme-action-alpha-64);--el-color-primary-light-7: var(--theme-action-alpha-42);--el-color-primary-light-8: var(--theme-action-alpha-28);--el-color-primary-light-9: var(--theme-action-alpha-14);--el-color-primary-dark-2: var(--theme-action-active);--el-color-success: var(--theme-status-success);--el-color-warning: var(--theme-status-warning);--el-color-danger: var(--theme-status-danger);--el-color-info: var(--theme-status-info);--el-button-primary-text-color: var(--theme-action-contrast);--el-button-primary-bg-color: var(--theme-action);--el-button-primary-border-color: var(--theme-action);--el-button-primary-hover-text-color: var(--theme-action-contrast);--el-button-primary-hover-bg-color: var(--theme-action-hover);--el-button-primary-hover-border-color: var(--theme-action-hover);--el-button-primary-active-text-color: var(--theme-action-contrast);--el-button-primary-active-bg-color: var(--theme-action-active);--el-button-primary-active-border-color: var(--theme-action-active)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--design-system-font-base);line-height:var(--leading-normal);color:var(--design-system-text-primary);background:var(--bg-primary);overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--theme-scrollbar-track);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb);border-radius:var(--radius-sm);transition:background var(--transition-base) var(--ease-out)}::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInScale{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.select-none{-webkit-user-select:none;user-select:none}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--design-system-text-primary)}.text-secondary{color:var(--design-system-text-secondary)}.text-tertiary{color:var(--design-system-text-tertiary)}.text-blue{color:var(--color-primary)}.text-purple{color:var(--color-secondary)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-card{background:var(--bg-card)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-glow{box-shadow:var(--shadow-glow-md)}.transition{transition:all var(--transition-base) var(--ease-out)}.transition-fast{transition:all var(--transition-fast) var(--ease-out)}.transition-slow{transition:all var(--transition-slow) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.02)}.animate-fade-in{animation:fadeIn var(--transition-slow) var(--ease-out)}.animate-slide-in{animation:slideInScale var(--transition-slower) var(--ease-bounce)}.animate-shimmer{animation:shimmer 2s infinite}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}html{color-scheme:var(--theme-color-scheme);background:var(--theme-bg-void)}body{min-height:100vh;padding-bottom:100px;background:var(--theme-bg-void);color:var(--theme-text-primary);font-family:var(--font-sans);font-size:var(--font-size-body)}body.player-visible{padding-bottom:100px}.card{padding:var(--space-lg);border:1px solid var(--theme-border-subtle);border-radius:var(--radius-md);background:var(--theme-bg-panel);box-shadow:none;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.card:hover{border-color:var(--theme-border-muted);background:var(--theme-bg-panel-soft)}.navbar{position:fixed;inset:0 0 auto;z-index:var(--z-fixed);border-bottom:1px solid var(--theme-border-subtle);background:var(--theme-bg-panel-soft);backdrop-filter:blur(var(--blur-strength-floating));-webkit-backdrop-filter:blur(var(--blur-strength-floating))}.btn-primary,.btn-secondary{min-height:var(--control-height-md);padding:0 var(--space-lg);border-radius:var(--radius-md);cursor:pointer;font:inherit;font-weight:var(--font-weight-medium);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.btn-primary{border:1px solid var(--theme-action-alpha-82);background:var(--theme-action-gradient);color:var(--theme-action-contrast);font-weight:var(--font-weight-bold);box-shadow:var(--theme-action-glow),inset 0 1px 0 var(--theme-action-alpha-42);transition:background .25s cubic-bezier(.25,.8,.25,1),border-color .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(.25,.8,.25,1)}.btn-primary:hover:not(:disabled){border-color:var(--theme-action-hover);background:var(--theme-action-gradient-hover);box-shadow:var(--theme-action-glow-hover),inset 0 1px 0 var(--theme-action-alpha-42);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--theme-shadow-sm)}.btn-secondary{border:1px solid var(--theme-border-muted);background:var(--theme-surface-muted);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--theme-text-primary);transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.btn-secondary:hover:not(:disabled){border-color:var(--theme-border-strong);background:var(--theme-surface-hover);color:var(--theme-text-primary)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;color:var(--theme-text-disabled);opacity:.72}.btn-primary:focus-visible,.btn-secondary:focus-visible,[role=button]:focus-visible{outline:2px solid var(--theme-border-focus);outline-offset:2px}:where(input,textarea,select):focus-visible{outline:0}:root[data-input-modality=keyboard] :where(input,textarea,select):focus-visible{outline:2px solid var(--theme-border-focus);outline-offset:2px}:where(input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],textarea,select){min-height:var(--control-height-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--theme-border-subtle);border-radius:var(--radius-md);background:var(--theme-bg-control);color:var(--theme-text-primary);font:inherit;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}:where(input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],textarea,select):focus{background:var(--theme-bg-control-hover)}:where(input,textarea)::placeholder{color:var(--theme-text-muted)}:where(.workspace-input-shell){min-width:0;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),outline-color var(--duration-fast) var(--ease-out)}.workspace-input-shell:focus-within{background:var(--theme-bg-control-hover)}:root[data-input-modality=keyboard] :where(.workspace-input-shell):has(:where(input.input-shell-field,textarea.input-shell-field,select.input-shell-field):focus-visible){outline:2px solid var(--theme-border-focus);outline-offset:2px}:where(input,textarea,select).workspace-input-field:focus{outline:0;background:var(--theme-bg-control-hover);box-shadow:none}:root[data-input-modality=keyboard] :where(input,textarea,select).workspace-input-field:focus-visible{outline:2px solid var(--theme-border-focus);outline-offset:2px;box-shadow:none}:where(input.input-shell-field,textarea.input-shell-field,select.input-shell-field){min-height:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}:where(select.input-shell-field){-moz-appearance:auto;appearance:auto;-webkit-appearance:menulist}:where(input.input-shell-field,textarea.input-shell-field,select.input-shell-field):focus{border:0;outline:0;background:transparent;box-shadow:none}:where(input.input-shell-field,textarea.input-shell-field,select.input-shell-field):focus-visible{outline:0;box-shadow:none}:root[data-input-modality=keyboard] :where(input.input-shell-field,textarea.input-shell-field,select.input-shell-field):focus-visible{outline:0;box-shadow:none}:where(input,textarea,select).input-compact{min-height:0}.el-input__inner,.el-select__input,.el-textarea__inner,.el-range-input{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}.ios-switch{position:relative;width:38px;height:22px;border-radius:var(--radius-full);background:var(--theme-switch-bg);cursor:pointer;transition:background var(--duration-base) var(--ease-out)}.ios-switch.active{background:var(--theme-action)}.ios-switch-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:var(--radius-full);background:var(--theme-switch-thumb);transition:transform var(--duration-base) var(--ease-out)}.ios-switch.active .ios-switch-thumb{transform:translate(16px)}@media (max-width: 767px){.btn-primary,.btn-secondary,:where(input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],select){min-height:var(--control-height-touch)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.ambient-aura-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.aura-bubble{position:absolute;width:60vw;height:60vw;max-width:800px;max-height:800px;border-radius:50%;filter:blur(140px);opacity:.055;pointer-events:none;transition:all 2.5s cubic-bezier(.25,.8,.25,1);mix-blend-mode:screen}.aura-bubble-left{bottom:-20vw;left:-20vw;background:radial-gradient(circle,var(--theme-brand-primary) 0%,rgba(var(--theme-brand-primary-rgb),0) 70%);animation:auraFloatLeft 20s ease-in-out infinite alternate}.aura-bubble-right{bottom:-15vw;right:-15vw;background:radial-gradient(circle,var(--theme-brand-secondary) 0%,rgba(var(--theme-brand-secondary-rgb),0) 70%);animation:auraFloatRight 25s ease-in-out infinite alternate}@keyframes auraFloatLeft{0%{transform:translate(0) scale(1);opacity:.045}50%{transform:translate(6vw,-4vw) scale(1.1);opacity:.065}to{transform:translate(-3vw,3vw) scale(.9);opacity:.045}}@keyframes auraFloatRight{0%{transform:translate(0) scale(1.15);opacity:.06}50%{transform:translate(-4vw,5vw) scale(.9);opacity:.035}to{transform:translate(3vw,-3vw) scale(1);opacity:.06}}:root{--mixer-bg: var(--workspace-bg);--mixer-overlay-bg: var(--workspace-overlay);--mixer-panel-bg: var(--workspace-panel);--mixer-toolbar-bg: var(--workspace-shell);--mixer-header-bg: var(--workspace-shell);--mixer-footer-bg: var(--workspace-shell);--mixer-panel-border: var(--workspace-border);--mixer-border-active: var(--workspace-border-focus);--mixer-border-hover: var(--workspace-border-strong);--mixer-accent: var(--theme-action);--mixer-accent-hover: var(--theme-action-hover);--mixer-accent-2: var(--theme-action);--mixer-accent-rgb: var(--theme-action-rgb);--mixer-enabled: var(--theme-mixer-enabled);--mixer-enabled-text: var(--theme-mixer-enabled-text);--mixer-ios-green: var(--mixer-enabled);--mixer-ios-gray: var(--theme-bg-control-hover);--mixer-ios-gray-dark: var(--theme-bg-control);--mixer-card-bg: var(--workspace-surface);--mixer-card-bg-hover: var(--workspace-control-hover);--mixer-card-active: var(--workspace-control-active);--mixer-card-disabled: var(--workspace-surface-soft);--mixer-card-border: var(--workspace-border);--mixer-card-shadow: var(--workspace-shadow-card);--mixer-card-shadow-active: var(--workspace-shadow-card);--mixer-text-primary: var(--workspace-text-primary);--mixer-text-secondary: var(--workspace-text-secondary);--mixer-text-muted: var(--workspace-text-muted);--mixer-text-disabled: var(--workspace-text-subtle);--mixer-theme-text-primary: var(--workspace-text-primary);--mixer-theme-text-secondary: var(--workspace-text-secondary);--mixer-theme-text-muted: var(--workspace-text-muted);--mixer-theme-border-color: var(--workspace-border);--mixer-knob-bg: var(--workspace-control-bg);--mixer-knob-active: var(--mixer-accent);--mixer-slider-track: var(--workspace-border-strong);--mixer-slider-thumb: var(--mixer-accent-2);--mixer-slider-fill: var(--mixer-accent);--mixer-success: var(--theme-status-success);--mixer-warning: var(--theme-status-warning);--mixer-danger: var(--theme-status-danger);--mixer-info: var(--mixer-accent);--mixer-sidebar-width: 200px;--mixer-sidebar-collapsed: 60px;--mixer-header-height: 70px;--mixer-footer-height: 80px;--mixer-save-bar-height: 70px;--mixer-toolbar-height: 60px;--mixer-card-height: 48px;--mixer-space-xs: var(--space-xs);--mixer-space-sm: var(--space-sm);--mixer-space-md: var(--space-md);--mixer-space-lg: var(--space-lg);--mixer-space-xl: var(--space-xl);--mixer-radius-sm: var(--radius-xs);--mixer-radius-md: var(--radius-md);--mixer-radius-lg: var(--radius-lg);--mixer-radius-xl: var(--radius-lg);--mixer-duration-fast: var(--duration-fast);--mixer-duration-normal: var(--duration-slow);--mixer-duration-slow: var(--duration-slower);--mixer-ease-out: var(--ease-out);--mixer-ease-spring: var(--ease-bounce);--mixer-shadow-sm: var(--theme-shadow-sm);--mixer-shadow-md: var(--theme-shadow-md);--mixer-shadow-lg: var(--theme-shadow-lg);--mixer-shadow-xl: var(--theme-shadow-xl);--mixer-shadow-glow: var(--shadow-glow-md);--mixer-mini-height: 52px;--mixer-mini-bottom: 80px;--mixer-mini-bg: var(--workspace-panel);--mixer-mini-border: var(--workspace-border-strong);--mixer-mini-shadow: var(--workspace-shadow-float);--mixer-z-mini: 2000;--mixer-z-modal: 3000;--mixer-z-dropdown: 3100;--mixer-z-toast: 3200}@keyframes mixer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mixer-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mixer-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes mixer-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes mixer-mini-bar-enter{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mixer-header{background:var(--mixer-header-bg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md)}.mixer-v3-select-popper{--el-bg-color-overlay: var(--mixer-panel-bg);--el-fill-color-light: var(--workspace-control-hover);--el-border-color-light: var(--mixer-panel-border);--el-text-color-regular: var(--mixer-text-primary);--el-text-color-placeholder: var(--mixer-text-muted);--el-color-primary: var(--mixer-accent)}:root{--obsidian-bg: var(--dialog-bg);--obsidian-border: var(--dialog-border);--obsidian-inner-highlight: var(--dialog-inner-highlight);--obsidian-shadow: var(--dialog-shadow);--obsidian-radius: var(--dialog-radius);--obsidian-blur: var(--dialog-content-blur);--obsidian-text-primary: var(--dialog-text-primary);--obsidian-text-secondary: var(--dialog-text-secondary);--obsidian-text-tertiary: var(--dialog-text-tertiary);--z-modal-backdrop: var(--z-modal);--z-modal-content: var(--z-modal-important)}.unified-dialog-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:var(--unified-dialog-z, var(--z-modal-important))!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:var(--space-lg)!important;background:var(--dialog-overlay-bg)!important;backdrop-filter:var(--dialog-overlay-blur)!important;-webkit-backdrop-filter:var(--dialog-overlay-blur)!important;pointer-events:auto!important;opacity:1!important;transition:none!important;animation:none!important}.unified-dialog-overlay[class*=-enter-from],.unified-dialog-overlay[class*=-leave-to]{opacity:1!important}.unified-dialog-overlay--drawer{align-items:stretch!important;justify-content:flex-end!important;padding:0!important}.unified-dialog-panel{width:min(var(--modal-width-md),var(--modal-max-width));max-height:var(--modal-max-height);margin:auto;overflow:hidden;color:var(--obsidian-text-primary);background:var(--obsidian-bg);border:1px solid var(--obsidian-border);border-radius:var(--obsidian-radius);box-shadow:var(--obsidian-shadow);backdrop-filter:var(--obsidian-blur);-webkit-backdrop-filter:var(--obsidian-blur)}.unified-dialog-panel--sm{width:min(var(--modal-width-sm),var(--modal-max-width))}.unified-dialog-panel--md{width:min(var(--modal-width-md),var(--modal-max-width))}.unified-dialog-panel--lg{width:min(var(--modal-width-lg),var(--modal-max-width))}.unified-dialog-panel--xl{width:min(var(--modal-width-xl),var(--modal-max-width))}.el-overlay{z-index:var(--z-modal-backdrop)!important;background-color:var(--dialog-overlay-bg)!important;backdrop-filter:var(--dialog-overlay-blur)!important;-webkit-backdrop-filter:var(--dialog-overlay-blur)!important;opacity:1!important;transition:none!important;animation:none!important}.el-overlay[class*=-enter-],.el-overlay[class*=-leave-],.el-overlay[class*=-appear-]{opacity:1!important;transition:none!important;animation:none!important}.el-overlay.dialog-high-overlay{--z-modal-backdrop: var(--z-global-warning);--z-modal-content: var(--z-global-warning);z-index:var(--z-global-warning)!important}.el-overlay-dialog,.el-dialog__wrapper,.el-overlay-message-box{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:var(--dialog-padding)!important;overflow:hidden!important;pointer-events:none}.el-dialog,.el-message-box{position:relative!important;top:auto!important;left:auto!important;margin:0!important;overflow:hidden!important;color:var(--obsidian-text-primary)!important;background:var(--obsidian-bg)!important;border:1px solid var(--obsidian-border)!important;border-radius:var(--obsidian-radius)!important;box-shadow:var(--obsidian-shadow)!important;backdrop-filter:var(--obsidian-blur)!important;-webkit-backdrop-filter:var(--obsidian-blur)!important;transform:none!important;pointer-events:auto!important}.el-dialog{z-index:var(--z-modal-content)!important;max-width:var(--modal-max-width)}.el-message-box{z-index:var(--z-global-warning)!important;width:min(440px,var(--modal-max-width))!important;padding-bottom:var(--space-xl)!important}.el-drawer{z-index:var(--z-modal-content)!important}.el-message,.el-notification{--toast-accent: var(--theme-status-info);--toast-accent-soft: var(--theme-status-info-soft);z-index:var(--z-toast)!important;overflow:hidden!important;color:var(--workspace-text-primary)!important;background:var(--workspace-panel)!important;border:1px solid var(--workspace-border-strong)!important;border-radius:var(--workspace-radius-card)!important;box-shadow:var(--workspace-shadow-float)!important;backdrop-filter:var(--dialog-content-blur)!important;-webkit-backdrop-filter:var(--dialog-content-blur)!important}.el-message--success,.el-notification--success{--toast-accent: var(--theme-status-success);--toast-accent-soft: var(--theme-status-success-soft)}.el-message--warning,.el-notification--warning{--toast-accent: var(--theme-status-warning);--toast-accent-soft: var(--theme-status-warning-soft)}.el-message--error,.el-notification--error{--toast-accent: var(--theme-status-danger);--toast-accent-soft: var(--theme-status-danger-soft)}.el-message{left:auto!important;right:var(--space-lg)!important;min-width:min(360px,calc(100vw - var(--space-xl)))!important;max-width:min(360px,calc(100vw - var(--space-xl)))!important;padding:var(--space-md) var(--space-lg)!important;display:flex!important;align-items:center!important;gap:var(--space-md)!important;transform:none!important}.el-notification,.el-notification.right{right:var(--space-lg)!important}.el-notification{width:min(360px,calc(100vw - var(--space-xl)))!important;padding:var(--space-md) var(--space-lg)!important;display:flex!important;align-items:flex-start!important;gap:var(--space-md)!important}.el-message__icon,.el-notification__icon{width:var(--control-height-sm)!important;height:var(--control-height-sm)!important;margin:0!important;flex-shrink:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:var(--toast-accent)!important;background:var(--toast-accent-soft)!important;border:1px solid var(--workspace-border)!important;border-radius:var(--workspace-radius-control)!important;font-size:var(--font-size-panel-title)!important}.el-message__content,.el-notification__title{margin:0!important;color:var(--workspace-text-primary)!important;font-size:var(--font-size-body)!important;font-weight:var(--font-weight-semibold)!important;line-height:var(--line-height-normal)!important}.el-notification__content{margin:var(--space-xs) 0 0!important;color:var(--workspace-text-secondary)!important;font-size:var(--font-size-caption)!important;line-height:var(--line-height-normal)!important}.el-notification__content p,.el-notification__group{margin:0!important}.el-notification__group{flex:1!important}.el-message__closeBtn,.el-notification__closeBtn{position:static!important;width:var(--control-height-sm)!important;height:var(--control-height-sm)!important;margin-left:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:var(--workspace-text-secondary)!important;background:var(--workspace-control-bg)!important;border:1px solid var(--workspace-border)!important;border-radius:50%!important;transition:color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)!important}.el-message__closeBtn:hover,.el-notification__closeBtn:hover{color:var(--workspace-text-primary)!important;background:var(--workspace-control-hover)!important;border-color:var(--workspace-border-strong)!important}.el-message__badge{min-width:var(--space-xl)!important;height:var(--space-xl)!important;margin-left:var(--space-sm)!important;padding:0 var(--space-sm)!important;color:var(--workspace-text-secondary)!important;background:var(--workspace-control-bg)!important;border:1px solid var(--workspace-border)!important;border-radius:var(--workspace-radius-label)!important;font-size:var(--font-size-caption)!important;font-weight:var(--font-weight-semibold)!important}@media (max-width: 640px){.el-message,.el-notification{right:var(--space-md)!important;left:var(--space-md)!important;width:calc(100vw - var(--space-xl))!important;min-width:0!important;max-width:none!important}.el-message__icon,.el-notification__icon,.el-message__closeBtn,.el-notification__closeBtn{width:var(--control-height-touch)!important;height:var(--control-height-touch)!important}}.el-dialog__header,.el-message-box__header{margin:0!important;padding:var(--space-lg) var(--space-xl)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid var(--dialog-header-border)!important}.el-dialog__title,.el-message-box__title{color:var(--obsidian-text-primary)!important;font-family:var(--font-sans)!important;font-size:var(--font-size-page-title)!important;font-weight:var(--font-weight-semibold)!important;line-height:var(--line-height-tight)!important}.el-dialog__headerbtn,.el-message-box__headerbtn{position:static!important;width:var(--control-height-sm)!important;height:var(--control-height-sm)!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--workspace-control-bg)!important;border:1px solid var(--workspace-border)!important;border-radius:50%!important;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)!important}.el-dialog__headerbtn:hover,.el-message-box__headerbtn:hover{background:var(--workspace-control-hover)!important;border-color:var(--workspace-border-strong)!important}.el-dialog__close,.el-message-box__close{color:var(--obsidian-text-secondary)!important;font-size:var(--font-size-panel-title)!important}.el-dialog__headerbtn:hover .el-dialog__close,.el-message-box__headerbtn:hover .el-message-box__close{color:var(--obsidian-text-primary)!important}.el-dialog__body,.el-message-box__content{padding:var(--space-xl)!important;color:var(--obsidian-text-secondary)!important;font-size:var(--font-size-body)!important;line-height:var(--line-height-normal)!important}.el-message-box__container{display:flex!important;align-items:flex-start!important;gap:var(--space-lg)!important}.el-message-box__status{position:static!important;font-size:var(--font-size-page-title-lg)!important}.el-message-box__status.el-icon-warning{color:var(--theme-status-warning)!important}.el-message-box__status.el-icon-success{color:var(--theme-status-success)!important}.el-message-box__status.el-icon-error{color:var(--theme-status-danger)!important}.el-message-box__status.el-icon-info{color:var(--theme-status-info)!important}.el-message-box__message{padding:0!important;color:var(--obsidian-text-secondary)!important}.el-dialog__footer{padding:var(--space-lg) var(--space-xl) var(--space-xl)!important;border-top:0!important;text-align:right!important}.el-message-box__btns{padding:0 var(--space-xl)!important;display:flex!important;justify-content:flex-end!important;gap:var(--space-md)!important}.el-dialog :is(.el-input__wrapper,.el-select__wrapper),.el-message-box :is(.el-input__wrapper,.el-select__wrapper){min-height:var(--control-height-md)!important;padding:0 var(--space-md)!important;background:var(--workspace-control-bg)!important;border:1px solid var(--workspace-border)!important;border-radius:var(--workspace-radius-control)!important;box-shadow:none!important;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)!important}.el-dialog :is(.el-input__wrapper,.el-select__wrapper):hover,.el-message-box :is(.el-input__wrapper,.el-select__wrapper):hover{background:var(--workspace-control-hover)!important;border-color:var(--workspace-border-strong)!important}.el-dialog .el-input__wrapper.is-focus,.el-dialog .el-select__wrapper.is-focused,.el-message-box .el-input__wrapper.is-focus,.el-message-box .el-select__wrapper.is-focused{background:var(--workspace-control-hover)!important;border-color:var(--workspace-border)!important;outline:0!important;box-shadow:none!important}:root[data-input-modality=keyboard] .el-dialog .el-input__wrapper:has(.el-input__inner:focus-visible),:root[data-input-modality=keyboard] .el-dialog .el-select__wrapper:has(input:focus-visible),:root[data-input-modality=keyboard] .el-message-box .el-input__wrapper:has(.el-input__inner:focus-visible),:root[data-input-modality=keyboard] .el-message-box .el-select__wrapper:has(input:focus-visible){outline:2px solid var(--workspace-focus-ring)!important;outline-offset:1px!important;box-shadow:none!important}.el-dialog .el-textarea__inner:focus,.el-message-box .el-textarea__inner:focus{background:var(--workspace-control-hover)!important;outline:0!important;box-shadow:none!important}:root[data-input-modality=keyboard] .el-dialog .el-textarea__inner:focus-visible,:root[data-input-modality=keyboard] .el-message-box .el-textarea__inner:focus-visible{outline:2px solid var(--workspace-focus-ring)!important;outline-offset:1px!important}.el-dialog .el-input__inner,.el-message-box .el-input__inner{height:var(--control-height-sm)!important;color:var(--workspace-text-primary)!important}.el-dialog .el-button,.el-message-box .el-button{height:var(--dialog-btn-height)!important;padding:0 var(--space-lg)!important;border-radius:var(--dialog-btn-radius)!important;font-size:var(--font-size-body)!important;font-weight:var(--font-weight-medium)!important;box-shadow:none!important;transition:color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)!important}.el-dialog .el-button--primary,.el-message-box .el-button--primary{color:var(--theme-action-contrast)!important;background:var(--theme-action)!important;border-color:var(--theme-action)!important}.el-dialog .el-button--primary:hover,.el-message-box .el-button--primary:hover{background:var(--theme-action-hover)!important;border-color:var(--theme-action-hover)!important}.el-dialog .el-button--primary:active,.el-message-box .el-button--primary:active{background:var(--theme-action-active)!important;border-color:var(--theme-action-active)!important}.el-dialog .el-button--default,.el-dialog .el-button--info,.el-message-box .el-button--default,.el-message-box .el-button--info{color:var(--workspace-text-secondary)!important;background:var(--workspace-control-bg)!important;border-color:var(--workspace-border)!important}.el-dialog .el-button--default:hover,.el-dialog .el-button--info:hover,.el-message-box .el-button--default:hover,.el-message-box .el-button--info:hover{color:var(--workspace-text-primary)!important;background:var(--workspace-control-hover)!important;border-color:var(--workspace-border-strong)!important}.el-dialog .el-button--danger,.el-message-box .el-button--danger{color:var(--workspace-danger)!important;background:var(--workspace-danger-soft)!important;border-color:var(--workspace-danger-border)!important}.el-dialog .el-button--danger:hover,.el-message-box .el-button--danger:hover{color:var(--theme-text-inverse)!important;background:var(--workspace-danger)!important;border-color:var(--workspace-danger)!important}@media (max-width: 640px){.el-overlay-dialog,.el-dialog__wrapper,.el-overlay-message-box{padding:var(--space-md)!important}.el-dialog__headerbtn,.el-message-box__headerbtn,.el-dialog .el-button,.el-message-box .el-button{min-width:var(--control-height-touch)!important;height:var(--control-height-touch)!important}}@keyframes unified-dialog-enter{0%{opacity:1;transform:translateY(var(--space-sm)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-fade-enter-active .el-dialog,.dialog-fade-enter-active .el-message-box,.fade-in-linear-enter-active .el-message-box{animation:unified-dialog-enter var(--duration-base) var(--ease-out) both!important}.dialog-fade-enter-active,.dialog-fade-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:none!important}.dialog-fade-enter-from,.dialog-fade-leave-to,.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:1!important}.dialog-fade-leave-active .el-dialog,.fade-in-linear-leave-active .el-message-box{animation:none!important}