:root{--warning: #f5a524;--danger: #f2556b;--success: #34d399;--radius-xs: 4px;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--gap: 6px;--font-ui: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}:root,:root[data-theme=cream]{--accent: #2f6b4f;--accent-rgb: 47, 107, 79;--accent-2: #3f8a66;--accent-3: #4f9a75;--accent-hover: #285c44;--accent-text: #ffffff;--accent-soft: rgba(47, 107, 79, .14);--accent-grad: linear-gradient(135deg, #377a5b 0%, #2f6b4f 55%, #285c44 100%);--brand-grad: linear-gradient(135deg, #24573f 0%, #2f6b4f 45%, #5e9c7c 100%);--brand-1: #3d8a64;--brand-2: #2f6b4f;--brand-3: #1f4a36;--canvas-accent: #1fa36a;--glow-1: rgba(47, 107, 79, .12);--glow-2: rgba(200, 170, 110, .16);--about-bg: radial-gradient(420px 220px at 0% 0%, rgba(95, 168, 131, .55), transparent 70%), radial-gradient(420px 240px at 100% 100%, rgba(214, 186, 128, .32), transparent 70%), #14251c;--focus: #2f6b4f;--focus-ring: 0 0 0 3px rgba(47, 107, 79, .24);--text-selection: rgba(47, 107, 79, .24);--pasteboard: #d9d3c4;--app-bg: #ebe6da;--panel: #fbf8f1;--panel-2: #f5f1e7;--panel-3: #efeadf;--panel-header: #f5f1e7;--panel-header-text: #7d7867;--tab-active: #e3ece4;--tab-inactive: transparent;--doc-tabbar: #fbf8f1;--doc-tab-active: #e3ece4;--doc-tab-inactive: transparent;--menubar: transparent;--input: #ffffff;--input-hover: #fdfbf6;--input-border: #d8d0bf;--input-text: #1c1b15;--button: #fffdf8;--button-hover: #f6f2e9;--button-active: #ede8dc;--button-border: #d6cebd;--text: #3a382f;--text-strong: #1c1b15;--text-dim: #847f6d;--text-disabled: #b3ad9b;--border: #e2dccd;--border-light: #ebe6d9;--divider: #ece7da;--row-hover: rgba(28, 27, 21, .045);--row-selected: rgba(47, 107, 79, .14);--row-selected-text: #173b2a;--tool-hover: rgba(28, 27, 21, .06);--tool-active: rgba(47, 107, 79, .16);--icon: #3f3d33;--icon-dim: #8f8a77;--menu-bg: rgba(253, 251, 246, .98);--menu-border: rgba(28, 27, 21, .1);--menu-hover: rgba(47, 107, 79, .14);--menu-hover-text: #173b2a;--menu-sep: rgba(28, 27, 21, .08);--scroll-thumb: rgba(28, 27, 21, .16);--scroll-thumb-hover: rgba(28, 27, 21, .28);--shadow: rgba(40, 34, 20, .18);--card-shadow: 0 1px 2px rgba(40, 34, 20, .06), 0 6px 20px rgba(40, 34, 20, .06);--pop-shadow: 0 18px 48px rgba(40, 34, 20, .18), 0 0 0 1px rgba(28, 27, 21, .06);--dialog-bg: #fbf8f1;--dialog-title: #fbf8f1;--tooltip-bg: #23271f;--tooltip-text: #f6f3ea;--checker-a: #ffffff;--checker-b: #d9d9d9;--slider-track: #e2dccd;--slider-fill: #2f6b4f;--thumb-border: rgba(40, 34, 20, .25);--knob: #ffffff;--swatch-ring: rgba(28, 27, 21, .28);color-scheme:light}:root[data-theme=daylight]{--accent: #059669;--accent-rgb: 5, 150, 105;--accent-2: #10b981;--accent-3: #10b981;--accent-hover: #047857;--accent-text: #ffffff;--accent-soft: rgba(5, 150, 105, .13);--accent-grad: linear-gradient(135deg, #0aa775 0%, #059669 55%, #047857 100%);--brand-grad: linear-gradient(135deg, #047857 0%, #059669 45%, #14b8a6 100%);--brand-1: #10b981;--brand-2: #059669;--brand-3: #046c4e;--canvas-accent: #10b981;--glow-1: rgba(5, 150, 105, .1);--glow-2: rgba(20, 184, 166, .1);--about-bg: radial-gradient(420px 220px at 0% 0%, rgba(16, 185, 129, .5), transparent 70%), radial-gradient(420px 240px at 100% 100%, rgba(45, 212, 191, .3), transparent 70%), #0d1f19;--focus: #059669;--focus-ring: 0 0 0 3px rgba(5, 150, 105, .25);--text-selection: rgba(5, 150, 105, .22);--pasteboard: #d1d6dc;--app-bg: #e4e7eb;--panel: #fbfcfd;--panel-2: #f4f6f8;--panel-3: #edf0f3;--panel-header: #f4f6f8;--panel-header-text: #6b747e;--tab-active: #e1f3ec;--tab-inactive: transparent;--doc-tabbar: #fbfcfd;--doc-tab-active: #e1f3ec;--doc-tab-inactive: transparent;--menubar: transparent;--input: #ffffff;--input-hover: #f8fafb;--input-border: #d3d9e0;--input-text: #11161b;--button: #ffffff;--button-hover: #f3f5f7;--button-active: #eaeef1;--button-border: #d1d7de;--text: #2f363d;--text-strong: #11161b;--text-dim: #737d88;--text-disabled: #a9b1ba;--border: #dde2e7;--border-light: #e7ebef;--divider: #e9edf0;--row-hover: rgba(17, 22, 27, .045);--row-selected: rgba(5, 150, 105, .13);--row-selected-text: #064e3b;--tool-hover: rgba(17, 22, 27, .06);--tool-active: rgba(5, 150, 105, .15);--icon: #36404a;--icon-dim: #87919b;--menu-bg: rgba(255, 255, 255, .98);--menu-border: rgba(17, 22, 27, .09);--menu-hover: rgba(5, 150, 105, .13);--menu-hover-text: #064e3b;--menu-sep: rgba(17, 22, 27, .08);--scroll-thumb: rgba(17, 22, 27, .16);--scroll-thumb-hover: rgba(17, 22, 27, .28);--shadow: rgba(20, 28, 38, .18);--card-shadow: 0 1px 2px rgba(20, 28, 38, .06), 0 6px 20px rgba(20, 28, 38, .06);--pop-shadow: 0 18px 48px rgba(20, 28, 38, .18), 0 0 0 1px rgba(17, 22, 27, .06);--dialog-bg: #fbfcfd;--dialog-title: #fbfcfd;--tooltip-bg: #1b2229;--tooltip-text: #f3f6f8;--checker-a: #ffffff;--checker-b: #d6d9dd;--slider-track: #dde2e7;--slider-fill: #059669;--thumb-border: rgba(20, 28, 38, .25);--knob: #ffffff;--swatch-ring: rgba(17, 22, 27, .28);color-scheme:light}:root[data-theme=onyx]{--accent: #22d3ee;--accent-rgb: 34, 211, 238;--accent-2: #38bdf8;--accent-3: #67e8f9;--accent-hover: #4fdcf2;--accent-text: #062a33;--accent-soft: rgba(34, 211, 238, .16);--accent-grad: linear-gradient(135deg, #45e2f7 0%, #22d3ee 50%, #12b9d6 100%);--brand-grad: linear-gradient(135deg, #22d3ee 0%, #38bdf8 50%, #a5f3fc 100%);--brand-1: #22d3ee;--brand-2: #0ea5c6;--brand-3: #0e5f73;--canvas-accent: #22d3ee;--glow-1: rgba(34, 211, 238, .12);--glow-2: rgba(56, 189, 248, .08);--about-bg: radial-gradient(420px 220px at 0% 0%, rgba(34, 211, 238, .45), transparent 70%), radial-gradient(420px 240px at 100% 100%, rgba(56, 189, 248, .28), transparent 70%), #0a1114;--focus: #22d3ee;--focus-ring: 0 0 0 3px rgba(34, 211, 238, .28);--text-selection: rgba(34, 211, 238, .3);--pasteboard: #0f1213;--app-bg: #0b0d0e;--panel: #15181a;--panel-2: #1a1e20;--panel-3: #202427;--panel-header: #1a1e20;--panel-header-text: #7d888e;--tab-active: #252a2d;--tab-inactive: transparent;--doc-tabbar: #15181a;--doc-tab-active: #252a2d;--doc-tab-inactive: transparent;--menubar: transparent;--input: #0d1011;--input-hover: #101314;--input-border: #262c2f;--input-text: #e9eef0;--button: #1f2427;--button-hover: #272d30;--button-active: #1a1e21;--button-border: #2c3236;--text: #c9d1d5;--text-strong: #f4f8fa;--text-dim: #7c878d;--text-disabled: #4c5458;--border: #1f2427;--border-light: #2a3034;--divider: #1c2023;--row-hover: rgba(255, 255, 255, .045);--row-selected: rgba(34, 211, 238, .16);--row-selected-text: #ffffff;--tool-hover: rgba(255, 255, 255, .07);--tool-active: rgba(34, 211, 238, .18);--icon: #c3cbd0;--icon-dim: #737e84;--menu-bg: rgba(21, 24, 26, .97);--menu-border: rgba(255, 255, 255, .08);--menu-hover: rgba(34, 211, 238, .22);--menu-hover-text: #ffffff;--menu-sep: rgba(255, 255, 255, .07);--scroll-thumb: rgba(255, 255, 255, .12);--scroll-thumb-hover: rgba(255, 255, 255, .22);--shadow: rgba(0, 0, 0, .5);--card-shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 8px 24px rgba(0, 0, 0, .3);--pop-shadow: 0 18px 50px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .06);--dialog-bg: #16191b;--dialog-title: #16191b;--tooltip-bg: #1f2427;--tooltip-text: #eef3f5;--checker-a: #ffffff;--checker-b: #d6d9dc;--slider-track: #262c2f;--slider-fill: #22d3ee;--thumb-border: rgba(0, 0, 0, .45);--knob: #f4f8fa;--swatch-ring: rgba(255, 255, 255, .22);color-scheme:dark}:root[data-theme=graphite]{--accent: #f5a524;--accent-rgb: 245, 165, 36;--accent-2: #fbbf24;--accent-3: #fcd34d;--accent-hover: #f7b443;--accent-text: #241600;--accent-soft: rgba(245, 165, 36, .16);--accent-grad: linear-gradient(135deg, #f8b440 0%, #f5a524 50%, #e8960f 100%);--brand-grad: linear-gradient(135deg, #f5a524 0%, #fbbf24 50%, #fde68a 100%);--brand-1: #fbbf24;--brand-2: #f5a524;--brand-3: #b45309;--canvas-accent: #f5a524;--glow-1: rgba(245, 165, 36, .1);--glow-2: rgba(251, 191, 36, .06);--about-bg: radial-gradient(420px 220px at 0% 0%, rgba(245, 165, 36, .45), transparent 70%), radial-gradient(420px 240px at 100% 100%, rgba(251, 191, 36, .22), transparent 70%), #15120c;--focus: #f5a524;--focus-ring: 0 0 0 3px rgba(245, 165, 36, .28);--text-selection: rgba(245, 165, 36, .32);--pasteboard: #181818;--app-bg: #131313;--panel: #1e1e1e;--panel-2: #242424;--panel-3: #2a2a2a;--panel-header: #242424;--panel-header-text: #8a8a8a;--tab-active: #2f2f2f;--tab-inactive: transparent;--doc-tabbar: #1e1e1e;--doc-tab-active: #2f2f2f;--doc-tab-inactive: transparent;--menubar: transparent;--input: #151515;--input-hover: #181818;--input-border: #303030;--input-text: #ededed;--button: #2a2a2a;--button-hover: #323232;--button-active: #242424;--button-border: #383838;--text: #d0d0d0;--text-strong: #f5f5f5;--text-dim: #8a8a8a;--text-disabled: #555555;--border: #282828;--border-light: #333333;--divider: #262626;--row-hover: rgba(255, 255, 255, .045);--row-selected: rgba(245, 165, 36, .17);--row-selected-text: #ffffff;--tool-hover: rgba(255, 255, 255, .07);--tool-active: rgba(245, 165, 36, .2);--icon: #cfcfcf;--icon-dim: #808080;--menu-bg: rgba(30, 30, 30, .97);--menu-border: rgba(255, 255, 255, .08);--menu-hover: rgba(245, 165, 36, .24);--menu-hover-text: #ffffff;--menu-sep: rgba(255, 255, 255, .07);--scroll-thumb: rgba(255, 255, 255, .12);--scroll-thumb-hover: rgba(255, 255, 255, .22);--shadow: rgba(0, 0, 0, .5);--card-shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 8px 24px rgba(0, 0, 0, .3);--pop-shadow: 0 18px 50px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .06);--dialog-bg: #1f1f1f;--dialog-title: #1f1f1f;--tooltip-bg: #2a2a2a;--tooltip-text: #f2f2f2;--checker-a: #ffffff;--checker-b: #d6d6d6;--slider-track: #333333;--slider-fill: #f5a524;--thumb-border: rgba(0, 0, 0, .45);--knob: #f5f5f5;--swatch-ring: rgba(255, 255, 255, .22);color-scheme:dark}:root[data-theme=noir]{--accent: #f2f2f2;--accent-rgb: 242, 242, 242;--accent-2: #d4d4d4;--accent-3: #ffffff;--accent-hover: #ffffff;--accent-text: #111111;--accent-soft: rgba(255, 255, 255, .12);--accent-grad: linear-gradient(135deg, #ffffff 0%, #ececec 55%, #d4d4d4 100%);--brand-grad: linear-gradient(135deg, #ffffff 0%, #d4d4d4 55%, #9a9a9a 100%);--brand-1: #5a5a5a;--brand-2: #333333;--brand-3: #161616;--canvas-accent: #5ab0ff;--glow-1: rgba(255, 255, 255, .05);--glow-2: rgba(255, 255, 255, .03);--about-bg: radial-gradient(420px 220px at 0% 0%, rgba(255, 255, 255, .18), transparent 70%), radial-gradient(420px 240px at 100% 100%, rgba(255, 255, 255, .08), transparent 70%), #111111;--focus: #e5e5e5;--focus-ring: 0 0 0 3px rgba(255, 255, 255, .2);--text-selection: rgba(255, 255, 255, .25);--pasteboard: #161616;--app-bg: #101010;--panel: #1a1a1a;--panel-2: #202020;--panel-3: #262626;--panel-header: #202020;--panel-header-text: #858585;--tab-active: #2c2c2c;--tab-inactive: transparent;--doc-tabbar: #1a1a1a;--doc-tab-active: #2c2c2c;--doc-tab-inactive: transparent;--menubar: transparent;--input: #121212;--input-hover: #151515;--input-border: #2e2e2e;--input-text: #f0f0f0;--button: #262626;--button-hover: #2e2e2e;--button-active: #202020;--button-border: #353535;--text: #d2d2d2;--text-strong: #fafafa;--text-dim: #888888;--text-disabled: #525252;--border: #262626;--border-light: #313131;--divider: #232323;--row-hover: rgba(255, 255, 255, .05);--row-selected: rgba(255, 255, 255, .12);--row-selected-text: #ffffff;--tool-hover: rgba(255, 255, 255, .07);--tool-active: rgba(255, 255, 255, .14);--icon: #d0d0d0;--icon-dim: #7e7e7e;--menu-bg: rgba(28, 28, 28, .97);--menu-border: rgba(255, 255, 255, .08);--menu-hover: rgba(255, 255, 255, .12);--menu-hover-text: #ffffff;--menu-sep: rgba(255, 255, 255, .07);--scroll-thumb: rgba(255, 255, 255, .12);--scroll-thumb-hover: rgba(255, 255, 255, .22);--shadow: rgba(0, 0, 0, .5);--card-shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 8px 24px rgba(0, 0, 0, .3);--pop-shadow: 0 18px 50px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .07);--dialog-bg: #1c1c1c;--dialog-title: #1c1c1c;--tooltip-bg: #2a2a2a;--tooltip-text: #f2f2f2;--checker-a: #ffffff;--checker-b: #d6d6d6;--slider-track: #333333;--slider-fill: #f2f2f2;--thumb-border: rgba(0, 0, 0, .5);--knob: #fafafa;--swatch-ring: rgba(255, 255, 255, .22);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{background:var(--app-bg);color:var(--text);font:12px/1.35 var(--font-ui);font-feature-settings:"cv11","ss01";letter-spacing:.005em;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;cursor:default}:root[data-ui-size=tiny] body{font-size:11px}:root[data-ui-size=medium] body{font-size:13px}:root[data-ui-size=large] body{font-size:14px}button,input,select,textarea{font:inherit;color:inherit}input,textarea{user-select:text;-webkit-user-select:text}svg{display:block}::selection{background:var(--text-selection)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:6px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-thumb-hover)}::-webkit-scrollbar-corner{background:transparent}.app{display:flex;flex-direction:column;gap:var(--gap);width:100%;height:100%;padding:0 var(--gap) var(--gap);background:var(--app-bg)}.app-body{flex:1;display:flex;gap:var(--gap);min-height:0;position:relative}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;border-radius:var(--radius-lg)}.brand-mark{display:block;flex:none}.menubar{height:36px;flex:none;display:flex;align-items:center;gap:1px;background:var(--menubar);padding:0 2px;position:relative;z-index:50}.menubar .app-logo{height:100%;display:flex;align-items:center;gap:8px;padding:0 12px 0 4px;margin-right:4px;font-weight:700;font-size:13px;letter-spacing:-.01em;color:var(--text-strong)}.menubar-item{height:26px;padding:0 10px;display:flex;align-items:center;color:var(--text);border-radius:var(--radius-sm);transition:background .12s,color .12s}.menubar-item:hover{background:var(--tool-hover);color:var(--text-strong)}.menubar-item.open{background:var(--accent-soft);color:var(--text-strong)}.menubar-spacer{flex:1}.menubar-right{display:flex;align-items:center;gap:6px;color:var(--text-dim);padding-right:6px}.menubar-right .doc-title{font-size:11px;opacity:.8}.menu{position:fixed;min-width:230px;background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--radius-lg);box-shadow:var(--pop-shadow);backdrop-filter:blur(18px) saturate(1.3);padding:6px;z-index:2500;color:var(--text);max-height:calc(100vh - 10px);overflow-y:auto;animation:popIn .11s ease-out}@keyframes popIn{0%{opacity:0;transform:translateY(-3px) scale(.985)}to{opacity:1;transform:none}}.menu-item{display:flex;align-items:center;height:27px;padding:0 22px 0 28px;position:relative;white-space:nowrap;border-radius:var(--radius-sm)}.menu-item .mi-check{position:absolute;left:9px;width:12px;display:flex;align-items:center;color:var(--accent)}.menu-item .mi-label{flex:1}.menu-item .mi-shortcut{margin-left:36px;color:var(--text-dim);font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.menu-item .mi-arrow{position:absolute;right:8px;color:var(--text-dim)}.menu-item.active{background:var(--menu-hover);color:var(--menu-hover-text)}.menu-item.active .mi-check{color:var(--menu-hover-text)}.menu-item.active .mi-shortcut,.menu-item.active .mi-arrow{color:var(--menu-hover-text);opacity:.85}.menu-item.disabled,.menu-item.disabled .mi-shortcut{color:var(--text-disabled)}.menu-sep{height:1px;background:var(--menu-sep);margin:5px 8px}.menu-header{padding:6px 10px 3px;color:var(--text-dim);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.optionsbar{height:42px;flex:none;display:flex;align-items:center;gap:6px;padding:0 8px 0 6px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);white-space:nowrap;overflow:hidden;position:relative;z-index:20}.optionsbar>*,.optionsbar .ob-group>*{flex-shrink:0}.optionsbar .ob-sep{width:1px;height:20px;background:var(--border-light);margin:0 5px;flex:none}.optionsbar .ob-label{color:var(--text-dim)}.optionsbar .ob-group{display:flex;align-items:center;gap:4px;flex:none}.ob-home{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--icon)}.ob-home:hover{background:var(--tool-hover);color:var(--text-strong)}.ob-tool-preset{display:flex;align-items:center;gap:3px;height:30px;padding:0 6px;border-radius:var(--radius);color:var(--icon);background:var(--panel-2)}.ob-tool-preset:hover{background:var(--tool-hover)}.ob-right{margin-left:auto;display:flex;align-items:center;gap:6px;position:sticky;right:0;background:var(--panel);padding-left:6px;box-shadow:-10px 0 10px -6px var(--panel)}.share-btn{background:var(--accent-grad);color:var(--accent-text);border:none;border-radius:999px;padding:3px 14px;height:26px;font-weight:600;box-shadow:0 4px 14px rgba(var(--accent-rgb),.35)}.share-btn:hover{filter:brightness(1.08)}.toolbar{flex:none;width:46px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);display:flex;flex-direction:column;align-items:center;padding-bottom:8px;position:relative;z-index:15;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar.double{width:78px}.toolbar-grip{height:18px;width:100%;flex:none;display:flex;align-items:center;justify-content:center;color:var(--icon-dim);margin-bottom:2px}.toolbar-grip:hover{color:var(--text-strong)}.toolbar-tools{display:flex;flex-direction:column;align-items:center;width:100%;gap:1px}.toolbar.double .toolbar-tools{flex-direction:row;flex-wrap:wrap;justify-content:center;padding:0 4px}.tool-btn{width:34px;height:32px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);position:relative;color:var(--icon);transition:background .12s,color .12s,box-shadow .12s}.tool-btn:hover{background:var(--tool-hover);color:var(--text-strong)}.tool-btn.active{background:var(--accent-grad);color:var(--accent-text);box-shadow:0 4px 14px rgba(var(--accent-rgb),.42),inset 0 1px #ffffff2e}.tool-btn .tri{position:absolute;right:3px;bottom:3px;width:0;height:0;border-left:3px solid transparent;border-bottom:3px solid currentColor;opacity:.55}.tool-sep{width:20px;height:1px;background:var(--border-light);margin:5px 0;flex:none}.toolbar.double .tool-sep{width:100%}.tool-flyout{position:fixed;background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--radius-lg);box-shadow:var(--pop-shadow);backdrop-filter:blur(18px) saturate(1.3);padding:6px;z-index:2500;min-width:240px;animation:popIn .11s ease-out}.tool-flyout-item{display:flex;align-items:center;height:32px;padding:0 12px 0 8px;gap:9px;color:var(--text);border-radius:var(--radius-sm)}.tool-flyout-item .tfi-mark{width:5px;height:5px;border-radius:50%}.tool-flyout-item.current .tfi-mark{background:var(--accent)}.tool-flyout-item .tfi-key{margin-left:auto;color:var(--text-dim);padding-left:18px;font-size:11px}.tool-flyout-item:hover{background:var(--menu-hover);color:var(--menu-hover-text)}.tool-flyout-item:hover .tfi-key{color:var(--menu-hover-text)}.tool-flyout-item:hover .tfi-mark{background:var(--menu-hover-text)}.tool-flyout-item:not(.current):hover .tfi-mark{background:transparent}.color-swatches{position:relative;width:36px;height:36px;margin:8px 0 6px;flex:none}.color-swatches .sw{position:absolute;width:21px;height:21px;border-radius:6px;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--swatch-ring),0 2px 6px #0000004d}.color-swatches .sw.fg{left:2px;top:2px;z-index:2}.color-swatches .sw.bg{left:13px;top:13px;z-index:1}.color-swatches .swap{position:absolute;right:-3px;top:-3px;color:var(--icon-dim)}.color-swatches .reset{position:absolute;left:-3px;bottom:-3px;color:var(--icon-dim)}.color-swatches .swap:hover,.color-swatches .reset:hover{color:var(--text-strong)}.tb-icon-btn{width:34px;height:28px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--icon)}.tb-icon-btn:hover{background:var(--tool-hover);color:var(--text-strong)}.tb-icon-btn.active{background:var(--tool-active);color:var(--text-strong)}.doc-area{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--pasteboard);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);overflow:hidden;position:relative}.doc-tabs{height:38px;flex:none;display:flex;align-items:center;gap:4px;padding:0 6px;background:var(--doc-tabbar);border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.doc-tabs::-webkit-scrollbar{display:none}.doc-tab{height:28px;display:flex;align-items:center;gap:8px;padding:0 6px 0 12px;min-width:120px;max-width:340px;background:var(--doc-tab-inactive);color:var(--text-dim);border-radius:var(--radius);white-space:nowrap;font-size:12px;transition:background .12s,color .12s}.doc-tab:hover{background:var(--tool-hover);color:var(--text)}.doc-tab .dt-name{overflow:hidden;text-overflow:ellipsis;flex:1}.doc-tab.active{background:var(--doc-tab-active);color:var(--text-strong);box-shadow:inset 0 0 0 1px var(--border-light)}.doc-tab.active:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-grad);margin-left:-4px;flex:none}.doc-tab .dt-close{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:var(--icon-dim);flex:none}.doc-tab .dt-close:hover{background:var(--tool-hover);color:var(--text-strong)}.doc-view{flex:1;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;min-height:0;position:relative}.ruler-corner{width:18px;height:18px;background:var(--panel);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.ruler{background:var(--panel);position:relative;overflow:hidden}.ruler.h{height:18px;border-bottom:1px solid var(--border)}.ruler.v{width:18px;border-right:1px solid var(--border)}.ruler canvas{position:absolute;left:0;top:0}.viewport{position:relative;overflow:hidden;min-width:0;min-height:0;outline:none}.viewport canvas{position:absolute;left:0;top:0}.viewport .overlay-ui{position:absolute;inset:0;pointer-events:none}.status-bar{height:28px;flex:none;display:flex;align-items:center;gap:10px;padding:0 10px;background:var(--panel);border-top:1px solid var(--border);color:var(--text-dim);font-size:11.5px;font-variant-numeric:tabular-nums}.status-bar .zoom-field{width:58px;height:20px;background:var(--input);border:1px solid var(--input-border);border-radius:5px;color:var(--text);padding:0 6px}.status-bar .zoom-field:hover{border-color:var(--border-light)}.status-bar .zoom-field:focus{border-color:var(--focus);box-shadow:var(--focus-ring);outline:none}.status-bar .status-info{display:flex;align-items:center;gap:4px;color:var(--text);height:20px;padding:0 6px;border-radius:5px}.status-bar .status-info:hover{background:var(--tool-hover)}.status-bar .busy{margin-left:auto;display:flex;align-items:center;gap:6px}.progress{width:140px;height:6px;background:var(--slider-track);border-radius:999px;overflow:hidden}.progress>div{height:100%;background:var(--accent-grad);border-radius:999px;transition:width .1s}.progress.indeterminate>div{width:30%!important;animation:indet 1s infinite linear}@keyframes indet{0%{transform:translate(-100%)}to{transform:translate(400%)}}.dock{flex:none;display:flex;gap:var(--gap);position:relative}.dock-resizer{position:absolute;left:-5px;top:0;bottom:0;width:6px;cursor:ew-resize;z-index:5}.icon-dock{width:44px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);display:flex;flex-direction:column;align-items:center;padding:0 0 6px;position:relative}.icon-dock .dock-collapse,.dock-col .dock-collapse{height:14px;width:100%;flex:none;color:var(--icon-dim);display:flex;align-items:center;justify-content:flex-end;padding-right:8px}.dock-col .dock-collapse:hover,.icon-dock .dock-collapse:hover{color:var(--text-strong)}.icon-dock-group{width:100%;padding:4px 0;display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}.icon-dock-group+.icon-dock-group:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:var(--border-light)}.icon-dock-btn{width:32px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--icon)}.icon-dock-btn:hover{background:var(--tool-hover);color:var(--text-strong)}.icon-dock-btn.open{background:var(--tool-active);color:var(--text-strong)}.dock-col{display:flex;flex-direction:column;gap:var(--gap);min-width:0;flex:1;position:relative}.dock-col>.dock-collapse{position:absolute;top:7px;right:34px;width:24px;height:24px;padding:0;justify-content:center;border-radius:var(--radius-sm);background:var(--panel);z-index:4;opacity:0;transition:opacity .15s}.dock-col>.dock-collapse:hover{background:var(--tool-hover)}.dock-col:hover>.dock-collapse{opacity:1}.panel-group{display:flex;flex-direction:column;min-height:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);position:relative}.panel-group.collapsed{flex:none!important}.panel-tabs{height:38px;flex:none;display:flex;align-items:center;gap:2px;padding:0 4px 0 6px;background:transparent;border-bottom:1px solid var(--divider);position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.panel-tabs::-webkit-scrollbar{display:none}.panel-tabs .panel-menu-btn{position:sticky;right:0;flex:none;background:var(--panel)}.panel-group.collapsed .panel-tabs{border-bottom:none}.panel-tab{height:26px;padding:0 9px;flex:none;display:flex;align-items:center;color:var(--panel-header-text);font-size:12px;font-weight:500;position:relative;white-space:nowrap;border-radius:var(--radius-sm);transition:background .12s,color .12s}.panel-tab:hover{color:var(--text-strong);background:var(--tool-hover)}.panel-tab.active{background:var(--tab-active);color:var(--text-strong);font-weight:600}.panel-tab.drop-target{box-shadow:inset 2px 0 0 var(--accent)}.panel-tabs .pt-spacer{flex:1}.panel-menu-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--icon-dim);border-radius:var(--radius-sm)}.panel-menu-btn:hover{color:var(--text-strong);background:var(--tool-hover)}.panel-body{flex:1;min-height:0;overflow:auto;position:relative;display:flex;flex-direction:column;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.panel-splitter{position:absolute;left:8px;right:8px;bottom:calc(-1 * var(--gap) - 1px);height:var(--gap);cursor:ns-resize;z-index:3;border-radius:3px}.panel-splitter:hover{background:var(--accent-soft)}.panel-flyout{position:absolute;right:calc(100% + 8px);top:0;width:270px;max-height:80vh;background:var(--panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--pop-shadow);display:flex;flex-direction:column;overflow:hidden;z-index:40;animation:popIn .12s ease-out}.panel-footer{height:36px;flex:none;display:flex;align-items:center;justify-content:flex-end;gap:2px;padding:0 6px;border-top:1px solid var(--divider)}.pf-btn{width:28px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--icon);border-radius:var(--radius-sm)}.pf-btn:hover{background:var(--tool-hover);color:var(--text-strong)}.pf-btn.disabled{opacity:.4;pointer-events:none}.btn{height:30px;min-width:72px;padding:0 16px;border-radius:var(--radius);border:1px solid var(--button-border);background:var(--button);color:var(--text-strong);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:background .12s,border-color .12s,box-shadow .12s,filter .12s}.btn:hover{background:var(--button-hover);border-color:var(--border-light)}.btn:active{background:var(--button-active)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn.primary{background:var(--accent-grad);border-color:transparent;color:var(--accent-text);box-shadow:0 4px 14px rgba(var(--accent-rgb),.35),inset 0 1px #ffffff2e}.btn.primary:hover{filter:brightness(1.08);background:var(--accent-grad)}.btn:disabled{opacity:.45;pointer-events:none}.btn.small{height:24px;min-width:0;padding:0 10px;font-size:11.5px;border-radius:var(--radius-sm)}.btn.legacy{border-radius:var(--radius-sm);border:1px solid var(--button-border);background:var(--button);color:var(--text);font-weight:500;min-width:82px}.btn.legacy:hover{background:var(--button-hover)}.btn.legacy.primary{border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.icon-btn{width:26px;height:26px;border:none;background:transparent;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--icon);padding:0;flex:none;transition:background .12s,color .12s}.icon-btn:hover{background:var(--tool-hover);color:var(--text-strong)}.icon-btn.active,.icon-btn.on{background:var(--tool-active);color:var(--text-strong);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.35)}.icon-btn:disabled{opacity:.4;pointer-events:none}.field{height:26px;background:var(--input);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--input-text);padding:0 8px;outline:none;min-width:0;transition:border-color .12s,box-shadow .12s}.field:hover{background:var(--input-hover);border-color:var(--border-light)}.field:focus{border-color:var(--focus);box-shadow:var(--focus-ring)}.field.num{text-align:left}textarea.field{height:auto;padding:6px 8px;resize:vertical;font:inherit}.field:disabled{opacity:.5}.num-field{display:inline-flex;align-items:center;height:26px;background:var(--input);border:1px solid var(--input-border);border-radius:var(--radius-sm);position:relative;transition:border-color .12s,box-shadow .12s}.num-field:hover{background:var(--input-hover);border-color:var(--border-light)}.num-field:focus-within{border-color:var(--focus);box-shadow:var(--focus-ring)}.num-field input{border:none;background:transparent;outline:none;height:100%;width:100%;padding:0 0 0 6px;color:var(--input-text);min-width:0;font-variant-numeric:tabular-nums}.num-field .unit{padding-right:5px;color:var(--text-dim);white-space:nowrap}.num-field .popup-arrow{width:16px;height:100%;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--input-border);color:var(--icon-dim)}.num-field .popup-arrow:hover{color:var(--text-strong)}.num-field.disabled{opacity:.5;pointer-events:none}.scrubby{cursor:ew-resize}.scrubby:hover{color:var(--text-strong)}.select{height:26px;display:inline-flex;align-items:center;background:var(--input);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--input-text);padding:0 6px 0 8px;position:relative;min-width:60px;gap:6px;white-space:nowrap;transition:border-color .12s,box-shadow .12s}.select:hover{background:var(--input-hover);border-color:var(--border-light)}.select.open,.select:focus{border-color:var(--focus);box-shadow:var(--focus-ring);outline:none}.select .sel-label{flex:1;overflow:hidden;text-overflow:ellipsis}.select .sel-arrow{color:var(--icon-dim);flex:none}.select.disabled{opacity:.5;pointer-events:none}.checkbox{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.checkbox .box{width:15px;height:15px;border:1.5px solid var(--border-light);border-radius:4px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--input);transition:background .12s,border-color .12s}.checkbox:hover .box{border-color:var(--accent)}.checkbox.checked .box{background:var(--accent-grad);border-color:transparent;color:var(--accent-text);box-shadow:0 2px 6px rgba(var(--accent-rgb),.35)}.checkbox.disabled{opacity:.5;pointer-events:none}.radio{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.radio .dot{width:15px;height:15px;border:1.5px solid var(--border-light);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--input);flex:none}.radio.checked .dot{border-color:var(--accent)}.radio.checked .dot:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent-grad)}.radio:hover .dot{border-color:var(--accent)}.slider{position:relative;height:16px;min-width:60px;touch-action:none}.slider .track{position:absolute;left:0;right:0;top:6px;height:4px;background:var(--slider-track);border-radius:999px}.slider .fill{position:absolute;top:6px;height:4px;background:var(--accent-grad);border-radius:999px;pointer-events:none}.slider .track.gradient{height:8px;top:4px;border-radius:999px;border:1px solid var(--input-border)}.slider .thumb{position:absolute;top:2px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--knob);border:2px solid var(--accent);box-shadow:0 1px 4px var(--thumb-border);transition:transform .1s,box-shadow .1s}.slider .track.gradient+.thumb,.slider .track.gradient~.thumb{border-color:#fff;box-shadow:0 0 0 1px #00000059,0 1px 4px var(--thumb-border)}.slider:hover .thumb,.slider.dragging .thumb{transform:scale(1.15);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.22),0 1px 4px var(--thumb-border)}.slider .center-mark{position:absolute;top:3px;width:2px;height:10px;margin-left:-1px;border-radius:1px;background:var(--border-light)}.popup-slider{position:fixed;z-index:2600;background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--radius);box-shadow:var(--pop-shadow);backdrop-filter:blur(18px);padding:10px 12px 8px;width:180px}.color-chip{width:40px;height:22px;border:1px solid var(--input-border);border-radius:var(--radius-sm);position:relative;overflow:hidden;flex:none;box-shadow:inset 0 0 0 1px #ffffff0f}.color-chip:hover{border-color:var(--accent)}.color-chip>div{position:absolute;inset:0}.tooltip{position:fixed;z-index:3000;background:var(--tooltip-bg);color:var(--tooltip-text);border:1px solid rgba(255,255,255,.08);padding:5px 9px;border-radius:var(--radius-sm);box-shadow:0 8px 24px #00000059;pointer-events:none;white-space:nowrap;font-size:11.5px;animation:popIn .1s ease-out}.tooltip .tt-key{color:var(--tooltip-text);opacity:.6;margin-left:8px;padding:0 5px;border-radius:4px;background:#ffffff14;font-size:10.5px}.tooltip.rich{white-space:normal;width:250px;padding:10px 12px;border-radius:var(--radius)}.tooltip.rich .tt-title{font-weight:600;margin-bottom:4px}.tooltip.rich .tt-desc{color:var(--tooltip-text);opacity:.8;line-height:1.45}.popover{position:fixed;z-index:2700;background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--radius-lg);box-shadow:var(--pop-shadow);backdrop-filter:blur(18px) saturate(1.3);color:var(--text);overflow:hidden;animation:popIn .11s ease-out}.modal-backdrop{position:fixed;inset:0;z-index:2000;background:#0000}.modal-backdrop.dim{background:#05060a8c;backdrop-filter:blur(3px)}.modal-backdrop.sampling{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><path d='M2 18 L3 14 L11 6 L14 9 L6 17 Z' fill='white' stroke='black'/><path d='M12 3 L17 8 L15 10 L10 5 Z' fill='black'/></svg>") 2 18,crosshair}.dialog{position:fixed;background:var(--dialog-bg);border:1px solid var(--menu-border);border-radius:var(--radius-xl);box-shadow:var(--pop-shadow);display:flex;flex-direction:column;color:var(--text);z-index:2000;max-height:calc(100vh - 20px);max-width:calc(100vw - 16px);overflow:hidden;animation:dlgIn .14s ease-out}@keyframes dlgIn{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}.dialog-title{height:44px;flex:none;display:flex;align-items:center;padding:0 8px 0 18px;background:var(--dialog-title);color:var(--text-strong);cursor:default;font-size:13px;font-weight:600;letter-spacing:-.005em;border-bottom:1px solid var(--divider)}.dialog-title .dt-text{flex:1}.dialog-title .dt-x{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--icon-dim);border-radius:var(--radius)}.dialog-title .dt-x:hover{background:var(--tool-hover);color:var(--text-strong)}.dialog-body{padding:16px 18px;overflow:auto;min-height:0}.dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px 16px}.dlg-side-buttons{display:flex;flex-direction:column;gap:8px;width:100px;flex:none}.dlg-side-buttons .btn{width:100%}.dlg-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dlg-row>label:first-child{min-width:90px;text-align:right}.dlg-row.left>label:first-child{text-align:left;min-width:0}fieldset.group{border:1px solid var(--divider);border-radius:var(--radius-lg);background:var(--panel-2);margin:0 0 12px;padding:12px 14px 8px}fieldset.group>legend{padding:0 6px;color:var(--text-dim);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.section-title{font-weight:600;color:var(--text-strong);margin:6px 0 8px}.dlg-preview{background-color:#fff;background-image:linear-gradient(45deg,#d6d9e0 25%,transparent 25%),linear-gradient(-45deg,#d6d9e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d6d9e0 75%),linear-gradient(-45deg,transparent 75%,#d6d9e0 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;border:1px solid var(--input-border);border-radius:var(--radius);position:relative;overflow:hidden}.hint{color:var(--text-dim);font-size:11px}.toast{position:fixed;left:50%;bottom:48px;transform:translate(-50%);background:var(--tooltip-bg);color:var(--tooltip-text);border:1px solid rgba(255,255,255,.08);padding:10px 18px;border-radius:999px;box-shadow:0 12px 32px #0006;z-index:4000;animation:toastIn .18s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.task-bar{position:absolute;z-index:30;display:flex;align-items:center;gap:2px;padding:4px;background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:999px;box-shadow:var(--pop-shadow);backdrop-filter:blur(18px) saturate(1.3);pointer-events:auto}.task-bar .tb-btn{height:28px;padding:0 12px;display:flex;align-items:center;gap:6px;border-radius:999px;color:var(--text);white-space:nowrap}.task-bar .tb-btn:hover{background:var(--accent-soft);color:var(--text-strong)}.task-bar .tb-sep{width:1px;height:18px;background:var(--menu-sep);margin:0 2px}.task-bar .tb-grip{width:8px;height:22px;margin:0 2px 0 6px;background-image:radial-gradient(var(--icon-dim) 1px,transparent 1.2px);background-size:4px 4px;cursor:grab}.text-editor{position:absolute;background:transparent;border:none;outline:none;resize:none;overflow:hidden;white-space:pre;padding:0;margin:0;caret-color:currentColor;transform-origin:0 0;line-height:normal;pointer-events:auto}.text-editor.wrap{white-space:pre-wrap}.angle-dial{flex:none;cursor:pointer;border-radius:50%}.angle-dial.disabled{opacity:.5;cursor:default}.gen-bar{position:absolute;z-index:31;left:50%;bottom:64px;transform:translate(-50%);width:min(680px,calc(100% - 24px));padding:8px 8px 6px;background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--radius-xl);box-shadow:var(--pop-shadow);backdrop-filter:blur(18px) saturate(1.3);pointer-events:auto;color:var(--text)}.gen-row{display:flex;align-items:center;gap:8px}.gen-spark{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--accent-grad);color:var(--accent-text)}.gen-input{flex:1;min-width:0;height:32px;padding:0 10px;border-radius:var(--radius);border:1px solid var(--input-border);background:var(--input);color:var(--input-text);font:inherit;font-size:13px;outline:none}.gen-input:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.gen-mode{flex:none;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--accent-soft);color:var(--text-strong);white-space:nowrap}.gen-x{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:6px;color:var(--icon-dim);cursor:pointer}.gen-x:hover{background:var(--tool-hover);color:var(--text-strong)}.gen-status{display:flex;align-items:center;gap:10px;margin:8px 4px 0 42px;font-size:12px;color:var(--text-dim)}.gen-progress{flex:1;height:4px;border-radius:999px;background:var(--slider-track);overflow:hidden}.gen-progress>div{height:100%;border-radius:999px;background:var(--accent-grad);transition:width .3s}.gen-progress>div.indeterminate{width:30%!important;animation:genSlide 1.2s ease-in-out infinite}@keyframes genSlide{0%{transform:translate(-100%)}to{transform:translate(340%)}}.gen-error{margin:8px 4px 0 42px;font-size:12px;color:var(--danger)}.gen-variants{display:flex;align-items:center;gap:8px;margin:8px 4px 0 42px}.gen-variants img{height:54px;border-radius:7px;border:2px solid transparent;cursor:pointer;box-shadow:0 0 0 1px var(--border-light)}.gen-variants img.on{border-color:var(--accent)}.gen-variants-hint{font-size:11px;color:var(--text-dim);line-height:1.35}.gen-foot{display:flex;align-items:center;gap:6px;margin:6px 4px 0 42px;font-size:11px;color:var(--text-dim)}.gen-dot{width:6px;height:6px;border-radius:50%;background:var(--text-disabled)}.gen-dot.on{background:var(--success)}.optionsbar .seg .icon-btn{margin:0}.seg{display:inline-flex;align-items:center;gap:1px;padding:2px;background:var(--input);border:1px solid var(--input-border);border-radius:var(--radius)}.seg .icon-btn{width:26px;height:24px;border-radius:var(--radius-sm)}.seg-text{display:inline-flex;padding:2px;gap:2px;background:var(--input);border:1px solid var(--input-border);border-radius:var(--radius);overflow:hidden}.seg-btn{border:none;background:transparent;color:var(--text-dim);height:22px;padding:0 9px;border-radius:var(--radius-sm)}.seg-btn:hover{color:var(--text-strong)}.seg-btn.on{background:var(--tab-active);color:var(--text-strong);box-shadow:0 1px 2px #0003}.ob-brush-picker{display:flex;align-items:center;gap:3px;height:30px;padding:0 6px;border-radius:var(--radius);color:var(--icon);position:relative;background:var(--panel-2)}.ob-brush-picker:hover{background:var(--tool-hover)}.ob-brush-size{font-size:10px;min-width:20px;text-align:center;color:var(--text);font-variant-numeric:tabular-nums}.ob-gradient-picker{display:flex;align-items:center;border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--input);overflow:hidden}.ob-gradient-picker canvas{display:block}.ob-caret{width:18px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--icon-dim);border-left:1px solid var(--input-border)}.ob-caret:hover{color:var(--text-strong)}.ob-pattern-picker{display:flex;align-items:center;gap:3px;padding:2px 4px;border-radius:var(--radius);color:var(--icon)}.ob-pattern-picker:hover{background:var(--tool-hover)}.pp-swatch{width:26px;height:24px;border:1px solid var(--input-border);border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--input)}.gradient-strip{display:block;cursor:pointer}.paint-swatch{width:30px;height:22px;border:1px solid var(--input-border);border-radius:var(--radius-sm);position:relative;overflow:hidden;background:#fff}.paint-swatch:hover{border-color:var(--accent)}.ps-none{position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - 1px),#f2556b calc(50% - 1px),#f2556b calc(50% + 1px),transparent calc(50% + 1px)),#fff}.ps-none.small{position:relative;width:14px;height:14px;border-radius:3px}.paint-popover{padding:10px}.pp-types{display:flex;gap:2px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--divider)}.pp-swatches{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}.pp-sw{aspect-ratio:1;border-radius:4px;box-shadow:inset 0 0 0 1px #0000002e}.pp-sw:hover{outline:2px solid var(--accent);outline-offset:1px}.ref-grid{display:grid;grid-template-columns:repeat(3,7px);gap:3px;padding:3px;border:1px solid var(--input-border);border-radius:5px;background:var(--input)}.ref-dot{width:7px;height:7px;border:1px solid var(--text-dim);border-radius:50%;background:transparent}.ref-dot.on{background:var(--accent);border-color:var(--accent)}.brush-popover{padding:12px}.bp-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.bp-label{flex:1}.bp-presets{margin-top:10px;max-height:300px;overflow:auto;border-top:1px solid var(--divider);padding-top:8px}.bp-group-title{display:flex;align-items:center;gap:6px;padding:4px 2px;color:var(--text);font-weight:500}.bp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:6px}.bp-item{display:flex;flex-direction:column;align-items:center;font-size:9px;color:var(--text-dim);padding:3px;border-radius:var(--radius-sm);border:1px solid transparent}.bp-item:hover{background:var(--row-hover)}.bp-item.sel{border-color:var(--accent);background:var(--accent-soft)}.preset-groups{max-height:340px;overflow:auto;padding:8px}.pg-title{display:flex;align-items:center;gap:6px;padding:5px 2px;color:var(--text);font-weight:500;border-radius:var(--radius-sm)}.pg-title:hover{color:var(--text-strong)}.pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px;padding:2px 4px 10px 18px}.pg-item{border:1px solid var(--input-border);border-radius:var(--radius-sm);overflow:hidden;line-height:0;transition:transform .1s,border-color .1s}.pg-item:hover{border-color:var(--accent);transform:translateY(-1px)}.pg-item.sel{outline:2px solid var(--accent);outline-offset:1px}.panel-empty{padding:16px;color:var(--text-dim)}.dock-drop-zone{flex:0 0 8px;min-height:8px;margin-top:calc(-1 * var(--gap))}.panel-section{padding:10px 12px;border-bottom:1px solid var(--divider)}.panel-section:last-child{border-bottom:none}.panel-section-title{display:flex;align-items:center;gap:6px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:10px}.prop-row{display:flex;align-items:center;gap:6px;margin-bottom:7px}.prop-row>.lbl{min-width:18px;color:var(--text-dim)}.prop-grid{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:7px 6px;align-items:center}.layers-panel{display:flex;flex-direction:column;height:100%;min-height:0}.lp-filter{display:flex;align-items:center;gap:2px;padding:6px 8px 4px}.lp-filter-kind{display:flex;align-items:center;gap:3px;background:var(--input);border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:0 6px;height:26px;margin-right:4px;color:var(--icon-dim)}.lp-select{background:transparent;border:none;color:var(--input-text);outline:none;height:22px;font-size:12px}.lp-select option{background:var(--panel-2)}.lp-filter-toggle{flex:none;width:22px;height:12px;border-radius:999px;margin-left:auto;background:var(--slider-track);position:relative;transition:background .15s}.lp-filter-toggle:after{content:"";position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:var(--knob);box-shadow:0 1px 2px #0006;transition:left .15s}.lp-filter-toggle.on{background:var(--accent-grad)}.lp-filter-toggle.on:after{left:12px}.lp-filter-toggle.off{opacity:.45}.lp-row{display:flex;align-items:center;gap:3px;padding:3px 8px}.lp-row .icon-btn{width:20px}.lp-row .num-field,.lp-row .select{flex-shrink:0}.lp-filter .icon-btn{width:22px;height:24px}.lp-spacer{flex:1}.lp-label{color:var(--text-dim);white-space:nowrap}.lp-list{flex:1;overflow-y:auto;overflow-x:hidden;border-top:1px solid var(--divider);margin-top:6px;padding:4px 0;min-height:40px}.layer-row{display:flex;align-items:center;height:44px;margin:1px 6px;border-radius:var(--radius);position:relative;padding-right:6px;color:var(--text);transition:background .1s}.layer-row:hover{background:var(--row-hover)}.layer-row.selected{background:var(--row-selected);color:var(--row-selected-text)}.layer-row.selected.active:after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent-grad)}.layer-row.dim .lr-thumb,.layer-row.dim .lr-name{opacity:.55}.layer-row.drop-above{box-shadow:inset 0 2px 0 var(--accent)}.layer-row.drop-below{box-shadow:inset 0 -2px 0 var(--accent)}.layer-row.drop-inside{box-shadow:inset 0 0 0 2px var(--accent)}.lr-eye{width:30px;height:100%;display:flex;align-items:center;justify-content:center;flex:none;color:var(--icon)}.lr-eye:hover{color:var(--text-strong)}.lr-label{position:absolute;left:0;top:6px;bottom:6px;width:30px;border-radius:var(--radius-sm);opacity:.45;pointer-events:none}.lr-indent{flex:none}.lr-clip{width:16px;flex:none;color:var(--icon);margin-left:2px}.lr-expand{width:16px;flex:none;display:flex;align-items:center;justify-content:center;color:var(--icon)}.lr-thumb{flex:none;margin-left:4px;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px #00000059,0 1px 3px #00000040;position:relative;line-height:0;outline-offset:2px}.lr-thumb.target{outline:2px solid var(--accent)}.lr-thumb.viewing{outline:2px solid var(--accent-3)}.lr-thumb .thumb{display:block}.lr-chain{width:14px;display:flex;justify-content:center;color:var(--icon-dim);margin-left:2px}.lr-mask{margin-left:0}.lr-mask-off{position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - 1px),#f2556b calc(50% - 1px),#f2556b calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to top left,transparent calc(50% - 1px),#f2556b calc(50% - 1px),#f2556b calc(50% + 1px),transparent calc(50% + 1px))}.lr-badge{position:absolute;right:-2px;bottom:-2px;background:var(--panel);color:var(--text);border-radius:3px;line-height:0}.kind-thumb{display:flex;align-items:center;justify-content:center;background:var(--panel-3);color:var(--icon)}.kind-thumb.text{background:linear-gradient(135deg,#f5f6fa,#e3e6ee);color:#2b2f45}.kind-thumb.group{background:transparent;border:none}.lr-thumb:has(.kind-thumb.group){box-shadow:none}.lr-name{flex:1;min-width:0;padding-left:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lr-name-input{width:100%;height:24px;background:var(--input);border:1px solid var(--focus);border-radius:var(--radius-sm);box-shadow:var(--focus-ring);color:var(--input-text);padding:0 6px;outline:none}.lr-icons{display:flex;align-items:center;gap:4px;color:var(--icon-dim);flex:none}.lr-fx-toggle{display:flex;align-items:center;gap:1px;color:var(--accent)}.fx-row{height:26px;font-size:11.5px}.fx-row .lr-eye{border-right:none}.fx-indent{width:50px;flex:none}.fx-name{color:var(--text-dim)}.history-row{display:flex;align-items:center;gap:8px;height:30px;margin:1px 6px;padding:0 8px 0 0;border-radius:var(--radius-sm);color:var(--text)}.history-row:hover{background:var(--row-hover)}.history-row.current{background:var(--row-selected);color:var(--row-selected-text)}.history-row.future{color:var(--text-disabled)}.history-row .hr-src{width:26px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--icon-dim)}.history-snapshot{height:44px;margin-bottom:4px}.history-snapshot .thumb{border-radius:4px;box-shadow:0 0 0 1px #0000004d}.color-panel{padding:10px 12px;display:flex;gap:12px;height:100%;min-height:0}.cp-chips{position:relative;width:42px;height:42px;flex:none}.cp-chip{position:absolute;width:27px;height:27px;border-radius:7px;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--swatch-ring),0 2px 6px #0000004d}.cp-chip.fg{left:0;top:0;z-index:2}.cp-chip.bg{left:13px;top:13px}.cp-chip.active{box-shadow:0 0 0 2px var(--accent),0 2px 6px #00000059}.cp-picker{flex:1;display:flex;gap:10px;min-height:60px}.cp-sb{flex:1;position:relative;cursor:crosshair;border-radius:var(--radius);overflow:hidden;box-shadow:inset 0 0 0 1px #00000040;min-height:60px}.cp-sb canvas,.cp-hue canvas{position:absolute;inset:0;width:100%;height:100%}.cp-hue{width:14px;position:relative;border-radius:999px;cursor:ns-resize}.cp-hue canvas{border-radius:999px}.cp-ring{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000080,0 1px 4px #0006;pointer-events:none}.cp-hue-mark{position:absolute;left:-3px;right:-3px;height:0;pointer-events:none}.cp-hue-mark:before{content:"";position:absolute;left:0;right:0;top:-4px;height:8px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px #00000073,0 1px 3px #0006}.cp-sliders{flex:1;display:flex;flex-direction:column;gap:8px}.cp-slider-row{display:flex;align-items:center;gap:8px}.cp-slider-row .lbl{width:12px;color:var(--text-dim);font-weight:600}.cp-slider-row .slider{flex:1}.swatches-panel{padding:8px 10px;display:flex;flex-direction:column;gap:6px;height:100%}.sw-recent{display:flex;gap:3px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid var(--divider)}.sw-cell{width:18px;height:18px;border-radius:4px;box-shadow:inset 0 0 0 1px #0003;transition:transform .08s}.sw-cell:hover{outline:2px solid var(--accent);outline-offset:1px;transform:scale(1.08);z-index:1}.sw-groups{flex:1;overflow:auto}.sw-group-title{display:flex;align-items:center;gap:5px;padding:4px 0;color:var(--text);font-weight:500}.sw-grid{display:flex;flex-wrap:wrap;gap:3px;padding:3px 0 8px 18px}.navigator{display:flex;flex-direction:column;height:100%}.nav-view{flex:1;position:relative;overflow:hidden;margin:8px;min-height:80px;background:var(--pasteboard);border-radius:var(--radius)}.nav-view canvas{position:absolute}.nav-rect{position:absolute;border:2px solid var(--accent-3);border-radius:3px;box-shadow:0 0 0 9999px #00000040;box-sizing:border-box;cursor:move}.nav-zoom{display:flex;align-items:center;gap:8px;padding:4px 10px 10px}.nav-zoom .slider{flex:1}.info-panel{padding:8px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;font-family:var(--font-ui);font-variant-numeric:tabular-nums}.info-block{display:flex;gap:8px}.info-block .ib-icon{color:var(--icon-dim)}.info-block table{border-collapse:collapse}.info-block td{padding:0 4px 0 0;white-space:nowrap}.info-block td.v{min-width:30px;text-align:left;color:var(--text-strong)}.info-sep{grid-column:1 / -1;height:1px;background:var(--divider)}.info-hint{grid-column:1 / -1;color:var(--text-dim);font-size:11px}.histogram{padding:10px}.histogram canvas{width:100%;height:110px;display:block;background:var(--input);border:1px solid var(--input-border);border-radius:var(--radius)}.histogram .stats{display:grid;grid-template-columns:auto auto auto auto;gap:3px 10px;margin-top:8px;font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums}.adj-panel{padding:10px}.adj-title{margin:2px 0 10px;color:var(--text-dim);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.adj-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:6px}.adj-grid .icon-btn{width:100%;height:34px;background:var(--panel-2);border-radius:var(--radius)}.adj-grid .icon-btn:hover{background:var(--accent-soft)}.adj-presets{border-top:1px solid var(--divider);margin-top:10px;padding-top:8px}.adj-preset-row{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:var(--radius-sm)}.adj-preset-row:hover{background:var(--row-hover)}.props{display:flex;flex-direction:column}.props-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--divider);font-weight:600;color:var(--text-strong)}.props-tabs{display:flex;gap:4px}.props-footer{display:flex;justify-content:flex-end;gap:2px;padding:6px 8px;border-top:1px solid var(--divider);margin-top:auto}.brushes-panel{display:flex;flex-direction:column;height:100%}.bs-panel{display:flex;height:100%;min-height:0}.bs-nav{width:124px;border-right:1px solid var(--divider);padding:6px;overflow:auto}.bs-nav-item{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:var(--radius-sm)}.bs-nav-item.active{background:var(--row-selected);color:var(--row-selected-text)}.bs-nav-item:hover{background:var(--row-hover)}.bs-body{flex:1;padding:10px;overflow:auto}.stroke-preview{border-top:1px solid var(--divider);background:#fff;height:70px}.char-panel{padding:10px 12px;display:flex;flex-direction:column;gap:7px}.char-row{display:flex;align-items:center;gap:6px}.char-row>.grow{flex:1}.char-toggles{display:flex;gap:3px;flex-wrap:wrap}.char-toggles .icon-btn{font-weight:600;font-size:11px;width:28px;background:var(--panel-2)}.home{display:flex;height:100%;gap:var(--gap);background:transparent}.home-nav{width:232px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:20px 16px;display:flex;flex-direction:column;gap:10px}.home-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--text-strong);margin-bottom:12px}.home-new,.home-open{height:36px;border-radius:var(--radius);font-size:13px}.home-nav-items{margin-top:12px;display:flex;flex-direction:column;gap:2px}.home-nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius);color:var(--text)}.home-nav-item:hover{background:var(--row-hover);color:var(--text-strong)}.home-nav-item.active{background:var(--row-selected);color:var(--text-strong)}.home-back{margin-top:auto}.home-main{flex:1;overflow:auto;padding:40px 48px;background:radial-gradient(1200px 520px at 15% -10%,var(--glow-1),transparent 60%),radial-gradient(900px 500px at 100% 0%,var(--glow-2),transparent 55%),var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.home-hero h1{font-size:34px;font-weight:700;letter-spacing:-.03em;margin:0 0 10px;color:var(--text-strong)}.home-hero h1 .grad{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.home-hero p{color:var(--text-dim);margin:0 0 30px;font-size:14px;max-width:620px;line-height:1.55}.home-section-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin:22px 0 14px}.home-quick{display:flex;gap:16px;flex-wrap:wrap}.hq-card{width:140px;cursor:pointer}.hq-thumb{height:100px;border-radius:var(--radius-lg);background:var(--panel-2);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--icon);transition:transform .15s,border-color .15s,box-shadow .15s}.hq-card:hover .hq-thumb{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 24px rgba(var(--accent-rgb),.22)}.hq-page{background:#fff;border-radius:3px;box-shadow:0 4px 12px #00000059;max-width:64%;max-height:70%}.hq-name{margin-top:8px;color:var(--text-strong);font-weight:500}.hq-desc{font-size:11px;color:var(--text-dim)}.home-recent{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:18px}.hr-card{cursor:pointer}.hr-thumb{height:132px;border-radius:var(--radius-lg);background:var(--panel-2);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--icon);transition:transform .15s,border-color .15s,box-shadow .15s}.hr-thumb img{max-width:100%;max-height:100%}.hr-card:hover .hr-thumb{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 24px rgba(var(--accent-rgb),.22)}.hr-name{margin-top:8px;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.hr-meta{font-size:11px;color:var(--text-dim)}.home-recent-list .hrl-row{display:flex;align-items:center;gap:14px;padding:8px 10px;border-radius:var(--radius);cursor:pointer}.home-recent-list .hrl-row:hover{background:var(--row-hover)}.hrl-thumb{width:44px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden}.hrl-thumb img{max-width:100%;max-height:100%}.hrl-name{flex:1}.hrl-meta{width:100px;color:var(--text-dim)}.home-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:50px;color:var(--text-dim);border:1.5px dashed var(--border-light);border-radius:var(--radius-lg);background:#ffffff04}.busy-cursor{position:fixed;inset:0;z-index:5000;cursor:progress}.dlg-two-col{display:flex;gap:18px}.dlg-main{flex:1;min-width:0}.dlg-label-col{display:grid;grid-template-columns:auto 1fr auto;gap:9px 9px;align-items:center}.dlg-label-col>label{text-align:right;white-space:nowrap;color:var(--text-dim)}.preview-check{margin-top:8px}.newdoc{display:flex;height:560px}.newdoc-left{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--panel)}.newdoc-cats{display:flex;gap:4px;padding:14px 18px 12px;border-bottom:1px solid var(--divider)}.newdoc-cat{padding:6px 12px;color:var(--text-dim);border-radius:999px;font-weight:600;font-size:11.5px;letter-spacing:.02em;transition:background .12s,color .12s}.newdoc-cat:hover{color:var(--text-strong);background:var(--tool-hover)}.newdoc-cat.active{color:var(--accent-text);background:var(--accent-grad);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.newdoc-section{padding:16px 20px 8px;color:var(--text-dim);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.07em}.newdoc-grid{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:0 20px 20px;align-content:start}.nd-card{background:var(--panel-2);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;cursor:pointer;min-height:140px;transition:transform .12s,border-color .12s,box-shadow .12s}.nd-card:hover{border-color:var(--accent);transform:translateY(-1px)}.nd-card.sel{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent),0 8px 20px rgba(var(--accent-rgb),.2)}.nd-icon{height:64px;display:flex;align-items:center;justify-content:center}.nd-page{border:1.5px solid var(--text-dim);border-radius:4px;max-width:56px;max-height:56px}.nd-card.sel .nd-page{border-color:var(--accent)}.nd-name{color:var(--text-strong);font-weight:600}.nd-dims{font-size:11px;color:var(--text-dim)}.newdoc-right{width:300px;border-left:1px solid var(--divider);padding:20px 20px 16px;display:flex;flex-direction:column;gap:10px;background:var(--dialog-bg)}.newdoc-right .section{color:var(--text-dim);text-transform:uppercase;font-size:11px;letter-spacing:.07em;font-weight:600}.newdoc-name{font-size:20px;font-weight:600;letter-spacing:-.02em;background:transparent;border:none;border-bottom:1px solid var(--input-border);color:var(--text-strong);outline:none;padding:4px 0 6px;width:100%}.newdoc-name:focus{border-bottom-color:var(--focus)}.nd-field-label{font-size:11px;color:var(--text-dim);margin-bottom:4px}.nd-row{display:flex;gap:8px;align-items:flex-end}.nd-row>*{flex:1}.nd-orient{display:flex;gap:4px}.nd-buttons{margin-top:auto;display:flex;justify-content:flex-end;gap:10px}.cpick{display:flex;gap:16px}.cpick-field{width:256px;height:256px;position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:inset 0 0 0 1px #00000040;cursor:crosshair}.cpick-field canvas{width:100%;height:100%;display:block}.cpick-slider{width:18px;height:256px;position:relative;border-radius:999px;cursor:ns-resize}.cpick-slider canvas{width:100%;height:100%;display:block;border-radius:999px}.cpick-slider .mark{position:absolute;left:-3px;right:-3px;height:0;pointer-events:none}.cpick-slider .mark:before{content:"";position:absolute;left:0;right:0;top:-5px;height:10px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px #00000073,0 1px 4px #0006}.cpick-side{display:flex;flex-direction:column;gap:10px;width:270px}.cpick-top{display:flex;gap:12px}.cpick-compare{width:64px;border-radius:var(--radius);overflow:hidden;box-shadow:inset 0 0 0 1px #00000040}.cpick-compare>div{height:30px}.cpick-compare .lbl{text-align:center;font-size:10.5px;color:var(--text-dim);height:auto;padding:2px 0;background:var(--panel-2)}.cpick-fields{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px}.cpick-f{display:flex;align-items:center;gap:4px}.cpick-f .rlabel{width:28px}.cpick-hex{display:flex;align-items:center;gap:4px;margin-top:4px}.gamut-warn{color:var(--warning);display:flex;flex-direction:column;align-items:center;font-size:10px}.histo-box{position:relative;background:var(--input);border-radius:var(--radius-sm);overflow:hidden;box-shadow:inset 0 0 0 1px var(--input-border)}.histo-box canvas{display:block;width:100%}.tri-slider{position:relative;height:16px;margin:4px 0}.tri-slider .tri{position:absolute;top:1px;width:13px;height:13px;margin-left:-6.5px;border-radius:50%;background:#111;border:2px solid #fff;box-shadow:0 0 0 1px #00000073,0 1px 4px #00000059;cursor:ew-resize}.tri-slider .tri.gray{background:#8a8f9c}.tri-slider .tri.white{background:#fff;border-color:#fff;box-shadow:0 0 0 1.5px #0000008c,0 1px 4px #00000059}.grad-bar{height:10px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--input-border)}.curves-box{position:relative;border-radius:var(--radius-sm);overflow:hidden;box-shadow:inset 0 0 0 1px var(--input-border);cursor:crosshair}.curves-box canvas{display:block}.ls{display:flex;height:560px;gap:4px}.ls-list{width:214px;background:var(--panel-2);border:1px solid var(--divider);border-radius:var(--radius-lg);overflow:auto;padding:6px}.ls-item{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:var(--radius-sm)}.ls-item.head{font-weight:600;color:var(--text-strong)}.ls-item.active{background:var(--row-selected);color:var(--row-selected-text)}.ls-item:hover{background:var(--row-hover)}.ls-body{flex:1;padding:0 16px;overflow:auto}.ls-side{width:112px;display:flex;flex-direction:column;gap:8px}.ls-preview{width:76px;height:76px;margin:10px auto 0;border-radius:var(--radius)}.flt{display:flex;gap:16px}.flt-preview-wrap{width:300px}.flt-preview{width:300px;height:300px;cursor:grab}.flt-preview canvas{position:absolute;left:0;top:0}.flt-zoom{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:8px;color:var(--text-dim);font-variant-numeric:tabular-nums}.flt-params{width:290px;max-height:420px;overflow:auto;padding-right:4px}.flt-group-title{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:12px 0 8px;border-bottom:1px solid var(--divider);padding-bottom:5px}.kernel-grid{display:grid;grid-template-columns:repeat(5,50px);gap:4px;margin-bottom:10px}.ge-bar-wrap{position:relative;padding:14px 8px}.ge-bar{height:28px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--input-border);position:relative}.ge-stops{position:relative;height:14px}.ge-stop{position:absolute;width:12px;height:14px;margin-left:-6px;cursor:pointer}.ge-stop .sq{width:10px;height:10px;border:1px solid #000;margin:0 auto}.ge-stop.top .tri-up{width:0;height:0;margin:0 auto}.ge-stop.sel .sq{outline:2px solid var(--accent)}.kb-table{width:100%;border-collapse:collapse}.kb-table td{padding:6px 8px;border-bottom:1px solid var(--divider)}.kb-table td.k{color:var(--text-strong);text-align:right;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}.search-input{width:100%;height:40px;font-size:15px;background:var(--input);border:1px solid var(--input-border);color:var(--input-text);padding:0 14px;border-radius:var(--radius);outline:none;transition:border-color .12s,box-shadow .12s}.search-input:focus{border-color:var(--focus);box-shadow:var(--focus-ring)}.search-results{margin-top:10px;max-height:360px;overflow:auto}.search-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius)}.search-item.active{background:var(--menu-hover);color:var(--menu-hover-text)}.search-item .path{color:var(--text-dim);font-size:11px;margin-left:auto}.search-item.active .path{color:var(--menu-hover-text);opacity:.8}.tabs-row{display:flex;gap:4px;padding-bottom:10px;border-bottom:1px solid var(--divider);margin-bottom:12px}.tabs-row .tab{padding:6px 12px;color:var(--text-dim);border-radius:999px}.tabs-row .tab:hover{color:var(--text-strong);background:var(--tool-hover)}.tabs-row .tab.active{color:var(--accent-text);background:var(--accent-grad)}.prefs{display:flex;height:470px}.prefs-nav{width:190px;border-right:1px solid var(--divider);padding:8px;background:var(--panel-2);overflow:auto}.prefs-nav .item{padding:7px 10px;border-radius:var(--radius-sm);margin-bottom:1px}.prefs-nav .item.active{background:var(--row-selected);color:var(--row-selected-text);font-weight:600}.prefs-nav .item:hover{background:var(--row-hover)}.prefs-body{flex:1;min-width:0;padding:4px 20px;overflow:auto}@media (max-width: 720px){.prefs-nav{width:120px;flex:none}.prefs-body{padding:4px 10px}}.theme-swatches{display:flex;flex-wrap:wrap;gap:12px}.theme-sw{width:58px;height:40px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px #00000040;cursor:pointer;position:relative;overflow:hidden}.theme-sw:after{content:"";position:absolute;right:6px;bottom:6px;width:14px;height:6px;border-radius:999px;background:var(--accent-grad)}.theme-sw.sel{outline:2px solid var(--accent);outline-offset:2px}.theme-label{font-size:11px;color:var(--text-dim);text-align:center;margin-top:5px}.anchor-grid{display:grid;grid-template-columns:repeat(3,26px);gap:3px}.anchor-grid .cell{width:26px;height:26px;border:1px solid var(--input-border);border-radius:5px;background:var(--input);display:flex;align-items:center;justify-content:center;color:var(--icon)}.anchor-grid .cell.on{background:var(--accent-grad);border-color:transparent}.camera-raw{display:flex;height:min(80vh,700px)}.cr-preview{flex:1;background:var(--pasteboard);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.cr-preview canvas{max-width:100%;max-height:100%;border-radius:4px;box-shadow:0 8px 30px #0006}.cr-side{width:320px;border-left:1px solid var(--divider);display:flex;flex-direction:column}.cr-scroll{flex:1;overflow:auto;padding:8px 16px}.liquify{display:flex;height:min(80vh,680px)}.lq-tools{width:48px;border-right:1px solid var(--divider);display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:10px;background:var(--panel-2)}.lq-canvas{flex:1;background:var(--pasteboard);position:relative;overflow:hidden}.lq-canvas canvas{position:absolute}.lq-side{width:270px;border-left:1px solid var(--divider);padding:12px 16px;overflow:auto}.sam-preview{flex:1;background:var(--pasteboard);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.sam-preview canvas{max-width:100%;max-height:100%}