:root{--window-frame-safe-top: 1px;--app-font-family: "Space Grotesk", "Segoe UI", sans-serif;--system-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif}:root,:root:is([data-theme=pale],[data-theme=accented])[data-color-scheme=dark]{color-scheme:dark;font-family:var(--app-font-family);--bg-base: #18191b;--menu-bar-bg: #18191b;--window-topbar-bg: #18191b;--window-topbar-text: #e4e7eb;--window-topbar-text-strong: #f7f8fa;--window-topbar-muted: #9aa3ad;--window-topbar-hover-surface: rgba(228, 231, 235, .08);--window-topbar-hairline: rgba(255, 255, 255, .04);--bg-elevated: rgba(41, 44, 48, .94);--bg-soft: #292c30;--menu-popover-bg: rgba(31, 33, 36, .985);--menu-popover-text: #e4e7eb;--menu-popover-muted: #9aa3ad;--menu-popover-border: rgba(170, 178, 188, .22);--menu-popover-hover: rgba(170, 178, 188, .14);--menu-popover-shadow: 0 18px 44px rgba(0, 0, 0, .36);--bg-tree: rgba(31, 33, 36, .96);--bg-card: rgba(54, 58, 64, .5);--bg-input: rgba(24, 25, 27, .92);--bg-search: rgba(31, 33, 36, .96);--bg-volume-popup: rgba(24, 25, 27, .84);--text: #e4e7eb;--text-strong: #f7f8fa;--muted: #9aa3ad;--muted-strong: #c5cad0;--accent: #8c96a3;--accent-strong: #c5ccd6;--accent-strong-soft: rgba(197, 204, 214, .08);--accent-strong-faint: rgba(197, 204, 214, .12);--accent-strong-border-hover: rgba(197, 204, 214, .4);--accent-focus-border: rgba(197, 204, 214, .32);--accent-dashed-border: rgba(140, 150, 163, .24);--visualizer-high: rgba(247, 248, 250, .9);--visualizer-mid: rgba(178, 186, 197, .62);--visualizer-low: rgba(116, 124, 136, .24);--visualizer-glow: rgba(197, 204, 214, .34);--visualizer-bars: rgba(197, 204, 214, .76);--visualizer-blocks: rgba(247, 248, 250, .68);--danger: #ef6f6c;--border: rgba(170, 178, 188, .26);--border-strong: rgba(170, 178, 188, .22);--border-soft: rgba(170, 178, 188, .16);--border-faint: rgba(170, 178, 188, .13);--border-subtle: rgba(170, 178, 188, .11);--border-covered: rgba(170, 178, 188, .09);--player-bar-separator: #4b5057;--menu-bar-border: rgba(170, 178, 188, .2);--hover-surface: rgba(228, 231, 235, .08);--hover-subtle: rgba(228, 231, 235, .04);--hover-control: rgba(228, 231, 235, .06);--tree-hover: rgba(116, 124, 136, .18);--selection-bg: rgba(140, 150, 163, .14);--selection-strong: rgba(140, 150, 163, .22);--resizer-track: rgba(170, 178, 188, .2);--resizer-handle: rgba(228, 231, 235, .24);--shadow: 0 18px 44px rgba(0, 0, 0, .36);--hairline: rgba(255, 255, 255, .04);--body-background: radial-gradient(circle at top left, rgba(148, 157, 168, .08), transparent 24%), radial-gradient(circle at top right, rgba(204, 210, 218, .05), transparent 22%), linear-gradient(180deg, #202225 0%, #18191b 100%);--options-body-background: radial-gradient(circle at top left, rgba(148, 157, 168, .09), transparent 24%), radial-gradient(circle at top right, rgba(204, 210, 218, .06), transparent 22%), linear-gradient(180deg, #202225 0%, #18191b 100%);--track-list-header-background: linear-gradient(180deg, rgba(41, 44, 48, .76) 0%, rgba(41, 44, 48, .68) 100%), rgba(24, 25, 27, .24);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(18, 19, 21, .3), rgba(18, 19, 21, 0));--player-bar-fade: linear-gradient(180deg, rgba(18, 19, 21, 0), rgba(18, 19, 21, .3));--dropzone-background: linear-gradient(180deg, rgba(228, 231, 235, .022), transparent 18%)}:root:is([data-theme=pale],[data-theme=accented])[data-color-scheme=light]{color-scheme:light;--bg-base: #e8e7e4;--menu-bar-bg: #e4e3e0;--window-topbar-bg: #e4e3e0;--window-topbar-text: #52565a;--window-topbar-text-strong: #3e4246;--window-topbar-muted: #73777b;--window-topbar-hover-surface: rgba(57, 62, 67, .07);--window-topbar-hairline: rgba(255, 255, 255, .62);--bg-elevated: rgba(245, 244, 241, .94);--bg-soft: #deddda;--menu-popover-bg: rgba(242, 241, 238, .985);--menu-popover-text: #4d5155;--menu-popover-muted: #73777b;--menu-popover-border: rgba(74, 79, 84, .18);--menu-popover-hover: rgba(89, 102, 115, .1);--menu-popover-shadow: 0 18px 44px rgba(37, 39, 41, .16);--bg-tree: rgba(238, 237, 234, .97);--bg-card: rgba(255, 255, 255, .38);--bg-input: rgba(218, 217, 214, .92);--bg-search: rgba(242, 241, 238, .97);--bg-volume-popup: rgba(242, 241, 238, .92);--text: #4d5155;--text-strong: #3e4246;--muted: #70757a;--muted-strong: #5b6065;--accent: #6f7a85;--accent-strong: #596673;--accent-text: #f7f6f3;--accent-strong-soft: rgba(89, 102, 115, .08);--accent-strong-faint: rgba(89, 102, 115, .12);--accent-strong-border-hover: rgba(89, 102, 115, .38);--accent-focus-border: rgba(89, 102, 115, .32);--accent-dashed-border: rgba(89, 102, 115, .26);--visualizer-high: rgba(54, 58, 62, .54);--visualizer-mid: rgba(79, 91, 102, .46);--visualizer-low: rgba(115, 125, 134, .2);--visualizer-glow: rgba(79, 91, 102, .14);--visualizer-bars: rgba(68, 78, 88, .55);--visualizer-blocks: rgba(54, 58, 62, .42);--danger: #a8504d;--border: rgba(74, 79, 84, .2);--border-strong: rgba(74, 79, 84, .18);--border-soft: rgba(74, 79, 84, .13);--border-faint: rgba(74, 79, 84, .1);--border-subtle: rgba(74, 79, 84, .085);--border-covered: rgba(74, 79, 84, .07);--player-bar-separator: #c4c3c0;--menu-bar-border: rgba(74, 79, 84, .16);--hover-surface: rgba(57, 62, 67, .07);--hover-subtle: rgba(57, 62, 67, .04);--hover-control: rgba(57, 62, 67, .06);--tree-hover: rgba(89, 102, 115, .1);--selection-bg: rgba(89, 102, 115, .12);--selection-strong: rgba(89, 102, 115, .18);--resizer-track: rgba(74, 79, 84, .15);--resizer-handle: rgba(74, 79, 84, .24);--shadow: 0 18px 44px rgba(37, 39, 41, .16);--hairline: rgba(255, 255, 255, .62);--body-background: radial-gradient(circle at top left, rgba(120, 127, 134, .07), transparent 24%), radial-gradient(circle at top right, rgba(255, 255, 255, .34), transparent 22%), linear-gradient(180deg, #eeedea 0%, #e8e7e4 100%);--options-body-background: radial-gradient(circle at top left, rgba(120, 127, 134, .08), transparent 24%), radial-gradient(circle at top right, rgba(255, 255, 255, .38), transparent 22%), linear-gradient(180deg, #eeedea 0%, #e8e7e4 100%);--track-list-header-background: linear-gradient(180deg, rgba(245, 244, 241, .78) 0%, rgba(238, 237, 234, .72) 100%), rgba(232, 231, 228, .3);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(74, 79, 84, .09), rgba(74, 79, 84, 0));--player-bar-fade: linear-gradient(180deg, rgba(74, 79, 84, 0), rgba(74, 79, 84, .09));--dropzone-background: linear-gradient(180deg, rgba(255, 255, 255, .16), transparent 18%)}:root:is([data-theme=pale],[data-theme=accented])[data-color-scheme=dark]{--bg-base: #101113;--menu-bar-bg: #101113;--window-topbar-bg: #101113;--window-topbar-text: #dde1e5;--window-topbar-text-strong: #f0f2f4;--window-topbar-muted: #8e97a1;--window-topbar-hover-surface: rgba(221, 225, 229, .075);--window-topbar-hairline: rgba(255, 255, 255, .035);--bg-elevated: rgba(32, 34, 38, .95);--bg-soft: #202226;--menu-popover-bg: rgba(21, 23, 26, .985);--menu-popover-text: #dde1e5;--menu-popover-muted: #8e97a1;--menu-popover-border: rgba(146, 154, 164, .2);--menu-popover-hover: rgba(146, 154, 164, .13);--menu-popover-shadow: 0 18px 44px rgba(0, 0, 0, .42);--bg-tree: rgba(21, 23, 26, .96);--bg-card: rgba(43, 46, 51, .48);--bg-input: rgba(16, 17, 19, .93);--bg-search: rgba(21, 23, 26, .96);--bg-volume-popup: rgba(16, 17, 19, .86);--text: #dde1e5;--text-strong: #f0f2f4;--muted: #8e97a1;--muted-strong: #b6bdc5;--accent: #7f8a96;--accent-strong: #b9c1ca;--accent-strong-soft: rgba(185, 193, 202, .08);--accent-strong-faint: rgba(185, 193, 202, .12);--accent-strong-border-hover: rgba(185, 193, 202, .38);--accent-focus-border: rgba(185, 193, 202, .3);--accent-dashed-border: rgba(127, 138, 150, .22);--visualizer-high: rgba(240, 242, 244, .88);--visualizer-mid: rgba(164, 173, 184, .58);--visualizer-low: rgba(92, 100, 110, .22);--visualizer-glow: rgba(185, 193, 202, .3);--visualizer-bars: rgba(185, 193, 202, .72);--visualizer-blocks: rgba(240, 242, 244, .64);--danger: #e06b68;--border: rgba(146, 154, 164, .24);--border-strong: rgba(146, 154, 164, .2);--border-soft: rgba(146, 154, 164, .14);--border-faint: rgba(146, 154, 164, .12);--border-subtle: rgba(146, 154, 164, .1);--border-covered: rgba(146, 154, 164, .08);--player-bar-separator: #3d4249;--menu-bar-border: rgba(146, 154, 164, .18);--hover-surface: rgba(221, 225, 229, .075);--hover-subtle: rgba(221, 225, 229, .035);--hover-control: rgba(221, 225, 229, .055);--tree-hover: rgba(92, 100, 110, .18);--selection-bg: rgba(127, 138, 150, .13);--selection-strong: rgba(127, 138, 150, .2);--resizer-track: rgba(146, 154, 164, .18);--resizer-handle: rgba(221, 225, 229, .22);--shadow: 0 18px 44px rgba(0, 0, 0, .42);--hairline: rgba(255, 255, 255, .035);--body-background: radial-gradient(circle at top left, rgba(114, 124, 136, .06), transparent 24%), radial-gradient(circle at top right, rgba(185, 193, 202, .035), transparent 22%), linear-gradient(180deg, #17191c 0%, #101113 100%);--options-body-background: radial-gradient(circle at top left, rgba(114, 124, 136, .07), transparent 24%), radial-gradient(circle at top right, rgba(185, 193, 202, .045), transparent 22%), linear-gradient(180deg, #17191c 0%, #101113 100%);--track-list-header-background: linear-gradient(180deg, rgba(32, 34, 38, .78) 0%, rgba(32, 34, 38, .68) 100%), rgba(16, 17, 19, .26);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(11, 12, 13, .34), rgba(11, 12, 13, 0));--player-bar-fade: linear-gradient(180deg, rgba(11, 12, 13, 0), rgba(11, 12, 13, .34));--dropzone-background: linear-gradient(180deg, rgba(221, 225, 229, .02), transparent 18%)}:root[data-theme=accented][data-color-scheme=dark]{--theme-color-output-lightness: 78%;--accent: hsl(var(--accented-hue) var(--accented-saturation) 64%);--accent-strong: hsl(var(--accented-hue) var(--accented-saturation) 74%);--accent-text: #101113}:root[data-theme=accented][data-color-scheme=light]{--theme-color-output-lightness: 32%;--accent: color-mix(in srgb, hsl(var(--accented-hue) var(--accented-saturation) 38%) 75%, var(--text-strong));--accent-strong: color-mix(in srgb, hsl(var(--accented-hue) var(--accented-saturation) 28%) 65%, var(--text-strong))}:root[data-theme=accented][data-color-scheme]{--accent-strong-soft: color-mix(in srgb, var(--accent-strong) 8%, transparent);--accent-strong-faint: color-mix(in srgb, var(--accent-strong) 12%, transparent);--accent-strong-border-hover: color-mix(in srgb, var(--accent-strong) 38%, transparent);--accent-focus-border: color-mix(in srgb, var(--accent-strong) 32%, transparent);--accent-dashed-border: color-mix(in srgb, var(--accent) 24%, transparent);--selection-bg: color-mix(in srgb, var(--accent) 13%, transparent);--selection-strong: color-mix(in srgb, var(--accent) 20%, transparent);--menu-popover-hover: color-mix(in srgb, var(--accent) 10%, transparent);--tree-hover: color-mix(in srgb, var(--accent) 10%, transparent)}:root[data-theme=lights-out]{--bg-base: #000000;--menu-bar-bg: #000000;--window-topbar-bg: #000000;--window-topbar-text: #d7dce1;--window-topbar-text-strong: #edf0f3;--window-topbar-muted: #858d96;--window-topbar-hover-surface: rgba(215, 220, 225, .07);--window-topbar-hairline: rgba(255, 255, 255, .03);--bg-elevated: #000000;--bg-soft: #050506;--menu-popover-bg: rgba(6, 7, 8, .99);--menu-popover-text: #d7dce1;--menu-popover-muted: #858d96;--menu-popover-border: rgba(132, 142, 152, .18);--menu-popover-hover: rgba(132, 142, 152, .12);--menu-popover-shadow: 0 18px 44px rgba(0, 0, 0, .55);--bg-tree: #000000;--bg-card: #000000;--bg-input: rgba(0, 0, 0, .94);--bg-search: rgba(6, 7, 8, .97);--bg-volume-popup: rgba(0, 0, 0, .88);--text: #d7dce1;--text-strong: #edf0f3;--muted: #858d96;--muted-strong: #aeb6bf;--accent: #7c8792;--accent-strong: #adb7c1;--accent-strong-soft: rgba(173, 183, 193, .075);--accent-strong-faint: rgba(173, 183, 193, .11);--accent-strong-border-hover: rgba(173, 183, 193, .34);--accent-focus-border: rgba(173, 183, 193, .28);--accent-dashed-border: rgba(124, 135, 146, .2);--visualizer-high: rgba(237, 240, 243, .82);--visualizer-mid: rgba(154, 164, 176, .52);--visualizer-low: rgba(74, 82, 92, .2);--visualizer-glow: rgba(173, 183, 193, .24);--visualizer-bars: rgba(173, 183, 193, .66);--visualizer-blocks: rgba(237, 240, 243, .58);--danger: #db6561;--border: rgba(132, 142, 152, .22);--border-strong: rgba(132, 142, 152, .18);--border-soft: rgba(132, 142, 152, .12);--border-faint: rgba(132, 142, 152, .1);--border-subtle: rgba(132, 142, 152, .085);--border-covered: rgba(132, 142, 152, .07);--player-bar-separator: #2c3036;--menu-bar-border: rgba(132, 142, 152, .16);--hover-surface: rgba(215, 220, 225, .07);--hover-subtle: rgba(215, 220, 225, .03);--hover-control: rgba(215, 220, 225, .05);--tree-hover: rgba(74, 82, 92, .16);--selection-bg: rgba(124, 135, 146, .12);--selection-strong: rgba(124, 135, 146, .18);--resizer-track: rgba(132, 142, 152, .16);--resizer-handle: rgba(215, 220, 225, .2);--shadow: 0 18px 44px rgba(0, 0, 0, .55);--hairline: rgba(255, 255, 255, .03);--body-background: radial-gradient(circle at top left, rgba(92, 102, 114, .035), transparent 24%), radial-gradient(circle at top right, rgba(173, 183, 193, .025), transparent 22%), linear-gradient(180deg, #050506 0%, #000000 100%);--options-body-background: radial-gradient(circle at top left, rgba(92, 102, 114, .045), transparent 24%), radial-gradient(circle at top right, rgba(173, 183, 193, .03), transparent 22%), linear-gradient(180deg, #050506 0%, #000000 100%);--track-list-header-background: #000000;--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(0, 0, 0, .38), rgba(0, 0, 0, 0));--player-bar-fade: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .38));--dropzone-background: #000000}:root[data-theme=solarized][data-color-scheme=light]{color-scheme:light;--bg-base: #fdf6e3;--menu-bar-bg: #eee8d5;--window-topbar-bg: #eee8d5;--window-topbar-text: #586e75;--window-topbar-text-strong: #073642;--window-topbar-muted: #839496;--window-topbar-hover-surface: rgba(7, 54, 66, .07);--window-topbar-hairline: rgba(255, 255, 255, .54);--bg-elevated: rgba(255, 251, 235, .95);--bg-soft: #eee8d5;--menu-popover-bg: rgba(253, 246, 227, .985);--menu-popover-text: #586e75;--menu-popover-muted: #839496;--menu-popover-border: rgba(88, 110, 117, .22);--menu-popover-hover: rgba(38, 139, 210, .11);--menu-popover-shadow: 0 18px 44px rgba(0, 43, 54, .16);--bg-tree: rgba(238, 232, 213, .97);--bg-card: rgba(255, 255, 255, .42);--bg-input: rgba(230, 223, 201, .92);--bg-search: rgba(253, 246, 227, .97);--bg-volume-popup: rgba(253, 246, 227, .92);--text: #586e75;--text-strong: #073642;--muted: #839496;--muted-strong: #657b83;--accent: #268bd2;--accent-strong: #2aa198;--accent-text: #fdf6e3;--accent-strong-soft: rgba(42, 161, 152, .09);--accent-strong-faint: rgba(42, 161, 152, .14);--accent-strong-border-hover: rgba(42, 161, 152, .44);--accent-focus-border: rgba(42, 161, 152, .36);--accent-dashed-border: rgba(38, 139, 210, .28);--visualizer-high: rgba(7, 54, 66, .62);--visualizer-mid: rgba(38, 139, 210, .55);--visualizer-low: rgba(42, 161, 152, .22);--visualizer-glow: rgba(38, 139, 210, .2);--visualizer-bars: rgba(38, 139, 210, .66);--visualizer-blocks: rgba(7, 54, 66, .48);--danger: #dc322f;--border: rgba(88, 110, 117, .25);--border-strong: rgba(88, 110, 117, .21);--border-soft: rgba(88, 110, 117, .15);--border-faint: rgba(88, 110, 117, .12);--border-subtle: rgba(88, 110, 117, .1);--border-covered: rgba(88, 110, 117, .08);--player-bar-separator: #c8c1ab;--menu-bar-border: rgba(88, 110, 117, .19);--hover-surface: rgba(7, 54, 66, .07);--hover-subtle: rgba(7, 54, 66, .04);--hover-control: rgba(7, 54, 66, .06);--tree-hover: rgba(38, 139, 210, .12);--selection-bg: rgba(38, 139, 210, .14);--selection-strong: rgba(38, 139, 210, .21);--resizer-track: rgba(88, 110, 117, .18);--resizer-handle: rgba(88, 110, 117, .28);--shadow: 0 18px 44px rgba(0, 43, 54, .16);--hairline: rgba(255, 255, 255, .54);--body-background: radial-gradient(circle at top left, rgba(38, 139, 210, .08), transparent 24%), radial-gradient(circle at top right, rgba(181, 137, 0, .07), transparent 22%), linear-gradient(180deg, #fffbea 0%, #fdf6e3 100%);--options-body-background: radial-gradient(circle at top left, rgba(38, 139, 210, .09), transparent 24%), radial-gradient(circle at top right, rgba(181, 137, 0, .08), transparent 22%), linear-gradient(180deg, #fffbea 0%, #fdf6e3 100%);--track-list-header-background: linear-gradient(180deg, rgba(255, 251, 235, .8) 0%, rgba(238, 232, 213, .74) 100%), rgba(253, 246, 227, .3);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(0, 43, 54, .09), rgba(0, 43, 54, 0));--player-bar-fade: linear-gradient(180deg, rgba(0, 43, 54, 0), rgba(0, 43, 54, .09));--dropzone-background: linear-gradient(180deg, rgba(255, 255, 255, .18), transparent 18%)}:root[data-theme=solarized][data-color-scheme=dark]{color-scheme:dark;--bg-base: #002b36;--menu-bar-bg: #002b36;--window-topbar-bg: #002b36;--window-topbar-text: #93a1a1;--window-topbar-text-strong: #eee8d5;--window-topbar-muted: #657b83;--window-topbar-hover-surface: rgba(147, 161, 161, .09);--window-topbar-hairline: rgba(238, 232, 213, .04);--bg-elevated: rgba(7, 54, 66, .95);--bg-soft: #073642;--menu-popover-bg: rgba(0, 43, 54, .985);--menu-popover-text: #93a1a1;--menu-popover-muted: #657b83;--menu-popover-border: rgba(38, 139, 210, .25);--menu-popover-hover: rgba(38, 139, 210, .17);--menu-popover-shadow: 0 18px 44px rgba(0, 20, 25, .48);--bg-tree: rgba(0, 43, 54, .97);--bg-card: rgba(88, 110, 117, .38);--bg-input: rgba(0, 35, 44, .94);--bg-search: rgba(0, 43, 54, .97);--bg-volume-popup: rgba(0, 35, 44, .88);--text: #93a1a1;--text-strong: #eee8d5;--muted: #657b83;--muted-strong: #b6c0bd;--accent: #268bd2;--accent-strong: #2aa198;--accent-strong-soft: rgba(42, 161, 152, .09);--accent-strong-faint: rgba(42, 161, 152, .14);--accent-strong-border-hover: rgba(42, 161, 152, .44);--accent-focus-border: rgba(42, 161, 152, .35);--accent-dashed-border: rgba(38, 139, 210, .27);--visualizer-high: rgba(238, 232, 213, .94);--visualizer-mid: rgba(42, 161, 152, .68);--visualizer-low: rgba(38, 139, 210, .25);--visualizer-glow: rgba(42, 161, 152, .4);--visualizer-bars: rgba(42, 161, 152, .82);--visualizer-blocks: rgba(238, 232, 213, .7);--danger: #dc322f;--border: rgba(38, 139, 210, .3);--border-strong: rgba(38, 139, 210, .25);--border-soft: rgba(38, 139, 210, .17);--border-faint: rgba(38, 139, 210, .14);--border-subtle: rgba(38, 139, 210, .12);--border-covered: rgba(38, 139, 210, .1);--player-bar-separator: #18536a;--menu-bar-border: rgba(38, 139, 210, .23);--hover-surface: rgba(147, 161, 161, .09);--hover-subtle: rgba(147, 161, 161, .045);--hover-control: rgba(147, 161, 161, .065);--tree-hover: rgba(38, 139, 210, .22);--selection-bg: rgba(38, 139, 210, .16);--selection-strong: rgba(38, 139, 210, .25);--resizer-track: rgba(38, 139, 210, .23);--resizer-handle: rgba(147, 161, 161, .27);--shadow: 0 18px 44px rgba(0, 20, 25, .48);--hairline: rgba(238, 232, 213, .04);--body-background: radial-gradient(circle at top left, rgba(38, 139, 210, .15), transparent 24%), radial-gradient(circle at top right, rgba(42, 161, 152, .1), transparent 22%), linear-gradient(180deg, #073642 0%, #002b36 100%);--options-body-background: radial-gradient(circle at top left, rgba(38, 139, 210, .17), transparent 24%), radial-gradient(circle at top right, rgba(42, 161, 152, .11), transparent 22%), linear-gradient(180deg, #073642 0%, #002b36 100%);--track-list-header-background: linear-gradient(180deg, rgba(7, 54, 66, .82) 0%, rgba(7, 54, 66, .7) 100%), rgba(0, 43, 54, .25);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(0, 20, 25, .38), rgba(0, 20, 25, 0));--player-bar-fade: linear-gradient(180deg, rgba(0, 20, 25, 0), rgba(0, 20, 25, .38));--dropzone-background: linear-gradient(180deg, rgba(147, 161, 161, .026), transparent 18%)}:root[data-theme=nordic][data-color-scheme=light]{color-scheme:light;--bg-base: #eceff4;--menu-bar-bg: #e5e9f0;--window-topbar-bg: #e5e9f0;--window-topbar-text: #4c566a;--window-topbar-text-strong: #2e3440;--window-topbar-muted: #7b8495;--window-topbar-hover-surface: rgba(46, 52, 64, .07);--window-topbar-hairline: rgba(255, 255, 255, .62);--bg-elevated: rgba(242, 244, 248, .95);--bg-soft: #d8dee9;--menu-popover-bg: rgba(236, 239, 244, .985);--menu-popover-text: #4c566a;--menu-popover-muted: #7b8495;--menu-popover-border: rgba(76, 86, 106, .21);--menu-popover-hover: rgba(94, 129, 172, .12);--menu-popover-shadow: 0 18px 44px rgba(46, 52, 64, .17);--bg-tree: rgba(229, 233, 240, .97);--bg-card: rgba(255, 255, 255, .42);--bg-input: rgba(216, 222, 233, .92);--bg-search: rgba(236, 239, 244, .97);--bg-volume-popup: rgba(236, 239, 244, .92);--text: #4c566a;--text-strong: #2e3440;--muted: #7b8495;--muted-strong: #5e687a;--accent: #5e81ac;--accent-strong: #397b91;--accent-text: #eceff4;--accent-strong-soft: rgba(57, 123, 145, .09);--accent-strong-faint: rgba(57, 123, 145, .14);--accent-strong-border-hover: rgba(57, 123, 145, .43);--accent-focus-border: rgba(57, 123, 145, .35);--accent-dashed-border: rgba(94, 129, 172, .28);--visualizer-high: rgba(46, 52, 64, .62);--visualizer-mid: rgba(57, 123, 145, .52);--visualizer-low: rgba(94, 129, 172, .22);--visualizer-glow: rgba(57, 123, 145, .2);--visualizer-bars: rgba(57, 123, 145, .64);--visualizer-blocks: rgba(46, 52, 64, .48);--danger: #bf616a;--border: rgba(76, 86, 106, .25);--border-strong: rgba(76, 86, 106, .21);--border-soft: rgba(76, 86, 106, .15);--border-faint: rgba(76, 86, 106, .12);--border-subtle: rgba(76, 86, 106, .1);--border-covered: rgba(76, 86, 106, .08);--player-bar-separator: #bdc4d0;--menu-bar-border: rgba(76, 86, 106, .19);--hover-surface: rgba(46, 52, 64, .07);--hover-subtle: rgba(46, 52, 64, .04);--hover-control: rgba(46, 52, 64, .06);--tree-hover: rgba(94, 129, 172, .13);--selection-bg: rgba(94, 129, 172, .14);--selection-strong: rgba(94, 129, 172, .22);--resizer-track: rgba(76, 86, 106, .18);--resizer-handle: rgba(76, 86, 106, .28);--shadow: 0 18px 44px rgba(46, 52, 64, .17);--hairline: rgba(255, 255, 255, .62);--body-background: radial-gradient(circle at top left, rgba(94, 129, 172, .09), transparent 24%), radial-gradient(circle at top right, rgba(136, 192, 208, .08), transparent 22%), linear-gradient(180deg, #f2f4f8 0%, #eceff4 100%);--options-body-background: radial-gradient(circle at top left, rgba(94, 129, 172, .1), transparent 24%), radial-gradient(circle at top right, rgba(136, 192, 208, .09), transparent 22%), linear-gradient(180deg, #f2f4f8 0%, #eceff4 100%);--track-list-header-background: linear-gradient(180deg, rgba(242, 244, 248, .8) 0%, rgba(229, 233, 240, .74) 100%), rgba(236, 239, 244, .3);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(46, 52, 64, .1), rgba(46, 52, 64, 0));--player-bar-fade: linear-gradient(180deg, rgba(46, 52, 64, 0), rgba(46, 52, 64, .1));--dropzone-background: linear-gradient(180deg, rgba(255, 255, 255, .18), transparent 18%)}:root[data-theme=nordic][data-color-scheme=dark]{--bg-base: #1b222d;--menu-bar-bg: #1b222d;--window-topbar-bg: #1b222d;--window-topbar-text: #d8dee9;--window-topbar-text-strong: #eceff4;--window-topbar-muted: #9aa8ba;--window-topbar-hover-surface: rgba(216, 222, 233, .08);--window-topbar-hairline: rgba(236, 239, 244, .04);--bg-elevated: rgba(48, 57, 70, .94);--bg-soft: #303946;--menu-popover-bg: rgba(35, 42, 52, .985);--menu-popover-text: #d8dee9;--menu-popover-muted: #9aa8ba;--menu-popover-border: rgba(129, 161, 193, .24);--menu-popover-hover: rgba(129, 161, 193, .16);--menu-popover-shadow: 0 18px 44px rgba(8, 12, 17, .42);--bg-tree: rgba(35, 42, 52, .96);--bg-card: rgba(59, 69, 85, .52);--bg-input: rgba(27, 34, 45, .92);--bg-search: rgba(35, 42, 52, .96);--bg-volume-popup: rgba(27, 34, 45, .84);--text: #d8dee9;--text-strong: #eceff4;--muted: #9aa8ba;--muted-strong: #bfccdc;--accent: #81a1c1;--accent-strong: #88c0d0;--accent-strong-soft: rgba(136, 192, 208, .08);--accent-strong-faint: rgba(136, 192, 208, .12);--accent-strong-border-hover: rgba(136, 192, 208, .4);--accent-focus-border: rgba(136, 192, 208, .32);--accent-dashed-border: rgba(129, 161, 193, .24);--visualizer-high: rgba(236, 239, 244, .92);--visualizer-mid: rgba(136, 192, 208, .66);--visualizer-low: rgba(94, 129, 172, .24);--visualizer-glow: rgba(136, 192, 208, .36);--visualizer-bars: rgba(136, 192, 208, .78);--visualizer-blocks: rgba(236, 239, 244, .68);--danger: #bf616a;--border: rgba(129, 161, 193, .28);--border-strong: rgba(129, 161, 193, .24);--border-soft: rgba(129, 161, 193, .16);--border-faint: rgba(129, 161, 193, .14);--border-subtle: rgba(129, 161, 193, .12);--border-covered: rgba(129, 161, 193, .1);--player-bar-separator: #4b5a6c;--menu-bar-border: rgba(129, 161, 193, .22);--hover-surface: rgba(216, 222, 233, .08);--hover-subtle: rgba(216, 222, 233, .04);--hover-control: rgba(216, 222, 233, .06);--tree-hover: rgba(94, 129, 172, .2);--selection-bg: rgba(129, 161, 193, .14);--selection-strong: rgba(129, 161, 193, .22);--resizer-track: rgba(129, 161, 193, .22);--resizer-handle: rgba(216, 222, 233, .24);--shadow: 0 18px 44px rgba(8, 12, 17, .42);--hairline: rgba(236, 239, 244, .04);--body-background: radial-gradient(circle at top left, rgba(94, 129, 172, .11), transparent 24%), radial-gradient(circle at top right, rgba(136, 192, 208, .08), transparent 22%), linear-gradient(180deg, #27303c 0%, #1b222d 100%);--options-body-background: radial-gradient(circle at top left, rgba(94, 129, 172, .12), transparent 24%), radial-gradient(circle at top right, rgba(136, 192, 208, .09), transparent 22%), linear-gradient(180deg, #27303c 0%, #1b222d 100%);--track-list-header-background: linear-gradient(180deg, rgba(48, 57, 70, .78) 0%, rgba(48, 57, 70, .68) 100%), rgba(27, 34, 45, .24);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(13, 18, 25, .32), rgba(13, 18, 25, 0));--player-bar-fade: linear-gradient(180deg, rgba(13, 18, 25, 0), rgba(13, 18, 25, .32));--dropzone-background: linear-gradient(180deg, rgba(216, 222, 233, .022), transparent 18%)}:root[data-theme=gruvbox]{color-scheme:dark;font-family:var(--app-font-family);--bg-base: #1d2021;--menu-bar-bg: #1c1d1e;--window-topbar-bg: #1c1d1e;--window-topbar-text: #ebdbb2;--window-topbar-text-strong: #fbf1c7;--window-topbar-muted: #bdae93;--window-topbar-hover-surface: rgba(235, 219, 178, .08);--window-topbar-hairline: rgba(255, 255, 255, .03);--bg-elevated: rgba(50, 48, 47, .94);--bg-soft: #32302f;--menu-popover-bg: rgba(40, 40, 40, .985);--menu-popover-text: #ebdbb2;--menu-popover-muted: #bdae93;--menu-popover-border: rgba(168, 153, 132, .24);--menu-popover-hover: rgba(215, 153, 33, .16);--menu-popover-shadow: 0 18px 44px rgba(0, 0, 0, .34);--bg-tree: rgba(40, 40, 40, .96);--bg-card: rgba(60, 56, 54, .52);--bg-input: rgba(29, 32, 33, .92);--bg-search: rgba(40, 40, 40, .96);--bg-volume-popup: rgba(28, 29, 30, .82);--text: #ebdbb2;--text-strong: #fbf1c7;--muted: #bdae93;--muted-strong: #d5c4a1;--accent: #d79921;--accent-strong: #fabd2f;--accent-strong-soft: rgba(250, 189, 47, .08);--accent-strong-faint: rgba(250, 189, 47, .12);--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);--visualizer-high: rgba(251, 241, 199, .94);--visualizer-mid: rgba(250, 189, 47, .68);--visualizer-low: rgba(184, 187, 38, .24);--visualizer-glow: rgba(250, 189, 47, .38);--visualizer-bars: rgba(250, 189, 47, .78);--visualizer-blocks: rgba(251, 241, 199, .72);--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);--player-bar-separator: #5b5447;--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);--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%);--track-list-header-background: linear-gradient(180deg, rgba(50, 48, 47, .76) 0%, rgba(50, 48, 47, .68) 100%), rgba(28, 29, 30, .22);--track-list-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));--dropzone-background: linear-gradient(180deg, rgba(235, 219, 178, .02), transparent 18%)}:root[data-theme=dracula]{--bg-base: #171922;--menu-bar-bg: #1f2029;--window-topbar-bg: #1f2029;--window-topbar-text: #f8f8f2;--window-topbar-text-strong: #ffffff;--window-topbar-muted: #b7bdd6;--window-topbar-hover-surface: rgba(248, 248, 242, .08);--window-topbar-hairline: rgba(255, 255, 255, .04);--bg-elevated: rgba(54, 57, 73, .94);--bg-soft: #343746;--menu-popover-bg: rgba(40, 42, 54, .985);--menu-popover-text: #f8f8f2;--menu-popover-muted: #b7bdd6;--menu-popover-border: rgba(189, 147, 249, .24);--menu-popover-hover: rgba(189, 147, 249, .16);--menu-popover-shadow: 0 18px 44px rgba(8, 9, 14, .42);--bg-tree: rgba(40, 42, 54, .96);--bg-card: rgba(68, 71, 90, .56);--bg-input: rgba(33, 34, 44, .92);--bg-search: rgba(40, 42, 54, .96);--bg-volume-popup: rgba(31, 32, 41, .84);--text: #f8f8f2;--text-strong: #ffffff;--muted: #b7bdd6;--muted-strong: #d8dcf0;--accent: #bd93f9;--accent-strong: #ff79c6;--accent-strong-soft: rgba(255, 121, 198, .08);--accent-strong-faint: rgba(255, 121, 198, .12);--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);--visualizer-high: rgba(255, 246, 210, .95);--visualizer-mid: rgba(120, 205, 255, .68);--visualizer-low: rgba(255, 121, 198, .22);--visualizer-glow: rgba(120, 205, 255, .42);--visualizer-bars: rgba(155, 220, 255, .86);--visualizer-blocks: rgba(255, 246, 210, .72);--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);--player-bar-separator: #625584;--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);--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%);--track-list-header-background: linear-gradient(180deg, rgba(68, 71, 90, .78) 0%, rgba(68, 71, 90, .68) 100%), rgba(31, 32, 41, .24);--track-list-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));--dropzone-background: linear-gradient(180deg, rgba(248, 248, 242, .025), transparent 18%)}:root[data-theme=ember]{--bg-base: #1a1010;--menu-bar-bg: #1c1110;--window-topbar-bg: #1c1110;--window-topbar-text: #f2d9ca;--window-topbar-text-strong: #fff0e4;--window-topbar-muted: #c79a84;--window-topbar-hover-surface: rgba(242, 217, 202, .08);--window-topbar-hairline: rgba(255, 238, 225, .04);--bg-elevated: rgba(55, 31, 27, .94);--bg-soft: #37201c;--menu-popover-bg: rgba(38, 21, 19, .985);--menu-popover-text: #f2d9ca;--menu-popover-muted: #c79a84;--menu-popover-border: rgba(219, 105, 65, .24);--menu-popover-hover: rgba(219, 105, 65, .16);--menu-popover-shadow: 0 18px 44px rgba(9, 5, 4, .44);--bg-tree: rgba(38, 21, 19, .96);--bg-card: rgba(76, 39, 31, .52);--bg-input: rgba(26, 16, 16, .92);--bg-search: rgba(38, 21, 19, .96);--bg-volume-popup: rgba(28, 17, 16, .84);--text: #f2d9ca;--text-strong: #fff0e4;--muted: #c79a84;--muted-strong: #e2b9a5;--accent: #d86a3d;--accent-strong: #f0783f;--accent-strong-soft: rgba(240, 120, 63, .08);--accent-strong-faint: rgba(240, 120, 63, .12);--accent-strong-border-hover: rgba(240, 120, 63, .42);--accent-focus-border: rgba(240, 120, 63, .34);--accent-dashed-border: rgba(216, 106, 61, .24);--visualizer-high: rgba(255, 236, 205, .94);--visualizer-mid: rgba(255, 155, 84, .68);--visualizer-low: rgba(193, 67, 43, .24);--visualizer-glow: rgba(255, 128, 64, .42);--visualizer-bars: rgba(255, 145, 78, .82);--visualizer-blocks: rgba(255, 232, 205, .7);--danger: #ff6d4d;--border: rgba(219, 105, 65, .28);--border-strong: rgba(219, 105, 65, .24);--border-soft: rgba(219, 105, 65, .16);--border-faint: rgba(219, 105, 65, .14);--border-subtle: rgba(219, 105, 65, .12);--border-covered: rgba(219, 105, 65, .1);--player-bar-separator: #65392e;--menu-bar-border: rgba(219, 105, 65, .22);--hover-surface: rgba(242, 217, 202, .08);--hover-subtle: rgba(242, 217, 202, .04);--hover-control: rgba(242, 217, 202, .06);--tree-hover: rgba(126, 61, 47, .2);--selection-bg: rgba(216, 106, 61, .13);--selection-strong: rgba(216, 106, 61, .21);--resizer-track: rgba(219, 105, 65, .22);--resizer-handle: rgba(242, 217, 202, .25);--shadow: 0 18px 44px rgba(9, 5, 4, .44);--hairline: rgba(255, 238, 225, .04);--body-background: radial-gradient(circle at top left, rgba(193, 67, 43, .14), transparent 24%), radial-gradient(circle at top right, rgba(255, 155, 84, .1), transparent 22%), linear-gradient(180deg, #2b1715 0%, #1a1010 100%);--options-body-background: radial-gradient(circle at top left, rgba(193, 67, 43, .16), transparent 24%), radial-gradient(circle at top right, rgba(255, 155, 84, .11), transparent 22%), linear-gradient(180deg, #2b1715 0%, #1a1010 100%);--track-list-header-background: linear-gradient(180deg, rgba(55, 31, 27, .78) 0%, rgba(55, 31, 27, .68) 100%), rgba(28, 17, 16, .24);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(18, 10, 9, .34), rgba(18, 10, 9, 0));--player-bar-fade: linear-gradient(180deg, rgba(18, 10, 9, 0), rgba(18, 10, 9, .34));--dropzone-background: linear-gradient(180deg, rgba(242, 217, 202, .024), transparent 18%)}:root[data-theme=synthwave]{color-scheme:dark;font-family:var(--app-font-family);text-shadow:-1px 1px 0 rgba(0,0,0,.85);--bg-base: #150d2e;--menu-bar-bg: #150d2e;--window-topbar-bg: #150d2e;--window-topbar-text: #f3d9ff;--window-topbar-text-strong: #fdf2ff;--window-topbar-muted: #a08cc8;--window-topbar-hover-surface: rgba(243, 217, 255, .08);--window-topbar-hairline: rgba(255, 255, 255, .04);--bg-elevated: rgba(43, 28, 78, .94);--bg-soft: #2b1c4e;--menu-popover-bg: rgba(30, 19, 58, .985);--menu-popover-text: #f3d9ff;--menu-popover-muted: #a08cc8;--menu-popover-border: rgba(255, 71, 183, .26);--menu-popover-hover: rgba(64, 220, 255, .14);--menu-popover-shadow: 0 18px 44px rgba(5, 2, 16, .5);--bg-tree: rgba(30, 19, 58, .96);--bg-card: rgba(60, 38, 108, .52);--bg-input: rgba(20, 12, 44, .92);--bg-search: rgba(30, 19, 58, .96);--bg-volume-popup: rgba(21, 13, 46, .86);--text: #f3d9ff;--text-strong: #fdf2ff;--muted: #a08cc8;--muted-strong: #c6b3ea;--accent: #ff47b7;--accent-strong: #40dcff;--accent-strong-soft: rgba(64, 220, 255, .09);--accent-strong-faint: rgba(64, 220, 255, .14);--accent-strong-border-hover: rgba(64, 220, 255, .46);--accent-focus-border: rgba(64, 220, 255, .36);--accent-dashed-border: rgba(255, 71, 183, .28);--visualizer-high: rgba(253, 242, 255, .94);--visualizer-mid: rgba(64, 220, 255, .72);--visualizer-low: rgba(255, 71, 183, .26);--visualizer-glow: rgba(255, 71, 183, .44);--visualizer-bars: rgba(64, 220, 255, .84);--visualizer-blocks: rgba(253, 242, 255, .7);--danger: #ff5d8f;--border: rgba(255, 71, 183, .3);--border-strong: rgba(255, 71, 183, .26);--border-soft: rgba(255, 71, 183, .18);--border-faint: rgba(255, 71, 183, .15);--border-subtle: rgba(255, 71, 183, .12);--border-covered: rgba(255, 71, 183, .1);--player-bar-separator: #45297c;--menu-bar-border: rgba(255, 71, 183, .24);--hover-surface: rgba(243, 217, 255, .08);--hover-subtle: rgba(243, 217, 255, .04);--hover-control: rgba(243, 217, 255, .06);--tree-hover: rgba(64, 220, 255, .16);--selection-bg: rgba(255, 71, 183, .15);--selection-strong: rgba(255, 71, 183, .23);--resizer-track: rgba(160, 140, 200, .22);--resizer-handle: rgba(64, 220, 255, .3);--shadow: 0 18px 44px rgba(5, 2, 16, .5);--hairline: rgba(255, 255, 255, .04);--body-background: radial-gradient(circle at top left, rgb(255 71 183 / calc(.2 * var(--synthwave-background-brightness, .5))), transparent 24%), radial-gradient(circle at top right, rgb(64 220 255 / calc(.16 * var(--synthwave-background-brightness, .5))), transparent 22%), linear-gradient(180deg, #241554 0%, #150d2e 100%);--options-body-background: linear-gradient(180deg, #241554 0%, #150d2e 100%);--track-list-header-background: linear-gradient(180deg, rgba(43, 28, 78, .78) 0%, rgba(43, 28, 78, .68) 100%), rgba(21, 13, 46, .24);--track-list-header-shadow-gradient: linear-gradient(180deg, rgba(10, 6, 24, .34), rgba(10, 6, 24, 0));--player-bar-fade: linear-gradient(180deg, rgba(10, 6, 24, 0), rgba(10, 6, 24, .34));--dropzone-background: linear-gradient(180deg, rgba(243, 217, 255, .024), transparent 18%)}:root[data-theme=synthwave] button,:root[data-theme=synthwave] input,:root[data-theme=synthwave] select,:root[data-theme=synthwave] textarea{text-shadow:inherit}:root[data-theme=synthwave] .app-shell:before{content:"";position:absolute;left:50%;top:calc(46% - 7.5rem);width:15rem;height:7.5rem;transform:translate(-50%);z-index:-1;pointer-events:none;border-radius:15rem 15rem 0 0;background:linear-gradient(180deg,#cb5f6d,#e08657 45%,#f2ba80);opacity:calc(var(--synthwave-background-brightness, .5) * 2)}:root[data-theme=synthwave] .app-shell:after{content:"";position:absolute;inset:46% -25% -12%;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffcd9680 0 0),linear-gradient(#ffc38c61 0 0),linear-gradient(#ffb98247 0 0),linear-gradient(#ffaf7833 0 0),linear-gradient(#ffa57321 0 0),radial-gradient(7rem 30rem at 50% 1rem,rgba(255,205,150,.26) 0%,rgba(255,170,120,.12) 45%,transparent 72%),radial-gradient(34rem 16rem at 50% 0%,rgba(255,120,190,.12),transparent 70%),linear-gradient(rgba(255,71,183,.4) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(64,220,255,.32) 1.5px,transparent 1.5px);background-size:15rem 1.1rem,12.5rem .95rem,10rem .8rem,7.5rem .68rem,5rem .55rem,100% 100%,100% 100%,48px 48px,48px 48px;background-position:50% .9rem,50% 2.3rem,50% 3.6rem,50% 4.8rem,50% 5.9rem,0 0,0 0,0 0,0 0;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat,repeat;transform:perspective(26rem) rotateX(63deg);transform-origin:top center;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.55) 6%,#000 18%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.55) 6%,#000 18%);opacity:calc(var(--synthwave-background-brightness, .5) * 2)}:root[data-theme=synthwave] .player-bar{border-image:radial-gradient(42% 260% at 50% 0%,rgba(255,210,155,.75),rgba(255,160,120,.18) 60%,transparent 85%) 1}:root[data-theme=synthwave] .player-bar{--player-control-accent: #ff63c1}:root[data-theme=synthwave] :is(section,footer).player-bar .transport-button{color:#ff63c1}:root[data-theme=synthwave] :is(section,footer).player-bar .transport-button:hover:not(:disabled){background:transparent;transition-duration:0ms;filter:drop-shadow(0 0 .38rem color-mix(in srgb,#ff63c1 68%,transparent)) drop-shadow(0 0 .95rem color-mix(in srgb,#ff63c1 46%,transparent))}:root[data-theme=chameleon][data-color-scheme=light]{color-scheme:light;--theme-color-output-lightness: 32%;--bg-base: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 92%);--menu-bar-bg: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 90%);--window-topbar-bg: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 90%);--window-topbar-text: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 31%);--window-topbar-text-strong: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 24%);--window-topbar-muted: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 46%);--window-topbar-hover-surface: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 30% / .07);--window-topbar-hairline: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 100% / .62);--bg-elevated: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 97% / .94);--bg-soft: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 87%);--menu-popover-bg: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 96% / .985);--menu-popover-text: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 30%);--menu-popover-muted: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 46%);--menu-popover-border: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 32% / .18);--menu-popover-hover: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 38% / .1);--menu-popover-shadow: 0 18px 44px hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 18% / .16);--bg-tree: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 95% / .97);--bg-card: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 100% / .38);--bg-input: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 85% / .92);--bg-search: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 96% / .97);--bg-volume-popup: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 96% / .92);--text: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 30%);--text-strong: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 24%);--muted: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 45%);--muted-strong: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 36%);--accent: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 38%);--accent-strong: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 32%);--accent-text: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 98%);--accent-strong-soft: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 32% / .08);--accent-strong-faint: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 32% / .12);--accent-strong-border-hover: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 32% / .38);--accent-focus-border: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 32% / .32);--accent-dashed-border: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 32% / .26);--visualizer-high: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 23% / .54);--visualizer-mid: hsl(var(--chameleon-hue) var(--chameleon-vivid-saturation) 34% / .46);--visualizer-low: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 45% / .2);--visualizer-glow: hsl(var(--chameleon-hue) var(--chameleon-vivid-saturation) 34% / .14);--visualizer-bars: hsl(var(--chameleon-hue) var(--chameleon-vivid-saturation) 31% / .55);--visualizer-blocks: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 23% / .42);--danger: #a8504d;--border: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .2);--border-strong: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .18);--border-soft: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .13);--border-faint: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .1);--border-subtle: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .085);--border-covered: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .07);--player-bar-separator: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 78%);--menu-bar-border: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .16);--hover-surface: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 30% / .07);--hover-subtle: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 30% / .04);--hover-control: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 30% / .06);--tree-hover: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 38% / .1);--selection-bg: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 38% / .12);--selection-strong: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 38% / .18);--resizer-track: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .15);--resizer-handle: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .24);--shadow: 0 18px 44px hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 18% / .16);--hairline: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 100% / .62);--body-background: radial-gradient(circle at top left, hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 40% / .07), transparent 24%), radial-gradient(circle at top right, hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 100% / .34), transparent 22%), linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 95%) 0%, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 92%) 100%);--options-body-background: radial-gradient(circle at top left, hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 40% / .08), transparent 24%), radial-gradient(circle at top right, hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 100% / .38), transparent 22%), linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 95%) 0%, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 92%) 100%);--track-list-header-background: linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 97% / .78) 0%, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 95% / .72) 100%), hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 92% / .3);--track-list-header-shadow-gradient: linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .09), transparent);--player-bar-fade: linear-gradient(180deg, transparent, hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 30% / .09));--dropzone-background: linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 100% / .16), transparent 18%)}:root[data-theme=chameleon][data-color-scheme=dark]{color-scheme:dark;--theme-color-output-lightness: 72%;--bg-base: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 9%);--menu-bar-bg: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 11%);--window-topbar-bg: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 11%);--window-topbar-text: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 88%);--window-topbar-text-strong: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 97%);--window-topbar-muted: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 66%);--window-topbar-hover-surface: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 72% / .09);--window-topbar-hairline: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 95% / .04);--bg-elevated: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 17% / .95);--bg-soft: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 18%);--menu-popover-bg: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 12% / .985);--menu-popover-text: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 88%);--menu-popover-muted: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 66%);--menu-popover-border: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 64% / .25);--menu-popover-hover: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 64% / .16);--menu-popover-shadow: 0 18px 44px hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 3% / .46);--bg-tree: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 12% / .97);--bg-card: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 23% / .52);--bg-input: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 8% / .93);--bg-search: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 12% / .97);--bg-volume-popup: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 8% / .86);--text: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 88%);--text-strong: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 97%);--muted: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 66%);--muted-strong: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 79%);--accent: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 72%);--accent-strong: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 78%);--accent-text: hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 9%);--accent-strong-soft: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 78% / .08);--accent-strong-faint: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 78% / .13);--accent-strong-border-hover: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 78% / .44);--accent-focus-border: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 78% / .35);--accent-dashed-border: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 58% / .26);--visualizer-high: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 96% / .94);--visualizer-mid: hsl(var(--chameleon-hue) var(--chameleon-vivid-saturation) 70% / .7);--visualizer-low: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 48% / .25);--visualizer-glow: hsl(var(--chameleon-hue) var(--chameleon-vivid-saturation) 68% / .42);--visualizer-bars: hsl(var(--chameleon-hue) var(--chameleon-vivid-saturation) 72% / .84);--visualizer-blocks: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 96% / .72);--danger: #f06f6b;--border: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 62% / .29);--border-strong: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 62% / .25);--border-soft: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 62% / .17);--border-faint: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 62% / .14);--border-subtle: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 62% / .12);--border-covered: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 62% / .1);--player-bar-separator: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 31%);--menu-bar-border: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 62% / .23);--hover-surface: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 82% / .09);--hover-subtle: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 82% / .045);--hover-control: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 82% / .065);--tree-hover: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 50% / .2);--selection-bg: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 58% / .15);--selection-strong: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 58% / .24);--resizer-track: hsl(var(--chameleon-hue) var(--chameleon-border-saturation) 62% / .22);--resizer-handle: hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 82% / .27);--shadow: 0 18px 44px hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 3% / .46);--hairline: hsl(var(--chameleon-hue) var(--chameleon-text-saturation) 95% / .04);--body-background: radial-gradient(circle at top left, hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 48% / .15), transparent 24%), radial-gradient(circle at top right, hsl(var(--chameleon-hue) var(--chameleon-vivid-saturation) 70% / .1), transparent 22%), linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 15%) 0%, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 9%) 100%);--options-body-background: radial-gradient(circle at top left, hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 48% / .17), transparent 24%), radial-gradient(circle at top right, hsl(var(--chameleon-hue) var(--chameleon-vivid-saturation) 70% / .11), transparent 22%), linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 15%) 0%, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 9%) 100%);--track-list-header-background: linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 19% / .8) 0%, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 17% / .7) 100%), hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 9% / .25);--track-list-header-shadow-gradient: linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 4% / .35), transparent);--player-bar-fade: linear-gradient(180deg, transparent, hsl(var(--chameleon-hue) var(--chameleon-surface-saturation) 4% / .35));--dropzone-background: linear-gradient(180deg, hsl(var(--chameleon-hue) var(--chameleon-accent-saturation) 88% / .024), transparent 18%)}@property --izci-scrollbar-visibility{syntax: "<number>"; inherits: true; initial-value: 0;}*{--izci-scrollbar-visibility: 0}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:color-mix(in srgb,color-mix(in srgb,var(--bg-base) 82%,transparent) calc(var(--izci-scrollbar-visibility) * 100%),transparent)}*::-webkit-scrollbar-thumb{min-width:28px;min-height:28px;border:solid transparent;border-width:calc(6px - var(--izci-scrollbar-visibility) * 4px) 2px 2px calc(6px - var(--izci-scrollbar-visibility) * 4px);border-radius:999px;background:color-mix(in srgb,color-mix(in srgb,var(--accent) 58%,var(--bg-soft)) calc(var(--izci-scrollbar-visibility) * 100%),transparent);background-clip:padding-box}.izci-scrollbar-active,.izci-scrollbar-near{--izci-scrollbar-visibility: 1}*::-webkit-scrollbar-thumb:hover{border-width:2px;background:color-mix(in srgb,var(--accent-strong) 72%,var(--bg-soft));background-clip:padding-box}*::-webkit-scrollbar-thumb:active{border-width:2px;background:var(--accent-strong);background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-button{display:none}html.izci-overlay-vertical-scrollbars *::-webkit-scrollbar{width:0}.izci-vertical-scrollbar-overlay{position:fixed;z-index:46;width:10px;pointer-events:none;opacity:0;transition:opacity .18s ease-out}.izci-vertical-scrollbar-overlay.is-visible{opacity:1}.izci-vertical-scrollbar-overlay:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--bg-base) 82%,transparent)}.izci-vertical-scrollbar-overlay-thumb{position:absolute;inset-inline:0;min-height:28px;pointer-events:auto;touch-action:none;cursor:default}.izci-vertical-scrollbar-overlay-thumb:before{content:"";position:absolute;inset:2px;border-radius:999px;background:color-mix(in srgb,var(--accent) 58%,var(--bg-soft))}.izci-vertical-scrollbar-overlay-thumb:hover:before{background:color-mix(in srgb,var(--accent-strong) 72%,var(--bg-soft))}.izci-vertical-scrollbar-overlay-thumb:active:before{background:var(--accent-strong)}@media(forced-colors:active){*::-webkit-scrollbar,*::-webkit-scrollbar-track,*::-webkit-scrollbar-thumb,*::-webkit-scrollbar-corner,*::-webkit-scrollbar-button{all:revert}.izci-vertical-scrollbar-overlay{display:none}}@media(prefers-reduced-motion:reduce){.izci-vertical-scrollbar-overlay{transition:none}}:root{background:var(--bg-base);color:var(--text);-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{height:100%;margin:0;overflow:hidden}body{min-height:100%;background:transparent;font-size:.8rem;-webkit-user-select:none;user-select:none}button,input,select{font:inherit}.font-control{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;width:180px;max-width:100%}.font-control .local-font-button{align-self:flex-end;padding:.2rem .45rem;border:1px solid var(--border-soft);border-radius:.2rem;background:var(--bg-soft);color:var(--text);font-size:.75rem;cursor:default}.font-control select{width:100%}.font-control .local-font-button:disabled{opacity:.55;pointer-events:none}.font-control .local-font-button:hover:not(:disabled){background:var(--hover-surface)}.window-topbar.desktop-titlebar{min-height:32px;padding-right:0;gap:.45rem;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.window-topbar.desktop-titlebar-inactive .window-topbar-title{opacity:.6}button{border:0}code{font-family:IBM Plex Mono,SFMono-Regular,monospace;color:var(--text-strong)}.material-symbols-outlined{font-size:16px;line-height:1}.options-shell{height:100%;min-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:var(--options-body-background);font-size:.8rem}.options-shell.window-controls-overlay-active{padding-top:var(--window-frame-safe-top)}.window-topbar{position:sticky;top:0;z-index:40;min-height:1.9rem;padding:0 .65rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--window-topbar-bg);border-bottom:1px solid var(--menu-bar-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--hairline)}.window-topbar.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}.window-topbar-title{min-width:0;flex:1 1 auto;display:flex;align-items:center;gap:.3ch;font-size:.8rem;line-height:1.1;overflow:hidden;white-space:nowrap;container-type:inline-size}.window-topbar-prefix{color:var(--muted);flex:0 0 auto}.window-topbar-breadcrumbs{min-width:0;display:inline-flex;align-items:center;gap:.3ch}.window-topbar-separator{color:var(--muted)}.window-topbar-crumb{min-width:0;color:var(--muted);font-weight:500}.window-topbar-crumb.is-current{color:var(--text-strong);font-weight:700}@container (max-width: 250px){.window-topbar-prefix,.window-topbar-prefix-separator{display:none}}@container (max-width: 140px){.window-topbar-parent,.window-topbar-parent-separator{display:none}}.window-topbar-tools{display:flex;align-items:center;gap:.2rem;-webkit-app-region:no-drag}.tool-button{min-width:1.9rem;min-height:1.9rem;margin:0;padding:0;border-radius:.4rem;background:transparent;color:var(--muted-strong);display:inline-flex;align-items:center;justify-content:center;-webkit-app-region:no-drag}.tool-button:hover:not(:disabled){background:var(--hover-surface);color:var(--text-strong)}.tool-button.is-active{color:var(--accent-strong)}.tool-button:disabled{opacity:.4;cursor:default}.options-main{min-height:0;display:grid;grid-template-columns:max-content minmax(0,1fr);overflow:hidden}.tree-panel,.content-panel{min-height:0}.tree-panel{width:max-content;min-width:150px;padding:8px 0;background:var(--bg-tree);border-right:1px solid var(--border-soft);overflow:auto;scrollbar-gutter:stable}.tree-sizing{width:max-content;height:0;overflow:hidden;visibility:hidden}.tree-sizing .tree-item{width:max-content}.tree{display:flex;flex-direction:column;gap:2px}.tree-group{display:flex;flex-direction:column}.tree-item{width:100%;background:transparent;color:inherit;display:flex;align-items:center;gap:6px;text-align:left;border-radius:0;padding:3px 8px;font-size:.8rem;cursor:default}.tree-item:focus-visible{outline-offset:-2px}.tree-chevron{flex:0 0 14px;align-self:stretch;display:flex;align-items:center;justify-content:center}.tree-chevron .material-symbols-outlined{font-size:14px}.tree-icon{flex:0 0 16px}.tree-item:hover{background:var(--tree-hover)}.tree-item[aria-selected=true]{background:var(--selection-strong);color:var(--text-strong)}.tree-item.child{padding-left:28px}.tree-item .material-symbols-outlined{color:var(--muted)}.tree-item[aria-selected=true] .material-symbols-outlined{color:var(--accent-strong)}.tree-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-panel{padding:8px 10px;overflow:auto;container-type:inline-size}.content-panel.raf-content{padding:0;overflow:hidden}.view{display:block}.content-panel.about-content-panel{padding:0;overflow:hidden}.section+.section{margin-top:12px}.section h2{margin:0 0 8px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.license-document{margin:0;padding:12px;border:1px solid var(--border-faint);border-radius:8px;background:var(--bg-input);color:var(--text);font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.field-grid{display:flex;flex-direction:column}.field{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,auto);align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border-faint)}.field:first-child{border-top:1px solid var(--border-faint)}.options-shell:not(.advanced-tweaks-visible) .advanced-tweak{display:none}.options-shell:not(.advanced-tweaks-visible) .field-grid>.field:nth-child(1 of.field:not(.advanced-tweak)){border-top:1px solid var(--border-faint)}.options-shell:not(.advanced-tweaks-visible) .section:has(>.field-grid>.advanced-tweak):not(:has(>.field-grid>.field:not(.advanced-tweak))){display:none}.advanced-tweaks-visible .advanced-tweak .field-title{color:var(--muted-strong);font-style:italic}.field-copy{min-width:0}.field-title{font-size:.8rem}.field-control{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.rg-preamp-control{flex-direction:column;align-items:stretch;gap:.45rem}.font-field{align-items:start}.font-field .field-copy{padding-top:5px}.field-output{min-width:7.5ch;color:var(--accent-strong);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.field input[type=checkbox]{inline-size:1rem;block-size:1rem;margin:0;accent-color:var(--accent)}.field input[type=range]{width:min(180px,24vw);accent-color:var(--accent)}.field-control:has(>input[type=range]+.field-output){display:grid;grid-template-columns:minmax(0,1fr) min(180px,24vw)}.field-control>input[type=range]:has(+.field-output){grid-column:2;grid-row:1;width:100%;min-width:0;margin-inline:0}.field-control>input[type=range]+.field-output{grid-column:1;grid-row:1;min-width:0;white-space:normal;overflow-wrap:anywhere}.theme-color-slider-control{gap:12px}.field input.theme-color-hue-slider{width:min(240px,32vw);height:18px;margin:0;background:transparent;appearance:none}.theme-color-hue-slider::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,#e54343,#e5e543,#43e543,#43e5e5,#5d5de9,#e74be7,#e54345);box-shadow:0 0 0 1px #ffffff24,0 1px 2px #0000005c}.theme-color-hue-slider::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;border:2px solid var(--text-strong);border-radius:50%;background:hsl(var(--slider-hue) var(--slider-saturation) 58%);box-shadow:0 0 0 2px #00000094,0 2px 6px #00000080;appearance:none}.field input.theme-color-saturation-slider,.field input.synthwave-brightness-slider{width:min(240px,32vw);height:18px;margin:0;background:transparent;appearance:none}.theme-color-saturation-slider::-webkit-slider-runnable-track,.synthwave-brightness-slider::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,hsl(var(--slider-hue) 0% 58%),hsl(var(--slider-hue) 100% 58%));box-shadow:0 0 0 1px #ffffff24,0 1px 2px #0000005c}.theme-color-saturation-slider::-webkit-slider-thumb,.synthwave-brightness-slider::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;border:2px solid var(--text-strong);border-radius:50%;background:hsl(var(--slider-hue) var(--slider-saturation) 58%);box-shadow:0 0 0 2px #00000094,0 2px 6px #00000080;appearance:none}.theme-color-slider-output{min-width:4.5ch;color:hsl(var(--swatch-hue, var(--chameleon-hue)) var(--swatch-saturation, var(--chameleon-accent-saturation)) var(--theme-color-output-lightness));font-variant-numeric:tabular-nums;text-align:right}.field select{border-radius:6px;border:1px solid var(--menu-bar-border);padding:4px 8px;color:var(--text);background:var(--bg-input)}.backdrop-zone-field{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px}.backdrop-zone-effect-row,.backdrop-zone-slider{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,auto);align-items:center;gap:10px;grid-column:1 / -1}.backdrop-zone-slider{padding-left:14px}.backdrop-zone-slider-label{color:var(--muted);font-size:.75rem}.field input[type=number]{width:7.5rem;border-radius:6px;border:1px solid var(--menu-bar-border);padding:4px 8px;color:var(--text);background:var(--bg-input)}.field input[type=text],.field input[type=password]{width:min(22rem,42vw);border:1px solid var(--menu-bar-border);border-radius:6px;padding:4px 8px;background:var(--bg-input);color:var(--text);-webkit-user-select:text;user-select:text}.field input[type=text].compact-text-input{width:4rem}.field input[type=text].wide-text-input,.field input[type=password].wide-text-input{width:min(34rem,56vw);font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.74rem}.options-page-note{margin:8px 0 0;color:var(--muted);font-size:.72rem;line-height:1.45}.field-hint{margin:0;grid-column:1 / -1;font-size:.75rem;color:var(--muted)}.options-shell:not(.hints-expanded) .field-hint{display:none}.checkbox-field{grid-template-columns:minmax(0,1fr) auto;align-items:center}.checkbox-field .field-copy{padding-top:0}@container (max-width: 360px){.field{grid-template-columns:1fr;gap:8px}.backdrop-zone-effect-row,.backdrop-zone-slider{grid-template-columns:1fr;gap:6px}.backdrop-zone-slider{padding-left:0}.field-control{justify-content:space-between}.field-control:has(>input[type=range]+.field-output){width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.field input[type=range]{width:100%}}