:root{--color-brand-50: #eff6ff;--color-brand-100: #dbeafe;--color-brand-400: #60a5fa;--color-brand-500: #3b82f6;--color-brand-600: #2563eb;--color-brand-700: #1d4ed8;--color-brand-900: #1e3a8a;--color-brand-600-shadow: rgba(37, 99, 235, .4);--color-brand-600-shadow-hover: rgba(37, 99, 235, .5);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-error-light: #fef2f2;--color-error-dark: #b91c1c;--color-error-ring: rgba(239, 68, 68, .15);--chip-tone-ok: var(--color-success);--chip-tone-warn: var(--color-caution-fg, var(--color-warning));--chip-tone-bad: var(--color-error);--chip-tone-busy: var(--color-spot, var(--color-brand-600));--chip-tone-info: rgb(var(--color-sky-600-rgb, 31 109 137));--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-paper: #faf9f7;--color-paper-raised: #ffffff;--color-ink: #1e2433;--color-ink-soft: #4b5265;--color-hairline: rgba(15, 23, 42, .08);--color-danger-fg: #be123c;--color-danger-bg: #ffe4e6;--color-caution-fg: #b45309;--color-caution-bg: #fef3c7;--color-checkerboard-bg: #ffffff;--color-checkerboard-square: #e5e7eb;--color-dark-surface: #0f172a;--color-surface: #ffffff;--color-surface-raised: #ffffff;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Mono", monospace;--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2rem;--text-11: .6875rem;--text-15: .9375rem;--text-meta: var(--text-11);--transition-micro: 50ms ease;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-enter: .4s;--transition-reduced: 50ms ease;--transition-duration-fast: .15s;--transition-duration-base: .2s;--transition-duration-slow: .3s;--transition-duration-og-crossfade: .16s;--motion-pop-duration: .2s;--iso-duration: .17s;--toast-duration: .3s;--stagger-delay: 30ms;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--elevation-1: 0 1px 2px rgba(30, 36, 51, .06);--elevation-2: 0 4px 12px rgba(30, 36, 51, .08), 0 1px 3px rgba(30, 36, 51, .05);--elevation-3: 0 16px 40px rgba(30, 36, 51, .16), 0 0 0 1px rgba(30, 36, 51, .04);--elevation-2-dark: 0 4px 12px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-sm: var(--elevation-1);--shadow-md: var(--elevation-1);--shadow-lg: var(--elevation-2);--shadow-xl: var(--elevation-2);--shadow-2xl: var(--elevation-3);--shadow-2xl-elevated: var(--elevation-3);--shadow-2xl-heavy: var(--elevation-3);--shadow-pin: 0 2px 8px rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(0, 0, 0, .1);--shadow-pin-hover: 0 4px 12px rgba(0, 0, 0, .4), inset 0 0 0 1px rgba(0, 0, 0, .1);--shadow-up-sm: 0 -4px 12px rgba(0, 0, 0, .05);--shadow-pin-selected: 0 4px 16px rgba(0, 0, 0, .5), 0 0 0 3px var(--color-brand-500);--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shape-control: var(--radius-sm);--shape-pill: var(--radius-full);--shape-round: 50%;--shape-ios-app-icon: 22.37%;--focus-ring-width: 2px;--focus-ring-color: var(--color-brand-500);--focus-ring-offset: 2px;--disabled-opacity: .5;--z-sticky: 10;--z-controls: 20;--z-divider: 30;--z-dropdown: 50;--z-nav-panel: 60;--z-bar: 100;--z-pip: 150;--z-pwa-install: 175;--z-modal: 200;--z-popover: 225;--z-drop-overlay: 250;--z-onboarding: 300;--z-toast: 350;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--chrome-bg: color-mix(in srgb, var(--color-paper-raised) 90%, transparent);--chrome-bg-strong: color-mix(in srgb, var(--color-paper-raised) 96%, transparent);--chrome-blur: 8px;--chrome-blur-panel: 24px;--chrome-hairline: var(--color-hairline);--chrome-shadow: 0 10px 15px -3px rgba(30, 36, 51, .1), 0 4px 6px -4px rgba(30, 36, 51, .1);--chrome-radius: var(--radius-full);--chrome-radius-panel: var(--radius-lg);--chrome-control-h: 34px;--sheet-handle-width: 36px;--sheet-handle-height: 4px;--sheet-handle-color: var(--color-slate-400);--sheet-handle-radius: var(--shape-control);--chrome-control-h-lg: 40px;--chrome-scrim: rgba(15, 23, 42, .62);--chrome-scrim-fg: #ffffff;--ws-bg: var(--color-paper);--ws-surface: #ffffff;--ws-surface-glass: var(--chrome-bg);--ws-surface-glass-strong: var(--chrome-bg-strong);--ws-surface-muted: rgba(15, 23, 42, .04);--ws-surface-accent: rgba(79, 70, 229, .08);--ws-foreground: var(--color-ink);--ws-muted-foreground: var(--color-ink-soft);--ws-border-hairline: rgba(15, 23, 42, .08);--ws-border-strong: rgba(15, 23, 42, .14);--ws-primary: #4f46e5;--ws-primary-hover: #4338ca;--ws-primary-foreground: #fff;--ws-shutter-ink: #fff;--ws-ring: var(--ws-primary);--ws-danger: #ef4444;--ws-glass-blur: var(--chrome-blur-panel);--ws-glass-shadow: var(--chrome-shadow);--ws-scrim: rgba(15, 23, 42, .5);--ws-radius-panel: var(--chrome-radius-panel);--ws-radius-control: var(--shape-control);--ws-radius-pill: var(--chrome-radius);--ws-radius-track: var(--shape-pill);--ws-track: rgba(15, 23, 42, .12);--ws-thumb: #fff;--ws-thumb-border: var(--ws-primary);--ws-tooltip-bg: var(--color-ink);--ws-tooltip-fg: #fff}@media (prefers-color-scheme: dark){:root:where(:not([data-theme=light])){--chrome-shadow: 0 10px 15px -3px rgba(0, 0, 0, .45), 0 4px 6px -4px rgba(0, 0, 0, .4);--ws-bg: var(--color-paper);--ws-surface: var(--color-paper-raised);--ws-surface-glass: var(--chrome-bg);--ws-surface-glass-strong: var(--chrome-bg-strong);--ws-surface-muted: rgba(255, 255, 255, .03);--ws-surface-accent: #25252d;--ws-foreground: var(--color-ink);--ws-muted-foreground: var(--color-ink-soft);--ws-border-hairline: rgba(255, 255, 255, .06);--ws-border-strong: rgba(255, 255, 255, .12);--ws-primary: #6d5dfc;--ws-primary-hover: #7f72ff;--ws-primary-foreground: #fafafa;--ws-shutter-ink: #fafafa;--ws-glass-shadow: var(--chrome-shadow);--ws-scrim: rgba(0, 0, 0, .5);--ws-track: rgba(255, 255, 255, .12);--ws-thumb: #f0f0f0;--ws-tooltip-bg: #f0f0f0;--ws-tooltip-fg: #0b0b0b}}:root:where([data-theme=dark]){--chrome-shadow: 0 10px 15px -3px rgba(0, 0, 0, .45), 0 4px 6px -4px rgba(0, 0, 0, .4);--ws-bg: var(--color-paper);--ws-surface: var(--color-paper-raised);--ws-surface-glass: var(--chrome-bg);--ws-surface-glass-strong: var(--chrome-bg-strong);--ws-surface-muted: rgba(255, 255, 255, .03);--ws-surface-accent: #25252d;--ws-foreground: var(--color-ink);--ws-muted-foreground: var(--color-ink-soft);--ws-border-hairline: rgba(255, 255, 255, .06);--ws-border-strong: rgba(255, 255, 255, .12);--ws-primary: #6d5dfc;--ws-primary-hover: #7f72ff;--ws-primary-foreground: #fafafa;--ws-shutter-ink: #fafafa;--ws-glass-shadow: var(--chrome-shadow);--ws-scrim: rgba(0, 0, 0, .5);--ws-track: rgba(255, 255, 255, .12);--ws-thumb: #f0f0f0;--ws-tooltip-bg: #f0f0f0;--ws-tooltip-fg: #0b0b0b}@media (prefers-reduced-motion: reduce){:root{--transition-micro: var(--transition-reduced);--transition-fast: var(--transition-reduced);--transition-base: var(--transition-reduced);--transition-slow: var(--transition-reduced);--transition-enter: 50ms;--transition-duration-fast: 50ms;--transition-duration-base: 50ms;--transition-duration-slow: 50ms;--transition-duration-og-crossfade: 50ms;--motion-pop-duration: 50ms;--iso-duration: 50ms;--toast-duration: 50ms;--stagger-delay: 0ms}}:root{--paper-stock: #E6E3DC;--paper-sheet: #FAF9F6;--paper-sheet-rgb: 250 249 246;--paper-ink: #17161B;--paper-ink-soft: #464351;--paper-hairline: rgba(23, 22, 27, .14);--paper-hairline-soft: rgba(23, 22, 27, .08);--paper-plate: #17161B;--paper-plate-ink: #E6E3DC;--paper-spot: #2563EB;--paper-spot-press: #1D4ED8;--paper-spot-text: #1D4ED8;--paper-spot-ink: #FFFFFF;--paper-spot-wash: rgba(37, 99, 235, .06);--paper-spot-wash-strong: rgba(37, 99, 235, .18);--paper-ok-wash: #E4F0EA;--paper-scrim: rgba(23, 22, 27, .14);--paper-tone-ok: #1E6F52;--paper-tone-warn: #8A5A08;--paper-tone-bad: #B3261E;--paper-tone-busy: #1D4ED8;--paper-tone-info: #1F6D89;--paper-checker-bg: #FAF9F6;--paper-checker-square: #F1EEE8;--paper-shape-control: 0}@media (prefers-color-scheme: dark){:root:where(:not([data-theme=light])){--paper-stock: #131218;--paper-sheet: #1D1B23;--paper-sheet-rgb: 29 27 35;--paper-ink: #F2F0F4;--paper-ink-soft: #BFBCC8;--paper-hairline: rgba(242, 240, 244, .16);--paper-hairline-soft: rgba(242, 240, 244, .09);--paper-plate: #1D1B23;--paper-plate-ink: #F2F0F4;--paper-spot: #6FA3FF;--paper-spot-press: #8DB6FF;--paper-spot-text: #6FA3FF;--paper-spot-ink: #0B1220;--paper-spot-wash: rgba(111, 163, 255, .09);--paper-spot-wash-strong: rgba(111, 163, 255, .24);--paper-ok-wash: #16302A;--paper-scrim: rgba(0, 0, 0, .5);--paper-tone-ok: #4FD1A0;--paper-tone-warn: #F0B440;--paper-tone-bad: #FF7A6E;--paper-tone-busy: #6FA3FF;--paper-tone-info: #2C9EC6;--paper-checker-bg: #1D1B23;--paper-checker-square: #232128}}:root:where([data-theme=dark]){--paper-stock: #131218;--paper-sheet: #1D1B23;--paper-sheet-rgb: 29 27 35;--paper-ink: #F2F0F4;--paper-ink-soft: #BFBCC8;--paper-hairline: rgba(242, 240, 244, .16);--paper-hairline-soft: rgba(242, 240, 244, .09);--paper-plate: #1D1B23;--paper-plate-ink: #F2F0F4;--paper-spot: #6FA3FF;--paper-spot-press: #8DB6FF;--paper-spot-text: #6FA3FF;--paper-spot-ink: #0B1220;--paper-spot-wash: rgba(111, 163, 255, .09);--paper-spot-wash-strong: rgba(111, 163, 255, .24);--paper-ok-wash: #16302A;--paper-scrim: rgba(0, 0, 0, .5);--paper-tone-ok: #4FD1A0;--paper-tone-warn: #F0B440;--paper-tone-bad: #FF7A6E;--paper-tone-busy: #6FA3FF;--paper-tone-info: #2C9EC6;--paper-checker-bg: #1D1B23;--paper-checker-square: #232128}:root{--color-paper: var(--paper-stock);--color-paper-raised: var(--paper-sheet);--color-paper-raised-rgb: var(--paper-sheet-rgb);--color-surface: #FAF9F6;--color-surface-raised: #FAF9F6;--color-ink: var(--paper-ink);--color-ink-soft: var(--paper-ink-soft);--color-hairline: var(--paper-hairline);--color-slate-50: #FAF9F6;--color-slate-100: #F1EEE8;--color-slate-200: #DFDBD2;--color-slate-300: #C2BDB2;--color-slate-400: #69655E;--color-slate-500: #585460;--color-slate-600: #464351;--color-slate-700: #343240;--color-slate-800: #232128;--color-slate-900: #17161B;--color-slate-50-rgb: 250 249 246;--color-slate-100-rgb: 241 238 232;--color-slate-200-rgb: 223 219 210;--color-slate-300-rgb: 194 189 178;--color-slate-400-rgb: 105 101 94;--color-slate-500-rgb: 88 84 96;--color-slate-600-rgb: 70 67 81;--color-slate-700-rgb: 52 50 64;--color-slate-800-rgb: 35 33 40;--color-slate-900-rgb: 23 22 27;--color-brand-50-rgb: 239 246 255;--color-brand-100-rgb: 219 234 254;--color-brand-200-rgb: 219 234 254;--color-brand-300-rgb: 96 165 250;--color-brand-400-rgb: 96 165 250;--color-brand-500-rgb: 37 99 235;--color-brand-600-rgb: 37 99 235;--color-brand-700-rgb: 29 78 216;--color-brand-800-rgb: 29 78 216;--color-brand-900-rgb: 30 58 138;--color-brand-950-rgb: 30 58 138;--color-green-50-rgb: 241 246 244;--color-green-100-rgb: 224 235 231;--color-green-200-rgb: 186 222 209;--color-green-300-rgb: 144 202 182;--color-green-400-rgb: 45 166 123;--color-green-500-rgb: 31 114 85;--color-green-600-rgb: 31 114 85;--color-green-700-rgb: 26 97 72;--color-green-800-rgb: 22 80 59;--color-green-900-rgb: 17 63 46;--color-green-950-rgb: 13 48 36;--color-red-50-rgb: 246 241 241;--color-red-100-rgb: 236 224 223;--color-red-200-rgb: 227 184 181;--color-red-300-rgb: 209 141 137;--color-red-400-rgb: 229 107 100;--color-red-500-rgb: 194 41 33;--color-red-600-rgb: 194 41 33;--color-red-700-rgb: 165 35 28;--color-red-800-rgb: 136 29 23;--color-red-900-rgb: 107 23 18;--color-red-950-rgb: 82 17 14;--color-amber-50-rgb: 247 245 240;--color-amber-100-rgb: 237 232 222;--color-amber-200-rgb: 231 212 177;--color-amber-300-rgb: 217 186 130;--color-amber-400-rgb: 201 134 14;--color-amber-500-rgb: 139 92 10;--color-amber-600-rgb: 139 92 10;--color-amber-700-rgb: 118 78 8;--color-amber-800-rgb: 97 65 7;--color-amber-900-rgb: 76 51 5;--color-amber-950-rgb: 58 39 4;--color-sky-50-rgb: 241 245 246;--color-sky-100-rgb: 224 232 235;--color-sky-200-rgb: 184 214 224;--color-sky-300-rgb: 141 189 206;--color-sky-400-rgb: 44 158 198;--color-sky-500-rgb: 31 109 137;--color-sky-600-rgb: 31 109 137;--color-sky-700-rgb: 26 93 116;--color-sky-800-rgb: 21 76 96;--color-sky-900-rgb: 17 60 75;--color-sky-950-rgb: 13 46 57;--color-spot: var(--color-brand-600);--color-spot-text: var(--color-brand-700);--color-spot-press: var(--color-brand-700);--color-spot-ink: var(--paper-spot-ink);--color-success: #1E6F52;--color-warning: #A8700C;--color-error: #B3261E;--color-error-light: #FBE9E7;--color-error-dark: #8A1C16;--color-error-ring: rgba(179, 38, 30, .16);--color-danger-fg: #B3261E;--color-danger-bg: #FBE9E7;--color-caution-fg: #8A5A08;--color-caution-bg: #FBF1DE;--color-checkerboard-bg: #FFFFFF;--color-checkerboard-square: #E6E3DC;--color-checkerboard-dark-bg: #232128;--color-checkerboard-dark-square: #1A1920;--checker-strong-size: 20px;--checker-soft-size: 8px;--checker-soft-square: color-mix(in srgb, var(--color-checkerboard-square) 45%, var(--color-checkerboard-bg));--checker-soft-dark-square: color-mix(in srgb, var(--color-checkerboard-dark-square) 60%, var(--color-checkerboard-dark-bg));--checker-chrome-bg: var(--paper-checker-bg);--checker-chrome-square: var(--paper-checker-square);--crop-scrim: rgba(23, 22, 27, .22);--crop-wash: rgba(37, 99, 235, .06);--font-sans: "Archivo", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Monaco, monospace;--font-read: "Source Serif 4", Georgia, "Times New Roman", serif;--radius-xs: 0;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-2xl: 0;--shape-control: var(--paper-shape-control);--elevation-1: 0 1px 0 rgba(23, 22, 27, .06);--elevation-2: 0 1px 0 rgba(23, 22, 27, .08), 0 6px 18px rgba(23, 22, 27, .07);--elevation-3: 0 1px 0 rgba(23, 22, 27, .1), 0 18px 40px rgba(23, 22, 27, .14);--shadow-sheet: 0 -1px 0 var(--color-hairline), 0 -18px 40px rgba(23, 22, 27, .1);--chrome-radius: 0;--chrome-radius-panel: 0;--chrome-shadow: 0 1px 0 rgba(23, 22, 27, .1), 0 10px 24px rgba(23, 22, 27, .1);--ws-primary: var(--color-brand-600);--ws-primary-hover: var(--color-brand-700);--ws-primary-foreground: var(--color-spot-ink);--ws-radius-panel: 0;--ws-radius-control: 0}@media (prefers-color-scheme: dark){:root:where(:not([data-theme=light])){--color-surface: #1D1B23;--color-surface-raised: #1D1B23;--color-slate-50: #1D1B23;--color-slate-100: #232128;--color-slate-200: #343240;--color-slate-300: #464351;--color-slate-400: #8A8695;--color-slate-500: #A09DAB;--color-slate-600: #BFBCC8;--color-slate-700: #D8D5DE;--color-slate-800: #E9E7EE;--color-slate-900: #F2F0F4;--color-slate-50-rgb: 29 27 35;--color-slate-100-rgb: 35 33 40;--color-slate-200-rgb: 52 50 64;--color-slate-300-rgb: 70 67 81;--color-slate-400-rgb: 138 134 149;--color-slate-500-rgb: 160 157 171;--color-slate-600-rgb: 191 188 200;--color-slate-700-rgb: 216 213 222;--color-slate-800-rgb: 233 231 238;--color-slate-900-rgb: 242 240 244;--color-brand-50-rgb: 20 29 48;--color-brand-100-rgb: 25 39 68;--color-brand-200-rgb: 30 50 91;--color-brand-300-rgb: 44 77 133;--color-brand-400-rgb: 63 105 180;--color-brand-500-rgb: 111 163 255;--color-brand-600-rgb: 111 163 255;--color-brand-700-rgb: 141 182 255;--color-brand-800-rgb: 187 210 255;--color-brand-900-rgb: 220 232 255;--color-brand-950-rgb: 241 246 255;--color-green-50-rgb: 19 42 33;--color-green-100-rgb: 23 52 40;--color-green-200-rgb: 27 69 51;--color-green-300-rgb: 32 86 63;--color-green-400-rgb: 38 112 79;--color-green-500-rgb: 45 166 123;--color-green-600-rgb: 45 166 123;--color-green-700-rgb: 144 202 182;--color-green-800-rgb: 186 222 209;--color-green-900-rgb: 224 235 231;--color-green-950-rgb: 241 246 244;--color-red-50-rgb: 47 27 27;--color-red-100-rgb: 60 29 28;--color-red-200-rgb: 82 32 30;--color-red-300-rgb: 107 36 32;--color-red-400-rgb: 153 48 43;--color-red-500-rgb: 229 107 100;--color-red-600-rgb: 229 107 100;--color-red-700-rgb: 238 145 139;--color-red-800-rgb: 246 184 180;--color-red-900-rgb: 251 217 214;--color-red-950-rgb: 253 239 238;--color-amber-50-rgb: 51 39 21;--color-amber-100-rgb: 64 46 19;--color-amber-200-rgb: 82 57 17;--color-amber-300-rgb: 105 71 15;--color-amber-400-rgb: 139 92 10;--color-amber-500-rgb: 201 134 14;--color-amber-600-rgb: 201 134 14;--color-amber-700-rgb: 217 186 130;--color-amber-800-rgb: 231 212 177;--color-amber-900-rgb: 237 232 222;--color-amber-950-rgb: 247 245 240;--color-sky-50-rgb: 18 39 47;--color-sky-100-rgb: 19 50 61;--color-sky-200-rgb: 21 68 82;--color-sky-300-rgb: 25 91 110;--color-sky-400-rgb: 31 109 137;--color-sky-500-rgb: 44 158 198;--color-sky-600-rgb: 44 158 198;--color-sky-700-rgb: 141 189 206;--color-sky-800-rgb: 184 214 224;--color-sky-900-rgb: 224 232 235;--color-sky-950-rgb: 241 245 246;--color-brand-50: #141D30;--color-brand-100: #192744;--color-brand-400: #3F69B4;--color-brand-500: #527FD0;--color-brand-600: #6FA3FF;--color-brand-700: #8DB6FF;--color-brand-900: #DCE8FF;--color-spot: #6FA3FF;--color-spot-text: #6FA3FF;--color-spot-press: #8DB6FF;--color-success: #4FD1A0;--color-warning: #F0B440;--color-error: #FF7A6E;--color-error-light: #331B1B;--color-error-dark: #FFA79E;--color-danger-fg: #FF7A6E;--color-danger-bg: #331B1B;--color-caution-fg: #F0B440;--color-caution-bg: #332715;--crop-scrim: rgba(0, 0, 0, .46);--crop-wash: rgba(111, 163, 255, .09);--elevation-1: 0 1px 0 rgba(0, 0, 0, .5);--elevation-2: 0 1px 0 rgba(0, 0, 0, .5), 0 6px 18px rgba(0, 0, 0, .45);--elevation-3: 0 1px 0 rgba(0, 0, 0, .5), 0 18px 40px rgba(0, 0, 0, .55);--shadow-sheet: 0 -1px 0 var(--color-hairline), 0 -18px 40px rgba(0, 0, 0, .5);--chrome-shadow: 0 1px 0 rgba(0, 0, 0, .5), 0 10px 24px rgba(0, 0, 0, .45)}}:root:where([data-theme=dark]){--color-surface: #1D1B23;--color-surface-raised: #1D1B23;--color-slate-50: #1D1B23;--color-slate-100: #232128;--color-slate-200: #343240;--color-slate-300: #464351;--color-slate-400: #8A8695;--color-slate-500: #A09DAB;--color-slate-600: #BFBCC8;--color-slate-700: #D8D5DE;--color-slate-800: #E9E7EE;--color-slate-900: #F2F0F4;--color-slate-50-rgb: 29 27 35;--color-slate-100-rgb: 35 33 40;--color-slate-200-rgb: 52 50 64;--color-slate-300-rgb: 70 67 81;--color-slate-400-rgb: 138 134 149;--color-slate-500-rgb: 160 157 171;--color-slate-600-rgb: 191 188 200;--color-slate-700-rgb: 216 213 222;--color-slate-800-rgb: 233 231 238;--color-slate-900-rgb: 242 240 244;--color-brand-50-rgb: 20 29 48;--color-brand-100-rgb: 25 39 68;--color-brand-200-rgb: 30 50 91;--color-brand-300-rgb: 44 77 133;--color-brand-400-rgb: 63 105 180;--color-brand-500-rgb: 111 163 255;--color-brand-600-rgb: 111 163 255;--color-brand-700-rgb: 141 182 255;--color-brand-800-rgb: 187 210 255;--color-brand-900-rgb: 220 232 255;--color-brand-950-rgb: 241 246 255;--color-green-50-rgb: 19 42 33;--color-green-100-rgb: 23 52 40;--color-green-200-rgb: 27 69 51;--color-green-300-rgb: 32 86 63;--color-green-400-rgb: 38 112 79;--color-green-500-rgb: 45 166 123;--color-green-600-rgb: 45 166 123;--color-green-700-rgb: 144 202 182;--color-green-800-rgb: 186 222 209;--color-green-900-rgb: 224 235 231;--color-green-950-rgb: 241 246 244;--color-red-50-rgb: 47 27 27;--color-red-100-rgb: 60 29 28;--color-red-200-rgb: 82 32 30;--color-red-300-rgb: 107 36 32;--color-red-400-rgb: 153 48 43;--color-red-500-rgb: 229 107 100;--color-red-600-rgb: 229 107 100;--color-red-700-rgb: 238 145 139;--color-red-800-rgb: 246 184 180;--color-red-900-rgb: 251 217 214;--color-red-950-rgb: 253 239 238;--color-amber-50-rgb: 51 39 21;--color-amber-100-rgb: 64 46 19;--color-amber-200-rgb: 82 57 17;--color-amber-300-rgb: 105 71 15;--color-amber-400-rgb: 139 92 10;--color-amber-500-rgb: 201 134 14;--color-amber-600-rgb: 201 134 14;--color-amber-700-rgb: 217 186 130;--color-amber-800-rgb: 231 212 177;--color-amber-900-rgb: 237 232 222;--color-amber-950-rgb: 247 245 240;--color-sky-50-rgb: 18 39 47;--color-sky-100-rgb: 19 50 61;--color-sky-200-rgb: 21 68 82;--color-sky-300-rgb: 25 91 110;--color-sky-400-rgb: 31 109 137;--color-sky-500-rgb: 44 158 198;--color-sky-600-rgb: 44 158 198;--color-sky-700-rgb: 141 189 206;--color-sky-800-rgb: 184 214 224;--color-sky-900-rgb: 224 232 235;--color-sky-950-rgb: 241 245 246;--color-brand-50: #141D30;--color-brand-100: #192744;--color-brand-400: #3F69B4;--color-brand-500: #527FD0;--color-brand-600: #6FA3FF;--color-brand-700: #8DB6FF;--color-brand-900: #DCE8FF;--color-spot: #6FA3FF;--color-spot-text: #6FA3FF;--color-spot-press: #8DB6FF;--color-success: #4FD1A0;--color-warning: #F0B440;--color-error: #FF7A6E;--color-error-light: #331B1B;--color-error-dark: #FFA79E;--color-danger-fg: #FF7A6E;--color-danger-bg: #331B1B;--color-caution-fg: #F0B440;--color-caution-bg: #332715;--crop-scrim: rgba(0, 0, 0, .46);--crop-wash: rgba(111, 163, 255, .09);--elevation-1: 0 1px 0 rgba(0, 0, 0, .5);--elevation-2: 0 1px 0 rgba(0, 0, 0, .5), 0 6px 18px rgba(0, 0, 0, .45);--elevation-3: 0 1px 0 rgba(0, 0, 0, .5), 0 18px 40px rgba(0, 0, 0, .55);--shadow-sheet: 0 -1px 0 var(--color-hairline), 0 -18px 40px rgba(0, 0, 0, .5);--chrome-shadow: 0 1px 0 rgba(0, 0, 0, .5), 0 10px 24px rgba(0, 0, 0, .45)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(147 197 253 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(147 197 253 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--color-slate-200)}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Archivo,Helvetica Neue,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:var(--color-slate-400)}input::placeholder,textarea::placeholder{opacity:1;color:var(--color-slate-400)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-left-3{left:-.75rem}.-top-3{top:-.75rem}.bottom-0{bottom:0}.bottom-0\.5{bottom:.125rem}.bottom-16{bottom:4rem}.bottom-2{bottom:.5rem}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1{left:.25rem}.left-1\.5{left:.375rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-0\.5{right:.125rem}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-full{top:100%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[6\]{z-index:6}.col-span-2{grid-column:span 2 / span 2}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-auto{margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-full{width:100%;height:100%}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[62vh\]{height:62vh}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-16{max-height:4rem}.max-h-72{max-height:18rem}.max-h-\[300px\]{max-height:300px}.max-h-\[40vh\]{max-height:40vh}.max-h-\[80\%\]{max-height:80%}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[88vh\]{max-height:88vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[min\(80dvh\,640px\)\]{max-height:min(80dvh,640px)}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-10{min-height:2.5rem}.min-h-\[180px\]{min-height:180px}.min-h-\[1rem\]{min-height:1rem}.min-h-\[260px\]{min-height:260px}.min-h-\[28px\]{min-height:28px}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-\[16rem\]{max-width:16rem}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[240px\]{max-width:240px}.max-w-\[300px\]{max-width:300px}.max-w-\[45\%\]{max-width:45%}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-ew-resize{cursor:ew-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness: mandatory}.snap-center{scroll-snap-align:center}.scroll-mt-20{scroll-margin-top:5rem}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-0\.5{row-gap:.125rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded,.rounded-2xl{border-radius:var(--shape-control)}.rounded-full{border-radius:var(--shape-pill)}.rounded-lg,.rounded-md,.rounded-sm,.rounded-xl{border-radius:var(--shape-control)}.rounded-t-xl{border-top-left-radius:var(--shape-control);border-top-right-radius:var(--shape-control)}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(var(--color-amber-200-rgb) / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(var(--color-brand-200-rgb) / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(var(--color-brand-500-rgb) / var(--tw-border-opacity, 1))}.border-brand-200{--tw-border-opacity: 1;border-color:rgb(var(--color-brand-200-rgb) / var(--tw-border-opacity, 1))}.border-brand-300{--tw-border-opacity: 1;border-color:rgb(var(--color-brand-300-rgb) / var(--tw-border-opacity, 1))}.border-brand-500{--tw-border-opacity: 1;border-color:rgb(var(--color-brand-500-rgb) / var(--tw-border-opacity, 1))}.border-brand-600{--tw-border-opacity: 1;border-color:rgb(var(--color-brand-600-rgb) / var(--tw-border-opacity, 1))}.border-gray-200{border-color:var(--color-slate-200)}.border-red-200{--tw-border-opacity: 1;border-color:rgb(var(--color-red-200-rgb) / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(var(--color-red-500-rgb) / var(--tw-border-opacity, 1))}.border-sky-200{--tw-border-opacity: 1;border-color:rgb(var(--color-sky-200-rgb) / var(--tw-border-opacity, 1))}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-900{border-color:var(--color-slate-900)}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(var(--color-paper-raised-rgb) / var(--tw-border-opacity, 1))}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(var(--color-amber-100-rgb) / var(--tw-bg-opacity, 1))}.bg-amber-100\/95{background-color:rgb(var(--color-amber-100-rgb) / .95)}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(var(--color-amber-50-rgb) / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(var(--color-amber-500-rgb) / var(--tw-bg-opacity, 1))}.bg-amber-500\/20{background-color:rgb(var(--color-amber-500-rgb) / .2)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:#00000080}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(var(--color-brand-50-rgb) / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(var(--color-brand-600-rgb) / var(--tw-bg-opacity, 1))}.bg-brand-100{--tw-bg-opacity: 1;background-color:rgb(var(--color-brand-100-rgb) / var(--tw-bg-opacity, 1))}.bg-brand-50{--tw-bg-opacity: 1;background-color:rgb(var(--color-brand-50-rgb) / var(--tw-bg-opacity, 1))}.bg-brand-500{--tw-bg-opacity: 1;background-color:rgb(var(--color-brand-500-rgb) / var(--tw-bg-opacity, 1))}.bg-brand-600{--tw-bg-opacity: 1;background-color:rgb(var(--color-brand-600-rgb) / var(--tw-bg-opacity, 1))}.bg-brand-600\/90{background-color:rgb(var(--color-brand-600-rgb) / .9)}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(var(--color-green-100-rgb) / var(--tw-bg-opacity, 1))}.bg-emerald-500\/15{background-color:rgb(var(--color-green-500-rgb) / .15)}.bg-gray-100{background-color:var(--color-slate-100)}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(var(--color-green-100-rgb) / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(var(--color-green-50-rgb) / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(var(--color-green-600-rgb) / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(var(--color-brand-100-rgb) / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(var(--color-red-100-rgb) / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(var(--color-red-50-rgb) / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(var(--color-red-500-rgb) / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(var(--color-red-600-rgb) / var(--tw-bg-opacity, 1))}.bg-sky-50{--tw-bg-opacity: 1;background-color:rgb(var(--color-sky-50-rgb) / var(--tw-bg-opacity, 1))}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(var(--color-paper-raised-rgb) / var(--tw-bg-opacity, 1))}.bg-white\/60{background-color:rgb(var(--color-paper-raised-rgb) / .6)}.bg-white\/80{background-color:rgb(var(--color-paper-raised-rgb) / .8)}.bg-white\/90{background-color:rgb(var(--color-paper-raised-rgb) / .9)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pl-10{padding-left:2.5rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:JetBrains Mono,SF Mono,Monaco,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-7xl{font-size:4.5rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-meta{font-size:.6875rem;line-height:1.3}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-3{line-height:.75rem}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-400{--tw-text-opacity: 1;color:rgb(var(--color-amber-400-rgb) / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(var(--color-amber-500-rgb) / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(var(--color-amber-600-rgb) / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(var(--color-amber-700-rgb) / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(var(--color-amber-800-rgb) / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(var(--color-brand-500-rgb) / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(var(--color-brand-600-rgb) / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(var(--color-brand-800-rgb) / var(--tw-text-opacity, 1))}.text-brand-500{--tw-text-opacity: 1;color:rgb(var(--color-brand-500-rgb) / var(--tw-text-opacity, 1))}.text-brand-600{--tw-text-opacity: 1;color:rgb(var(--color-brand-600-rgb) / var(--tw-text-opacity, 1))}.text-brand-700{--tw-text-opacity: 1;color:rgb(var(--color-brand-700-rgb) / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(var(--color-green-500-rgb) / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(var(--color-green-600-rgb) / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(var(--color-green-700-rgb) / var(--tw-text-opacity, 1))}.text-gray-400{color:var(--color-slate-400)}.text-gray-500{color:var(--color-slate-500)}.text-green-500{--tw-text-opacity: 1;color:rgb(var(--color-green-500-rgb) / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(var(--color-green-600-rgb) / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(var(--color-green-700-rgb) / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(var(--color-brand-600-rgb) / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(var(--color-red-500-rgb) / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(var(--color-red-600-rgb) / var(--tw-text-opacity, 1))}.text-sky-600{--tw-text-opacity: 1;color:rgb(var(--color-sky-600-rgb) / var(--tw-text-opacity, 1))}.text-sky-700{--tw-text-opacity: 1;color:rgb(var(--color-sky-700-rgb) / var(--tw-text-opacity, 1))}.text-sky-950{--tw-text-opacity: 1;color:rgb(var(--color-sky-950-rgb) / var(--tw-text-opacity, 1))}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{--tw-text-opacity: 1;color:rgb(var(--color-paper-raised-rgb) / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(var(--color-amber-400-rgb) / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(var(--color-amber-500-rgb) / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(var(--color-amber-600-rgb) / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.decoration-dotted{text-decoration-style:dotted}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-slate-400::-moz-placeholder{color:var(--color-slate-400)}.placeholder-slate-400::placeholder{color:var(--color-slate-400)}.accent-brand-500{accent-color:rgb(var(--color-brand-500-rgb) / 1)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-brand-500\/20{--tw-shadow-color: rgb(var(--color-brand-500-rgb) / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-brand-500\/30{--tw-shadow-color: rgb(var(--color-brand-500-rgb) / .3);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-amber-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-amber-400-rgb) / var(--tw-ring-opacity, 1))}.ring-blue-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-brand-200-rgb) / var(--tw-ring-opacity, 1))}.ring-brand-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-brand-500-rgb) / var(--tw-ring-opacity, 1))}.ring-slate-200{--tw-ring-color: var(--color-slate-200)}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-white{--tw-ring-offset-color: rgb(var(--color-paper-raised-rgb) / 1)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.saturate-50{--tw-saturate: saturate(.5);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[1px\]{--tw-backdrop-blur: blur(1px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-none{transition-property:none}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-motion-base{transition-duration:var(--transition-duration-base)}.duration-toast{transition-duration:var(--toast-duration)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--swatch-sm: 1rem;--swatch-md: 1.5rem;--swatch-lg: 2.5rem;--icon-sm: 1rem;--icon-2xl: 4rem;--header-height: 56px;--controls-min-width: 320px;--controls-max-width: 50%;--controls-default-width: 33%;--controls-default-width-tablet: 38%;--history-timeline-height: 72px}.surface-app{background:var(--color-paper);color:var(--color-ink)}.surface-panel{background:var(--color-paper-raised)}.panel-group{background:var(--color-paper-raised);box-shadow:var(--elevation-1);border-radius:var(--radius-lg)}@keyframes asset-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.asset-preview-hero-enter{animation:asset-card-in var(--transition-enter) var(--ease-out-expo) both}.asset-card-enter{opacity:0;animation:asset-card-in var(--transition-enter) var(--ease-out-expo) forwards;animation-delay:calc(.16s + var(--card-index) * var(--stagger-delay))}@keyframes asset-card-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.asset-card-leave{animation:asset-card-out var(--transition-duration-slow) var(--ease-out-expo) forwards;pointer-events:none}.asset-skeleton-fill{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit;color:var(--color-slate-300);font-size:1.5rem}@keyframes asset-preview-swap-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.asset-preview-swap-in{animation:asset-preview-swap-in var(--transition-duration-base) var(--ease-out-expo) both}.asset-preview-panel [hidden]{display:none!important}.asset-card{cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.asset-card:hover{background-color:var(--color-slate-100)}.asset-card:focus-visible{outline:2px solid var(--ws-ring, #4f46e5);outline-offset:2px}.asset-card[aria-busy=true]{cursor:progress}.asset-quick-stage{height:clamp(14rem,46vh,26rem)}.asset-quick-stage.asset-quick-stage--editor{height:auto;border-color:transparent}.asset-quick-editor{max-width:32rem;margin-inline:auto;padding-block:.25rem}.asset-quick-stage>.asset-quick-fill{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem}.asset-quick-stage>.asset-quick-fill--live{padding:0;pointer-events:none}.asset-quick-stage>.asset-quick-fill--live canvas{width:100%!important;height:100%!important}.asset-quick-fill>img,.asset-quick-fill>canvas,.asset-quick-fill>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.asset-quick-fill>svg{width:100%;height:100%}.asset-quick-poster{transition:opacity var(--transition-base)}.asset-quick-poster.is-behind{opacity:0}.asset-quick-icons{display:flex;flex-wrap:wrap;align-items:flex-end;align-content:center;justify-content:center;gap:1rem 1.25rem;max-width:100%;max-height:100%;overflow:auto}.asset-quick-icon{display:flex;flex-direction:column;align-items:center;gap:.375rem;color:var(--color-slate-500);font-size:var(--text-meta)}.asset-quick-icon>span:first-child{display:flex;align-items:center;justify-content:center;background:var(--color-paper-raised);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);overflow:hidden}.asset-quick-icon img{display:block}.asset-quick-social{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;width:100%;height:100%;min-height:0}.asset-quick-social>.asset-quick-social-main{flex:0 1 auto;height:calc(100% - 5.25rem);width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--elevation-1)}.asset-quick-social-strip{display:flex;flex-wrap:nowrap;justify-content:safe center;gap:.75rem;flex:0 0 auto;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:0 .25rem .25rem;scrollbar-width:thin}.asset-quick-social-strip>figure{margin:0;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--color-slate-500);font-size:var(--text-meta);white-space:nowrap}.asset-quick-social-strip canvas{display:block;height:3.25rem;width:auto;border-radius:var(--radius-xs);box-shadow:var(--elevation-1)}.asset-quick-phone{height:100%;aspect-ratio:1170 / 2532;max-width:100%;border-radius:var(--radius-xl);border:3px solid var(--color-slate-800);overflow:hidden;background:var(--color-paper);box-shadow:var(--elevation-2)}.asset-quick-phone>canvas{display:block;width:100%;height:100%}.asset-quick-launch{position:relative;background:linear-gradient(160deg,var(--color-slate-600, #475569),var(--color-slate-900, #0f172a))}.asset-quick-launch__home{position:absolute;top:8%;left:6.5%;right:6.5%;height:43.855%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);-moz-column-gap:7.28%;column-gap:7.28%;row-gap:9.452%;transform-origin:26.245% 27.35%}.asset-quick-launch__home>span{border-radius:var(--shape-ios-app-icon);overflow:hidden}.asset-quick-launch__other{background:#ffffff2e}.asset-quick-launch__app>img,.asset-quick-launch__app>canvas{display:block;width:100%;height:100%}.asset-quick-launch__splash{position:absolute;inset:0;overflow:hidden}.asset-quick-launch__splash>canvas{display:block;width:100%;height:100%;transform-origin:50% 50%}@media (prefers-reduced-motion: no-preference){.asset-quick-launch__splash{animation:asset-quick-launch-splash 5s infinite}.asset-quick-launch__splash>canvas{animation:asset-quick-launch-zoom 5s infinite}.asset-quick-launch__app{animation:asset-quick-launch-icon 5s infinite}.asset-quick-launch__home{animation:asset-quick-launch-home 5s infinite}}@keyframes asset-quick-launch-splash{0%,17%{clip-path:inset(20% 53.167% 72.145% 29.833% round 3.8% / 1.756%);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}21%{opacity:1}30%,84%{clip-path:inset(0% 0% 0% 0% round 0% / 0%);opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1)}94%{clip-path:inset(20% 53.167% 72.145% 29.833% round 3.8% / 1.756%);opacity:1}98%,to{clip-path:inset(20% 53.167% 72.145% 29.833% round 3.8% / 1.756%);opacity:0}}@keyframes asset-quick-launch-zoom{0%,17%{transform:translate(-11.667%,-26.07%) scale(.17);animation-timing-function:cubic-bezier(.2,.8,.2,1)}30%,84%{transform:translate(0) scale(1);animation-timing-function:cubic-bezier(.4,0,.2,1)}94%,to{transform:translate(-11.667%,-26.07%) scale(.17)}}@keyframes asset-quick-launch-icon{0%,11%{transform:scale(1);opacity:1}14%{transform:scale(.88)}17%{transform:scale(1);opacity:1}26%,90%{transform:scale(1.6);opacity:0}97%,to{transform:scale(1);opacity:1}}@keyframes asset-quick-launch-home{0%,17%{transform:scale(1);animation-timing-function:cubic-bezier(.2,.8,.2,1)}30%,84%{transform:scale(1.12);animation-timing-function:cubic-bezier(.4,0,.2,1)}94%,to{transform:scale(1)}}.asset-quick-crumbs{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1 1 auto}.asset-quick-crumb{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--text-sm);font-weight:700;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-quick-crumb--link{color:var(--color-ink-soft);font-weight:600;border-radius:var(--shape-control);padding:.125rem .375rem;margin-left:-.375rem;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.asset-quick-crumb--link:hover{color:var(--color-brand-600);background-color:var(--color-slate-100)}.asset-quick-crumb--link:focus-visible{outline:2px solid var(--ws-ring, #4f46e5);outline-offset:2px}.asset-quick-crumb-sep{color:var(--color-slate-300);font-size:var(--text-sm)}.asset-quick-action{display:inline-flex;align-items:center;gap:.375rem;min-height:var(--chrome-control-h);padding-inline:.75rem;border:1px solid var(--color-hairline);border-radius:var(--shape-control);background:var(--color-paper-raised);color:var(--color-ink-soft);font-size:var(--text-xs);font-weight:650;line-height:1;white-space:nowrap;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.asset-quick-action:hover:not(:disabled){color:var(--color-brand-600);border-color:var(--color-brand-600)}.asset-quick-action:focus-visible{outline:2px solid var(--ws-ring, #4f46e5);outline-offset:2px}.asset-quick-action--primary{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.asset-quick-action--primary:hover:not(:disabled){color:var(--color-paper);border-color:var(--color-ink);opacity:.9}@media (prefers-reduced-motion: reduce){.asset-quick-poster{transition:none}.asset-preview-hero-enter,.asset-card-enter{animation-delay:0ms}.asset-preview-swap-in{animation:none}.asset-card-leave{animation:none;opacity:0}}.inset-group{box-shadow:var(--elevation-1)}.z-controls{z-index:var(--z-controls)}.z-dropdown{z-index:var(--z-dropdown)}.z-bar{z-index:var(--z-bar)}.z-modal{z-index:var(--z-modal)}.z-toast{z-index:var(--z-toast)}.z-onboarding{z-index:var(--z-onboarding)}:where(.help-tip){color:var(--color-slate-400)}.help-tip{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;margin:-4px 0;padding:0;border:0;border-radius:var(--shape-control);background:transparent;cursor:help}.help-tip:hover,.help-tip[aria-expanded=true]{color:var(--color-ink)}.help-tip:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:1px}.help-tip__bubble{position:fixed;z-index:var(--z-toast);width:-moz-max-content;width:max-content;max-width:min(280px,calc(100vw - 16px));white-space:normal;line-height:1.45;text-align:left}.slider-reset{padding:1px 3px;color:var(--color-slate-400);border:none;background:none;border-radius:var(--radius-xs);cursor:pointer;transition:color var(--transition-fast);line-height:1}.slider-reset:hover{color:var(--color-brand-600)}@media (max-width: 767px){.slider-reset{position:relative}.slider-reset:before{content:"";position:absolute;inset:-14px}}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.h-screen{height:100vh;height:100dvh}:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.color-swatch{border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);position:relative}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--color-brand-600);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-brand-600)}.color-swatch:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.style-card:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.step-list{display:flex;flex-direction:column}.step-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color var(--transition-base),opacity var(--transition-base)}.step-row:hover:not(:disabled):not(.step-row--active){background:var(--color-slate-50)}.step-row:disabled{opacity:.45;cursor:default}.step-row-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);font-size:14px;flex-shrink:0;transition:background-color var(--transition-base),color var(--transition-base),box-shadow .3s ease}.step-row-check,.step-row-spinner,.step-row-skip{display:none}.step-row-content{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.step-row-label{font-size:.8125rem;font-weight:600;line-height:1.3}.step-row-desc{font-size:.6875rem;line-height:1.3}.step-row-receipt{display:none;font-size:.6875rem;line-height:1.3;color:var(--color-slate-500)}.step-row--complete.step-row--has-receipt .step-row-receipt,.step-row--skipped.step-row--has-receipt .step-row-receipt,.step-row--has-receipt.step-row--pending-summary .step-row-receipt{display:block}.step-row--complete.step-row--has-receipt .step-row-desc,.step-row--skipped.step-row--has-receipt .step-row-desc,.step-row--has-receipt.step-row--pending-summary .step-row-desc{display:none}.step-row--pending-summary .step-row-receipt{color:var(--color-slate-400);font-style:italic}.step-row-arrow{font-size:14px;flex-shrink:0;cursor:pointer;padding:8px 5px;margin:-8px -5px;transition:color var(--transition-base),transform .2s ease}.step-accordion-head:has(.step-row:hover:not(:disabled)) .step-row-arrow{color:var(--color-brand-500)}.step-row--active{background:var(--color-brand-50, #eff6ff)}.step-row--active .step-row-indicator{background:var(--color-brand-600);color:var(--color-spot-ink);box-shadow:0 0 0 3px #2563eb26}.step-row--active .step-row-icon{display:none}.step-row--active .step-row-spinner{display:inline;animation:spin .8s linear infinite}.step-accordion-head:has(.step-row--active) .step-row-arrow{display:none}.step-row--active .step-row-label{color:var(--color-brand-700)}.step-row--complete .step-row-indicator{background:var(--color-emerald-50);color:var(--color-emerald-600)}.step-row--complete .step-row-icon{display:none}.step-row--complete .step-row-check{display:inline}.step-row--complete .step-row-label{color:var(--color-emerald-700)}.step-row--skipped .step-row-indicator{background:var(--color-slate-50);color:var(--color-slate-300);border:1.5px dashed var(--color-slate-200)}.step-row--skipped .step-row-icon{display:none}.step-row--skipped .step-row-skip{display:inline}.step-row--skipped .step-row-label{color:var(--color-slate-400)}.step-row--skipped .step-row-desc{color:var(--color-slate-300)}.step-row--suggest .step-row-indicator{animation:stepRowPulse 1.8s ease-in-out 3;background:var(--color-brand-50);color:var(--color-brand-600)}.step-row--suggest .step-row-label{color:var(--color-brand-700)}@keyframes stepRowPulse{0%,to{box-shadow:0 0 #2563eb00}50%{box-shadow:0 0 0 5px #2563eb26}}.step-accordion:last-child{border-bottom:none!important}.step-row-chevron{transition:transform .2s ease}.step-accordion--open .step-row-chevron{transform:rotate(180deg)}.step-accordion-head{display:flex;align-items:center;gap:8px;padding-right:14px}.step-accordion-head .step-row-header{flex:1;min-width:0;font:inherit;color:inherit;text-align:left}.step-accordion-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-duration-slow) ease}.step-accordion--open .step-accordion-body{grid-template-rows:1fr}.step-accordion-body[hidden]{display:none}.step-accordion-inner{overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:0 14px;opacity:0;transform:translateY(var(--accordion-shift, 6px));transition:opacity var(--transition-base),transform var(--transition-slow)}#step-chips-bar[data-accordion-direction=up] .step-accordion-inner{--accordion-shift: -6px}.step-accordion--open .step-accordion-inner{padding:0 14px 12px;opacity:1;transform:none}#bg-accordion-body .step-accordion-inner:not(:has(#bg-result:not([hidden]),#bg-fix-toggle:not([hidden]),#bg-fix-panel:not([hidden]))){padding-bottom:0}.bg-fix-candidate{display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px;border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);background:var(--color-white);cursor:pointer;transition:border-color var(--transition-base),background-color var(--transition-base)}.bg-fix-candidate:hover{border-color:var(--color-slate-300)}.bg-fix-candidate[aria-checked=true]{border-color:var(--color-brand-500);background:var(--color-brand-50)}.bg-fix-candidate-thumb{width:100%;height:auto;aspect-ratio:1;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md);background-color:var(--color-slate-100);background-image:linear-gradient(45deg,var(--color-slate-200) 25%,transparent 25%),linear-gradient(-45deg,var(--color-slate-200) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-slate-200) 75%),linear-gradient(-45deg,transparent 75%,var(--color-slate-200) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.bg-fix-candidate-label{font-size:var(--text-meta);line-height:1.2;color:var(--color-slate-600);text-align:center}.bg-fix-region{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 8px;font-size:11px;text-align:left;border:1px solid var(--color-slate-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-slate-600);cursor:pointer;transition:border-color var(--transition-base),background-color var(--transition-base)}.bg-fix-region:hover,.bg-fix-region:focus-visible{border-color:var(--color-pink-400, #f472b6)}.bg-fix-region[aria-checked=true]{border-color:var(--color-pink-400, #f472b6);background:var(--color-pink-50, #fdf2f8);color:var(--color-pink-700, #be185d)}.bg-fix-region-state{flex-shrink:0;font-size:var(--text-meta);color:var(--color-slate-400)}.bg-fix-region[aria-checked=true] .bg-fix-region-state{color:inherit}.bg-fix-summary{font-size:11px;line-height:1.3;color:var(--color-slate-500)}.bg-fix-more{align-self:flex-start;padding:2px 0;font-size:11px;font-weight:500;color:var(--color-brand-700);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;background:none;border:0;cursor:pointer}.bg-fix-more:hover{color:var(--color-brand-800)}.bg-fix-note{font-size:var(--text-meta);line-height:1.3;color:var(--color-slate-400)}.step-preset-btn,.preset-card:focus-visible,.style-chip:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.preset-card.step-preset-btn{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:6px 8px;font-size:11px;font-weight:500;border-width:1px;border-style:solid;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.step-preset-btn:hover{border-color:var(--color-slate-300)}.step-preset-btn[aria-checked=true]{background:var(--color-brand-50)!important;border-color:var(--color-brand-300)!important;color:var(--color-brand-700)!important}.preset-card.step-preset-btn{border-width:1px;padding:6px 8px}.preset-card.step-preset-btn:hover{border-color:var(--color-slate-300);background:#fff}.step-preset-btn[aria-checked=true]:hover{background:var(--color-brand-100)!important}@media (prefers-color-scheme: dark){:where(:root:not([data-theme=light])) .preset-card.step-preset-btn:hover{border-color:var(--color-slate-400);background:var(--color-slate-200)}:where(:root:not([data-theme=light])) .step-preset-btn[aria-checked=true]:hover{background:#3b82f647!important}:where(:root:not([data-theme=light])) .step-preset-btn:hover{border-color:var(--color-slate-400);background:var(--color-slate-300)}}:where(:root[data-theme=dark]) .preset-card.step-preset-btn:hover{border-color:var(--color-slate-400);background:var(--color-slate-200)}:where(:root[data-theme=dark]) .step-preset-btn[aria-checked=true]:hover{background:#3b82f647!important}:where(:root[data-theme=dark]) .step-preset-btn:hover{border-color:var(--color-slate-400);background:var(--color-slate-300)}.preset-card.step-preset-btn[aria-checked=true]{border-width:1px}.step-cc-label{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;cursor:pointer;transition:background-color var(--transition-base)}.step-cc-title{display:block;font-size:11px;font-weight:600;line-height:1.3}.step-cc-desc{display:block;font-size:var(--text-meta);line-height:1.3;margin-top:1px}.step-header-apply{display:flex;align-items:center;justify-content:center;min-width:9.5em;padding:4px 12px;border-radius:var(--shape-control);background:var(--color-brand-600);color:var(--color-spot-ink);font-size:var(--text-sm);font-weight:600;border:1px solid var(--color-spot-press);cursor:pointer;flex-shrink:0;text-align:center;white-space:nowrap;transition:opacity var(--transition-base),background-color var(--transition-base)}.step-header-apply:hover{opacity:1;background:var(--color-brand-700)}.step-header-apply:active{background:var(--color-brand-700);box-shadow:inset 0 1px #0000002e}.step-header-apply:disabled{opacity:.3;cursor:default;transform:none}.step-row--active+.step-header-apply,.step-row--complete+.step-header-apply,.step-row--skipped+.step-header-apply{display:none}.step-more-link{font-size:11px;text-decoration:none;transition:color var(--transition-base)}.step-more-link:hover{text-decoration:underline}.step-run-all-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:var(--color-brand-600);color:var(--color-spot-ink);font-size:13px;font-weight:600;border:none;cursor:pointer;transition:background-color var(--transition-base)}.step-run-all-btn:hover{background:var(--color-brand-700)}.step-run-all-btn:disabled{opacity:.5;cursor:default}@media (prefers-color-scheme: dark){:where(:root:not([data-theme=light])) .step-row:hover:not(:disabled):not(.step-row--active){background:#33415580}:where(:root:not([data-theme=light])) .step-row--active{background:#3b82f614}:where(:root:not([data-theme=light])) .step-row--active .step-row-indicator{box-shadow:0 0 0 3px #3b82f633}:where(:root:not([data-theme=light])) .step-row--active .step-row-label{color:var(--color-brand-300)}:where(:root:not([data-theme=light])) .step-row--complete .step-row-indicator{background:#10b9811f;color:var(--color-emerald-400)}:where(:root:not([data-theme=light])) .step-row--complete .step-row-label{color:var(--color-emerald-400)}:where(:root:not([data-theme=light])) .step-row--skipped .step-row-indicator{background:var(--color-slate-100);color:var(--color-slate-400);border-color:var(--color-slate-300)}:where(:root:not([data-theme=light])) .step-row--skipped .step-row-label{color:var(--color-slate-500)}:where(:root:not([data-theme=light])) .step-row--suggest .step-row-indicator{background:#3b82f61f;color:var(--color-brand-400)}:where(:root:not([data-theme=light])) .step-row--suggest .step-row-label{color:var(--color-brand-300)}:where(:root:not([data-theme=light])) .step-preset-btn[aria-checked=true]{background:#3b82f626!important;border-color:var(--color-brand-500)!important;color:var(--color-brand-300)!important}}:where(:root[data-theme=dark]) .step-row:hover:not(:disabled):not(.step-row--active){background:#33415580}:where(:root[data-theme=dark]) .step-row--active{background:#3b82f614}:where(:root[data-theme=dark]) .step-row--active .step-row-indicator{box-shadow:0 0 0 3px #3b82f633}:where(:root[data-theme=dark]) .step-row--active .step-row-label{color:var(--color-brand-300)}:where(:root[data-theme=dark]) .step-row--complete .step-row-indicator{background:#10b9811f;color:var(--color-emerald-400)}:where(:root[data-theme=dark]) .step-row--complete .step-row-label{color:var(--color-emerald-400)}:where(:root[data-theme=dark]) .step-row--skipped .step-row-indicator{background:var(--color-slate-100);color:var(--color-slate-400);border-color:var(--color-slate-300)}:where(:root[data-theme=dark]) .step-row--skipped .step-row-label{color:var(--color-slate-500)}:where(:root[data-theme=dark]) .step-row--suggest .step-row-indicator{background:#3b82f61f;color:var(--color-brand-400)}:where(:root[data-theme=dark]) .step-row--suggest .step-row-label{color:var(--color-brand-300)}:where(:root[data-theme=dark]) .step-preset-btn[aria-checked=true]{background:#3b82f626!important;border-color:var(--color-brand-500)!important;color:var(--color-brand-300)!important}.flow-hidden{display:none!important}.flow-entering{animation:flowFadeIn var(--transition-enter) var(--ease-out-expo) forwards}.flow-exiting{animation:flowFadeOut var(--transition-enter) var(--ease-out-expo) forwards}@keyframes flowFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes flowFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.preset-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:2px solid var(--color-slate-200);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);font-size:var(--text-xs);font-weight:600;color:var(--color-slate-600)}.preset-card:hover{border-color:var(--color-brand-500);background:var(--color-brand-50)}.preset-card[aria-checked=true]{border-color:var(--color-brand-500);background:var(--color-brand-50);color:var(--color-brand-700)}.preset-desc{font-size:var(--text-meta);font-weight:400;color:var(--color-slate-400)}.preset-card[aria-checked=true] .preset-desc{color:var(--color-brand-500)}.palette-color{position:relative}.palette-color:not(:has(.skeleton)):after{content:"Click to edit";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:var(--text-meta);font-weight:500;color:var(--color-slate-50);background:#0f172af5;border:1px solid rgba(148,163,184,.45);padding:2px var(--space-2);border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:var(--z-sticky)}.palette-color:not(:has(.skeleton)):hover:after{opacity:1}@keyframes readyGlow{0%,to{box-shadow:0 0 #2563eb66}50%{box-shadow:0 0 0 8px #2563eb00}}.ready-glow{animation:readyGlow 2s ease 3}.celebrate-pop{animation:celebratePop .5s var(--ease-out-expo)}@keyframes celebratePop{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.app-layout{position:relative;display:flex;flex-direction:row;flex:1;overflow:hidden}#app-controls{width:100%;overflow:hidden;background:var(--color-paper)}#preview-panel{display:none;flex:1;min-width:0;background:var(--color-slate-100)}.mobile-sheet-grab{display:none}#preview-panel{--canvas-island-bottom: 1rem}#preview-panel.history-timeline-visible{--canvas-island-bottom: calc(1rem + var(--history-timeline-height, 64px))}@media (min-width: 768px){.app-main{display:flex;flex:1;overflow:hidden}#app-controls{width:var(--controls-default-width-tablet);min-width:var(--controls-min-width);max-width:var(--controls-max-width);border-right:1px solid var(--color-slate-200);flex-shrink:0}#preview-panel{display:flex}}@media (min-width: 1024px){#app-controls{width:var(--controls-default-width)}}#controls-scroll-area{overflow-x:hidden}#controls-scroll-area>*{min-width:0}@media (min-width: 768px){#controls-scroll-area{padding-bottom:var(--space-8)}}.action-bar{position:sticky;bottom:0;background:var(--color-surface-raised);border-top:1px solid var(--color-slate-200);z-index:var(--z-sticky);padding-bottom:var(--space-3)}#mobile-stage-chrome,#create-stage{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-height:44px;font-size:var(--text-md);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}button[aria-disabled=true],[role=button][aria-disabled=true],a[aria-disabled=true]{opacity:var(--disabled-opacity);cursor:not-allowed}button[aria-disabled=true]:hover,[role=button][aria-disabled=true]:hover,a[aria-disabled=true]:hover{transform:none!important}.btn-primary{background:var(--color-brand-600);color:var(--color-spot-ink)}.btn-primary:hover:not(:disabled){background:var(--color-brand-700)}.btn-secondary{background:var(--color-slate-100);color:var(--color-slate-700);border:1px solid var(--color-slate-200)}.btn-secondary:hover:not(:disabled){background:var(--color-slate-200)}.btn-ghost{background:transparent;color:var(--color-slate-600)}.btn-ghost:hover:not(:disabled){background:var(--color-slate-100)}.btn:active:not(:disabled){transform:scale(.95);transition-duration:50ms}button:active:not(:disabled):not(.no-press),[role=button]:active:not(:disabled):not(.no-press){transform:scale(.95);transition-duration:50ms}.btn-sm{padding:var(--space-1) var(--space-3);min-height:36px;font-size:var(--text-sm)}.btn-lg{padding:var(--space-3) var(--space-6);min-height:52px;font-size:1rem}.btn-block{width:100%}.input{width:100%;padding:var(--space-2) var(--space-3);min-height:44px;font-size:.875rem;background:var(--color-slate-50);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-brand-500);box-shadow:0 0 0 3px var(--color-brand-100)}.input.error{border-color:var(--color-error);background:var(--color-error-light)}.input.error:focus{box-shadow:0 0 0 3px var(--color-error-ring);border-color:var(--color-error)}.input-error{border-color:var(--color-error)!important;background-color:var(--color-error-light)!important}.input-error:focus{box-shadow:0 0 0 3px var(--color-error-ring)!important;border-color:var(--color-error)!important}.error-message{color:var(--color-error);font-size:var(--text-xs);font-weight:400;margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.error-message.hidden{display:none}.input::-moz-placeholder{color:var(--color-slate-400)}.input::placeholder{color:var(--color-slate-400)}.textarea{min-height:100px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;padding:var(--space-2) 0;margin:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--color-slate-200);border-radius:var(--radius-xs);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}input[type=range]:hover::-webkit-slider-runnable-track{background:var(--color-slate-300)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:22px;width:22px;border-radius:var(--shape-round);background:var(--color-brand-600);margin-top:-9px;cursor:grab;box-shadow:0 2px 6px var(--color-brand-600-shadow);border:2px solid white;-webkit-transition:transform var(--transition-fast),box-shadow var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 10px var(--color-brand-600-shadow-hover)}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}input[type=range]::-moz-range-track{width:100%;height:6px;background:var(--color-slate-200);border-radius:var(--radius-xs);-moz-transition:background var(--transition-fast);transition:background var(--transition-fast)}input[type=range]::-moz-range-thumb{height:22px;width:22px;border-radius:var(--shape-round);background:var(--color-brand-600);cursor:grab;border:2px solid white;box-shadow:0 2px 6px var(--color-brand-600-shadow);-moz-transition:transform var(--transition-fast),box-shadow var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 10px var(--color-brand-600-shadow-hover)}input[type=range]:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:4px;border-radius:var(--radius-xs)}.custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--color-slate-300, #cbd5e1);border-radius:var(--radius-xs);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);position:relative;flex-shrink:0}.custom-checkbox:hover:not(:disabled){border-color:var(--color-brand-500, #3b82f6);background:var(--color-brand-50, #eff6ff)}.custom-checkbox:checked{background:var(--color-brand-600, #2563eb);border-color:var(--color-brand-600, #2563eb)}.custom-checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-checkbox:active:not(:disabled){transform:scale(.9)}.custom-checkbox:focus-visible{outline:2px solid var(--color-brand-500, #3b82f6);outline-offset:2px}.custom-checkbox:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.card{background:var(--color-surface-raised);border:1px solid var(--color-slate-200);border-radius:var(--radius-xl);padding:var(--space-4)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-size:.875rem;font-weight:600;color:var(--color-slate-800)}.content-section{margin-bottom:var(--space-6)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:1rem;font-weight:700;color:var(--color-slate-900)}.section-title i{color:var(--color-brand-600)}.section-divider{height:1px;background:var(--color-slate-200);margin:var(--space-6) 0}.tool-group{background:var(--color-slate-50);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.tool-group-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-slate-500);margin-bottom:var(--space-3)}.tool-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.preview-container{display:flex;flex-direction:column;height:100%;background:var(--color-slate-100)}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-slate-200)}.preview-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-4);overflow:hidden}.preview-canvas-wrapper{position:relative;max-width:100%;max-height:100%}#canvas-zoom-content.is-isolating #refine-canvas{opacity:.16;transition:opacity var(--iso-duration) var(--ease-out-expo)}#canvas-zoom-content #refine-canvas{transition:opacity var(--iso-duration) var(--ease-out-expo)}.color-isolate-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:1;transition:opacity var(--iso-duration) var(--ease-out-expo)}.color-isolate-overlay.hidden{display:block;opacity:0}.color-recolour-preview-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.color-recolour-preview-overlay.hidden{display:none}.color-loupe{position:absolute;z-index:var(--z-bar, 40);width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:0;border:3px solid var(--color-paper-raised);box-shadow:var(--elevation-2),0 0 0 1px #0f172a24;pointer-events:none;transform:scale(1);transition:transform var(--transition-duration-fast) var(--ease-out-expo),opacity var(--transition-duration-fast) var(--ease-out-expo)}.color-loupe.hidden{display:block;opacity:0;transform:scale(.6)}.touch-color-ring{position:absolute;z-index:calc(var(--z-bar, 40) - 1);width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:var(--shape-round);border:2px solid var(--color-brand-500, #3b82f6);box-shadow:0 0 0 5px #3b82f62e;pointer-events:none;transform:scale(1);opacity:1;transition:opacity var(--transition-duration-fast) var(--ease-out-expo),transform var(--transition-duration-fast) var(--ease-out-expo)}.touch-color-ring.hidden{display:block;opacity:0;transform:scale(.72)}.history-step:hover{background:var(--color-slate-100)}.history-step__arrow{opacity:.5;font-size:8px}.history-step__redo{right:2px;top:2px;background:var(--color-amber-500, #f59e0b)}.chrome-stack{position:absolute;top:var(--space-4, 1rem);left:var(--space-4, 1rem);z-index:30;display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:calc(100% - 2rem);pointer-events:none}.chrome-stack>*{pointer-events:auto}.chrome-stack[data-preview-mode=og]>#canvas-status-chip,.chrome-stack[data-preview-mode=og]>#health-chip,.chrome-stack[data-preview-mode=threed]>#canvas-status-chip,.chrome-stack[data-preview-mode=threed]>#health-chip{display:none}.chrome-stack:not([data-preview-mode=og])>#og-stage-reset{display:none}.chrome-tabs{display:flex;align-items:center;gap:2px;padding:4px;border-radius:var(--chrome-radius);background:var(--chrome-bg);backdrop-filter:blur(var(--chrome-blur));-webkit-backdrop-filter:blur(var(--chrome-blur));border:1px solid var(--chrome-hairline);box-shadow:var(--chrome-shadow)}.chrome-tabs.hidden{display:none}.chrome-tab{padding:.375rem .75rem;border:0;border-radius:var(--chrome-radius);background:transparent;color:var(--color-ink-soft);font-size:var(--text-xs);font-weight:500;white-space:nowrap;cursor:pointer;transition:color var(--transition-fast) var(--ease-out-expo),background-color var(--transition-fast) var(--ease-out-expo)}.chrome-tab:hover{color:var(--color-ink)}.chrome-tab[aria-selected=true]{background:var(--color-brand-600);color:var(--color-spot-ink)}.chrome-tab[aria-disabled=true]{opacity:.4;cursor:not-allowed}.chrome-tab:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px}.chrome-scrim-label{padding:.375rem .75rem;border-radius:var(--chrome-radius);background:var(--chrome-scrim);color:var(--chrome-scrim-fg);font-size:var(--text-sm);font-weight:500;backdrop-filter:blur(var(--chrome-blur));-webkit-backdrop-filter:blur(var(--chrome-blur));transition:background-color var(--transition-fast) var(--ease-out-expo)}.chrome-scrim-label[data-highlight=true]{background:color-mix(in srgb,var(--color-brand-600) 90%,transparent)}.canvas-island{position:absolute;bottom:calc(var(--canvas-island-bottom, 1rem) + var(--canvas-island-stack-offset, 0px));left:50%;transform:translate(-50%);display:flex;align-items:center;--chrome-control-h: 32px;gap:8px;padding:8px 16px;max-width:calc(100% - 2rem);border-radius:var(--chrome-radius);background:var(--chrome-bg);backdrop-filter:blur(var(--chrome-blur));-webkit-backdrop-filter:blur(var(--chrome-blur));border:1px solid var(--chrome-hairline);box-shadow:var(--chrome-shadow);transition:bottom var(--transition-duration-base) var(--ease-out-expo),width var(--transition-duration-slow) var(--ease-out-expo)}.canvas-island.hidden{display:none}.canvas-island--processing{z-index:41}.canvas-island__persistent,.canvas-island__set{display:flex;align-items:center;gap:8px;min-width:0}.canvas-island__persistent{flex:none}.canvas-island__hint{flex:1 1 auto}.canvas-island__set[hidden]{display:none}.canvas-island__set:not([hidden]){animation:island-set-in var(--transition-duration-base) var(--ease-out-expo)}@keyframes island-set-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.canvas-island__divider{width:1px;height:16px;margin:0 4px;background:var(--color-hairline);flex:none}.canvas-island__divider[hidden]{display:none}.chrome-btn,.canvas-island__btn,.ws-pill-group button,.ws-icon-btn{--chrome-btn-bg: transparent;--chrome-btn-bg-hover: var(--color-slate-100);--chrome-btn-color: var(--color-ink-soft);--chrome-btn-color-hover: var(--color-ink);--chrome-btn-radius: var(--shape-control);--chrome-btn-hover-transform: none;height:var(--chrome-control-h);min-width:var(--chrome-control-h);padding:0 8px;border-radius:var(--chrome-btn-radius);display:flex;align-items:center;justify-content:center;gap:6px;flex:none;font-size:12px;font-weight:650;color:var(--chrome-btn-color);background:var(--chrome-btn-bg);border:0;cursor:pointer;transition:background-color var(--transition-duration-fast) var(--ease-out-expo),color var(--transition-duration-fast) var(--ease-out-expo),transform var(--transition-duration-fast) var(--ease-out-expo)}.canvas-island__btn{--chrome-btn-radius: var(--chrome-radius);--chrome-btn-color: var(--color-slate-500);--chrome-btn-color-hover: var(--color-spot-text)}.canvas-island__btn>i{font-size:16px;line-height:1}.canvas-island__btn--mobile-only{display:none}.chrome-btn:hover:not(:disabled),.canvas-island__btn:hover:not(:disabled),.ws-pill-group button:hover:not(:disabled),.ws-icon-btn:hover:not(:disabled){background:var(--chrome-btn-bg-hover);color:var(--chrome-btn-color-hover);transform:var(--chrome-btn-hover-transform)}.chrome-btn:disabled,.canvas-island__btn:disabled,.ws-pill-group button:disabled,.ws-icon-btn:disabled{opacity:.4;cursor:not-allowed}.chrome-btn:focus-visible,.canvas-island__btn:focus-visible,.ws-pill-group button:focus-visible,.ws-icon-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px}.chrome-btn--danger:hover:not(:disabled),.canvas-island__btn--danger:hover:not(:disabled){background:var(--color-red-50, #fef2f2);color:var(--color-red-600, #dc2626)}.chrome-btn--lg{--chrome-control-h: var(--chrome-control-h-lg)}.canvas-island__zoom{font-family:var(--font-mono);font-size:12px;font-weight:400;font-variant-numeric:tabular-nums;color:var(--color-ink-soft);width:48px;text-align:center;padding:0;flex:none}.canvas-island__swatch{width:20px;height:20px;border-radius:0;margin:0;flex:none;box-shadow:inset 0 0 0 1px #17161b33}.canvas-island__hint{font-size:12px;font-weight:600;color:var(--color-ink-soft);padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion: reduce){.canvas-island__set:not([hidden]){animation:none}}.canvas-status-chip.hidden{display:none}.canvas-status-chip:before{content:"";width:7px;height:7px;border-radius:var(--shape-round);flex:none;background:var(--color-success)}.canvas-status-chip[data-tone=busy]:before{background:var(--color-brand-600);animation:status-chip-pulse 1.1s ease-in-out infinite}.canvas-status-chip[data-tone=warn]{color:var(--color-caution-fg)}.canvas-status-chip[data-tone=warn]:before{background:var(--color-warning)}.canvas-status-chip__swatch{width:11px;height:11px;border-radius:0;flex:none;box-shadow:inset 0 0 0 1px #0f172a33}@keyframes status-chip-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.canvas-status-chip[data-tone=busy]:before{animation:none}}.color-drag-ghost{position:fixed;z-index:var(--z-modal, 60);width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:0;pointer-events:none;opacity:0;transform:scale(.8);box-shadow:0 0 0 2px var(--color-paper-raised),var(--elevation-3);transition:opacity var(--transition-duration-fast) var(--ease-out-expo),transform var(--transition-duration-fast) var(--ease-out-expo)}.color-drag-ghost.is-active{opacity:1;transform:scale(1.1)}.color-drag-label{position:fixed;z-index:var(--z-modal, 60);transform:translate(-50%,-190%);padding:5px 9px;border-radius:var(--shape-control);background:var(--color-ink);color:var(--color-paper);font-size:11px;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;box-shadow:var(--elevation-2);transition:opacity var(--transition-duration-fast) var(--ease-out-expo)}.color-drag-label.is-active{opacity:1}.palette-color.is-dragging{opacity:.3}.palette-color.is-drop-target .palette-swatch{transform:scale(1.22);box-shadow:0 0 0 2px var(--color-paper-raised),0 0 0 5px var(--color-emerald-500, #059669)}.color-loupe__mark{position:absolute;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:0;box-shadow:0 0 0 1px #00000073,inset 0 0 0 1px #00000073}.color-loupe__hex{position:absolute;left:50%;top:calc(100% + 4px);transform:translate(-50%);padding:3px 7px;border-radius:var(--shape-control);background:var(--color-ink);color:var(--color-paper);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;white-space:nowrap;box-shadow:var(--elevation-2)}#selection-overlay{z-index:2}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);color:var(--color-slate-400);text-align:center}.preview-placeholder i{font-size:var(--icon-2xl);opacity:.5}.palette-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.palette-rail{display:flex;align-items:flex-start;gap:var(--space-2);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:26px 6px 8px;margin:-26px -6px -8px}.palette-rail .palette-color{flex:1 0 80px;min-width:80px}.palette-rail>.palette-rail-message{flex:1 1 auto;min-width:0}@media (max-width: 767px){.palette-rail{scrollbar-width:none}.palette-rail::-webkit-scrollbar{display:none}}@media (min-width: 768px){.palette-rail{scrollbar-width:thin;scrollbar-color:var(--color-slate-300) transparent}.palette-rail::-webkit-scrollbar{height:6px}.palette-rail::-webkit-scrollbar-track{background:transparent}.palette-rail::-webkit-scrollbar-thumb{background:var(--color-slate-300);border-radius:var(--radius-xs)}.palette-rail::-webkit-scrollbar-thumb:hover{background:var(--color-slate-400)}}.palette-color{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);cursor:pointer;transition:transform var(--transition-fast)}.palette-color:hover,.palette-color:focus-visible{transform:scale(1.05)}.swatch,.palette-swatch{width:var(--swatch-lg);height:var(--swatch-lg);border-radius:var(--radius-md);border:2px solid white;box-shadow:var(--shadow-sm),0 0 0 1px #0000000d;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.swatch{padding:0}.swatch--sm{width:var(--swatch-sm);height:var(--swatch-sm);border-width:1.5px;border-radius:var(--radius-xs)}.swatch--md{width:var(--swatch-md);height:var(--swatch-md);border-radius:var(--radius-sm)}.swatch--lg{width:var(--swatch-lg);height:var(--swatch-lg);border-radius:var(--radius-md)}input.swatch::-webkit-color-swatch-wrapper{padding:2px}input.swatch::-webkit-color-swatch{border:none;border-radius:var(--shape-control)}input.swatch::-moz-color-swatch{border:none;border-radius:var(--shape-control)}.selected>.swatch,[aria-pressed=true]>.swatch,.swatch.selected{border-color:var(--color-brand-500);box-shadow:0 0 0 2px var(--color-brand-500)}.selected>.swatch--lg:after,.swatch--lg.selected:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#00000026 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E") center/40% no-repeat}.selected>.swatch--lg,.swatch--lg.selected{position:relative}.palette-color.selected .palette-swatch{border-color:var(--color-brand-500);box-shadow:0 0 0 2px var(--color-brand-500)}.palette-color:focus-visible .palette-swatch{box-shadow:0 0 0 2px var(--color-brand-500),0 0 0 4px #3b82f64d}.palette-swatch,.swatch{position:relative}.palette-bg-badge{position:absolute;top:-5px;right:-5px;min-width:22px;height:16px;padding:0 3px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.9);background:var(--chrome-scrim);color:var(--chrome-scrim-fg);font-size:10px;font-weight:700;line-height:14px;letter-spacing:0;text-align:center;box-shadow:var(--shadow-sm);pointer-events:none;z-index:1}.palette-color.selected .palette-swatch:after{content:"";position:absolute;inset:4px auto auto 4px;width:18px;height:18px;border-radius:var(--radius-full);background:var(--chrome-scrim) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E") center/70% no-repeat}.palette-hex,.swatch-label{font-size:var(--text-meta);font-family:var(--font-mono);color:var(--color-slate-500)}.palette-percent{font-size:var(--text-meta);color:var(--color-slate-400)}.palette-rail .palette-color{align-items:stretch}.palette-rail .palette-swatch{width:100%;height:56px;min-width:0}.palette-swatch__labels{position:absolute;inset:4px 5px;display:block;line-height:1;pointer-events:none}.palette-swatch__labels .palette-hex{position:absolute;left:0;right:0;bottom:0;white-space:nowrap}.palette-swatch__labels .palette-percent{position:absolute;top:0;right:0}.palette-swatch__labels .palette-hex,.palette-swatch__labels .palette-percent{color:inherit;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.12)}.palette-swatch__labels .palette-percent{font-family:var(--font-mono);font-size:var(--text-meta)}.canvas-rail{position:absolute;left:12px;top:50%;z-index:25;display:flex;flex-direction:column;gap:4px;padding:4px;max-height:64%;overflow-y:auto;overscroll-behavior:contain;transform:translateY(-50%);border:1px solid var(--chrome-hairline);border-radius:var(--chrome-radius);background:var(--chrome-bg);backdrop-filter:blur(var(--chrome-blur));-webkit-backdrop-filter:blur(var(--chrome-blur));box-shadow:var(--chrome-shadow)}.canvas-rail:empty{display:none}.canvas-rail .palette-color{flex:none;gap:0;transition:transform var(--transition-fast) var(--ease-out-expo)}.canvas-rail .palette-color:hover{transform:scale(1.08)}.canvas-rail .palette-color:active{transform:scale(.9)}.canvas-rail .palette-color.is-hovered .palette-swatch{box-shadow:inset 0 0 0 1px #17161b29,0 0 0 2px var(--color-ink)}.canvas-rail .palette-swatch{width:24px;height:24px;border:0;border-radius:0;box-shadow:inset 0 0 0 1px #17161b29}.canvas-rail .palette-swatch__labels,.canvas-rail .palette-bg-badge{display:none}.canvas-rail .palette-color.selected .palette-swatch{border:0;box-shadow:inset 0 0 0 1px #17161b29,0 0 0 2px var(--color-brand-600)}.canvas-rail .palette-color.selected .palette-swatch:after{content:none}.canvas-rail .palette-color:focus-visible{outline:2px solid var(--color-brand-600);outline-offset:2px}@media (max-width: 767px){.canvas-rail{left:6px;gap:3px;padding:3px}.canvas-rail .palette-swatch{width:32px;height:32px}.canvas-rail .palette-color:hover{transform:none}}.create-dropzone:has(#file-input:focus-visible){outline:2px solid var(--color-brand-500);outline-offset:2px}.create-batch,.create-dropzone,.create-altrow{background:var(--color-paper-raised)}.create-batch{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;border:1px dashed var(--color-hairline);color:var(--color-slate-400);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.tag-pro{padding:2px 4px;background:var(--color-ink);color:var(--color-paper);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1}.create-dropzone{position:relative;transition:border-color var(--transition-fast) var(--ease-out-expo),background-color var(--transition-fast) var(--ease-out-expo)}.create-dropzone:has(>.create-dropzone__empty:not(.hidden)){padding:38px 18px;border:1px dashed var(--color-slate-400)}.create-dropzone:has(>#dropzone-preview:not(.hidden)){padding:0;border:1px solid var(--color-hairline)}.create-dropzone:hover,.create-dropzone.drag-over{border-color:var(--color-brand-600);background:color-mix(in srgb,var(--color-brand-600) 4%,var(--color-paper-raised))}.create-dropzone:has(>.create-dropzone__empty:not(.hidden)):before,.create-dropzone:has(>.create-dropzone__empty:not(.hidden)):after{content:"";position:absolute;width:12px;height:12px;opacity:.5;pointer-events:none}.create-dropzone:has(>.create-dropzone__empty:not(.hidden)):before{top:6px;left:6px;border-top:1px solid var(--color-brand-600);border-left:1px solid var(--color-brand-600)}.create-dropzone:has(>.create-dropzone__empty:not(.hidden)):after{bottom:6px;right:6px;border-bottom:1px solid var(--color-brand-600);border-right:1px solid var(--color-brand-600)}.create-dropzone__glyph{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 14px;border:1px solid var(--color-hairline);color:var(--color-brand-700);font-size:20px}.create-dropzone__title{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink)}.create-dropzone__formats{margin-top:6px;font-size:11px;letter-spacing:.02em;color:var(--color-slate-400)}.create-dropzone__formats .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.create-altrow{display:flex;align-items:stretch;border:1px solid var(--color-hairline)}.create-altrow button{display:flex;flex:1;align-items:center;justify-content:center;gap:7px;padding:11px 8px;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--color-ink);transition:background-color var(--transition-fast) var(--ease-out-expo)}.create-altrow button+button{border-left:1px solid var(--color-hairline)}.create-altrow button:hover{background:var(--color-slate-100)}.create-altrow button>i{color:var(--color-brand-700);font-size:15px}.cta-hint{border:1px dashed var(--color-hairline)!important;background:transparent!important;box-shadow:none!important;color:var(--color-slate-400)!important;font-size:var(--text-xs)!important;font-weight:600!important;letter-spacing:.12em;text-transform:uppercase}.cta-hint>i{display:none}.sheet-step-head{display:flex;align-items:center;gap:11px;flex:none;padding:12px 16px;border-bottom:1px solid var(--color-hairline)}.sheet-step-head[hidden]{display:none}.sheet-step-head__seq{font-family:var(--font-mono);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--color-brand-700)}.sheet-step-head__title{margin-right:auto;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sheet-step-head__close{display:grid;place-items:center;width:26px;height:26px;flex:none;border:1px solid var(--color-hairline);color:var(--color-slate-400);font-size:13px}.sheet-step-head__close:hover,.sheet-step-head__close:active{background:var(--color-slate-100);color:var(--color-ink)}@media (min-width: 768px){.sheet-step-head{display:none}}.panel-label{display:flex;align-items:center;gap:9px;flex:1;min-width:0;font-size:var(--text-meta);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-slate-400)}.panel-label:after{content:"";flex:1;height:1px;background:var(--color-hairline)}.panel-label>i{font-size:14px;color:var(--color-brand-700)}.palette-rail{gap:0;padding:0;margin:0;border:1px solid var(--color-hairline);align-items:stretch;background:var(--color-paper-raised)}.palette-rail .palette-color+.palette-color{border-left:1px solid var(--color-hairline)}.palette-rail .palette-color{position:relative;height:58px;gap:0}.palette-rail .palette-swatch{height:100%;border:0;border-radius:0;box-shadow:none}.palette-rail .palette-swatch__labels{inset:auto 6px 6px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;overflow:hidden}.palette-rail .palette-swatch__labels .palette-percent,.palette-rail .palette-swatch__labels .palette-hex{position:static;max-width:100%;overflow:hidden;text-overflow:ellipsis}.palette-rail .palette-swatch__labels .palette-percent{order:0;font-size:12px;font-weight:700;letter-spacing:-.03em}.palette-rail .palette-swatch__labels .palette-hex{order:1;font-size:var(--text-meta);font-weight:600;letter-spacing:.02em;opacity:1}.palette-rail .palette-color:after{inset:0 0 auto;display:grid;place-items:center;width:100%;height:100%;transform:none;border:0;border-radius:0;padding:0;background:#0f172a9e;z-index:3}.canvas-rail .palette-color:after{content:none}.palette-rail .palette-color:hover,.palette-rail .palette-color:focus-visible{transform:none}.palette-rail .palette-color:hover .palette-swatch,.palette-rail .palette-color.is-hovered .palette-swatch{box-shadow:inset 0 0 0 2px #17161b38}.palette-rail .palette-color:focus-visible{outline:none}.palette-rail .palette-color:focus-visible .palette-swatch{box-shadow:inset 0 0 0 2px var(--color-brand-600)}.palette-rail .palette-color.selected .palette-swatch{border:0;box-shadow:none}.palette-rail .palette-color.selected:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-brand-600);z-index:2}.palette-rail .palette-color.selected .palette-swatch:after{content:none}.palette-rail .palette-bg-badge{top:6px;right:6px;border:0;border-radius:0;box-shadow:none}.color-picker-popover{position:fixed;width:min(280px,calc(100vw - 16px));padding:var(--space-3);border:1px solid var(--color-slate-200);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-xl);z-index:var(--z-popover)}.color-picker-popover[hidden]{display:none}.color-picker-popover__sv{position:relative;height:160px;border-radius:var(--radius-md);background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--picker-hue, hsl(0 100% 50%)));box-shadow:inset 0 0 0 1px #0f172a1f;cursor:crosshair;touch-action:none}.color-picker-popover__sv:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.color-picker-popover__thumb{position:absolute;width:16px;height:16px;border:2px solid white;border-radius:var(--radius-full);box-shadow:0 0 0 1px #0f172a59,var(--shadow-sm);transform:translate(-50%,-50%);pointer-events:none}.color-picker-popover__hue{width:100%;height:16px;margin-top:var(--space-3);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-full);background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}.color-picker-popover__hue:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:3px}.color-picker-popover__hue::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:var(--radius-full);border:2px solid white;background:var(--color-slate-900);box-shadow:0 0 0 1px #0f172a4d,var(--shadow-sm)}.color-picker-popover__hue::-moz-range-thumb{width:18px;height:18px;border:2px solid white;border-radius:var(--radius-full);background:var(--color-slate-900);box-shadow:0 0 0 1px #0f172a4d,var(--shadow-sm)}.color-picker-popover__hue::-moz-range-track{height:16px;border-radius:var(--radius-full);background:transparent}.color-picker-popover__recent{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.color-picker-popover__recent[hidden]{display:none}.color-picker-popover__recent-swatch{width:24px;height:24px;border-radius:var(--radius-md);border:2px solid white;box-shadow:0 0 0 1px #0f172a1f,var(--shadow-sm);cursor:pointer}.color-picker-popover__recent-swatch:focus-visible,.color-picker-popover__recent-swatch:hover{outline:none;box-shadow:0 0 0 2px var(--color-brand-500),var(--shadow-sm)}.color-picker-popover__footer{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-slate-200)}.color-picker-popover__preview{width:26px;height:26px;border-radius:var(--radius-md);border:2px solid white;box-shadow:0 0 0 1px #0f172a1f,var(--shadow-sm);flex-shrink:0}.color-picker-popover__hex{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--color-slate-700)}@media (prefers-color-scheme: dark){:where(:root:not([data-theme=light])) .color-picker-popover{border-color:#94a3b859;background:var(--color-slate-100)}:where(:root:not([data-theme=light])) .color-picker-popover__footer{border-top-color:#94a3b840}:where(:root:not([data-theme=light])) .color-picker-popover__hex{color:var(--color-slate-700)}:where(:root:not([data-theme=light])) .color-picker-popover__thumb,:where(:root:not([data-theme=light])) .color-picker-popover__hue::-webkit-slider-thumb,:where(:root:not([data-theme=light])) .color-picker-popover__hue::-moz-range-thumb,:where(:root:not([data-theme=light])) .color-picker-popover__recent-swatch,:where(:root:not([data-theme=light])) .color-picker-popover__preview{border-color:var(--color-slate-50)}}:where(:root[data-theme=dark]) .color-picker-popover{border-color:#94a3b859;background:var(--color-slate-100)}:where(:root[data-theme=dark]) .color-picker-popover__footer{border-top-color:#94a3b840}:where(:root[data-theme=dark]) .color-picker-popover__hex{color:var(--color-slate-700)}:where(:root[data-theme=dark]) .color-picker-popover__thumb,:where(:root[data-theme=dark]) .color-picker-popover__hue::-webkit-slider-thumb,:where(:root[data-theme=dark]) .color-picker-popover__hue::-moz-range-thumb,:where(:root[data-theme=dark]) .color-picker-popover__recent-swatch,:where(:root[data-theme=dark]) .color-picker-popover__preview{border-color:var(--color-slate-50)}.progress-bar{width:100%;height:8px;background:var(--color-slate-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--color-brand-600);border-radius:var(--radius-full);transition:width var(--transition-base)}.loading-spinner{width:24px;height:24px;border:3px solid var(--color-slate-200);border-top-color:var(--color-brand-600);border-radius:var(--shape-round);animation:spin 1s linear infinite}.spin,.ph-spin,.animate-spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-slate-100) 25%,var(--color-slate-200) 50%,var(--color-slate-100) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-swatch{width:40px;height:40px;border-radius:var(--radius-md)}.skeleton-text{height:14px;width:60%;border-radius:var(--radius-sm)}.skeleton-bar{height:8px;width:100%;border-radius:var(--radius-full)}@keyframes canvas-flash{0%{opacity:.6}to{opacity:1}}.canvas-flash{animation:canvas-flash .2s ease-out}@keyframes handle-pulse{0%,to{box-shadow:0 2px 8px #00000026}50%{box-shadow:0 2px 8px #00000026,0 0 0 6px #2563eb33}}.comparison-handle-pulse{animation:handle-pulse 2s ease-in-out 3}@keyframes copy-flash{0%{box-shadow:0 0 #22c55e99}50%{box-shadow:0 0 0 6px #22c55e4d}to{box-shadow:0 0 #22c55e00}}.copy-flash{animation:copy-flash .4s ease-out}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.flow-exiting{animation:none!important;opacity:0}.ready-glow,.celebrate-pop,.preview-reveal{animation:none}.skeleton{animation:none;background:var(--color-slate-200)}.canvas-flash,.copy-flash,.comparison-handle-pulse{animation:none}button:active:not(:disabled):not(.no-press),.btn:active:not(:disabled),.custom-checkbox:active:not(:disabled){transform:none}input[type=range]::-webkit-slider-thumb:hover,input[type=range]::-webkit-slider-thumb:active{transform:none}input[type=range]::-moz-range-thumb:hover{transform:none}.palette-color{animation:none}}.asset-card{background:var(--color-surface);border:1px solid var(--color-slate-200);border-radius:var(--radius-xl);overflow:hidden}.asset-preview{height:120px;display:flex;align-items:center;justify-content:center;background:var(--color-slate-50);border-bottom:1px solid var(--color-slate-200)}.asset-preview img,.asset-preview svg{max-width:80%;max-height:80%;-o-object-fit:contain;object-fit:contain}.asset-info{padding:var(--space-3)}.asset-name{font-size:.875rem;font-weight:600;color:var(--color-slate-800);margin-bottom:var(--space-1)}.asset-meta{font-size:var(--text-xs);color:var(--color-slate-500)}.asset-actions{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-slate-100)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.desktop-only{display:none}@media (min-width: 768px){.desktop-only{display:block}}.mobile-only{display:block}@media (min-width: 768px){.mobile-only{display:none}}@media (max-width: 767px){#preview-panel,#layout-divider,.action-bar{display:none}#app-controls{width:100%!important;min-width:0!important;border-right:none}}.mobile-processing-overlay{display:none;position:fixed;inset:0;z-index:var(--z-modal);background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.mobile-processing-overlay.visible{opacity:1;visibility:visible}@media (max-width: 767px){.mobile-processing-overlay{display:flex}}.mobile-processing-overlay-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center}.mobile-processing-spinner{width:48px;height:48px;border-width:4px;border-top-color:var(--color-brand-400)}.mobile-processing-label{font-size:var(--text-lg);font-weight:700;color:#fff}.mobile-processing-step{font-size:var(--text-sm);color:var(--color-slate-300);min-height:1.25em}.mobile-processing-bar{width:200px;height:6px;border-radius:var(--shape-pill);background:#ffffff26;overflow:hidden}.mobile-processing-bar .progress-fill{height:100%;border-radius:var(--shape-pill);background:var(--color-brand-500);transition:width .3s ease}.mobile-processing-cancel{margin-top:var(--space-2);padding:var(--space-1) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--color-slate-300);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.mobile-processing-cancel:hover,.mobile-processing-cancel:active{background:#fff3}.transition-interactive{transition-property:color,background-color,border-color,box-shadow,transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-interactive-width{transition-property:color,background-color,border-color,box-shadow,transform,opacity,width;transition-timing-function:cubic-bezier(.4,0,.2,1)}#ai-loading{transition:opacity var(--transition-base);opacity:0;pointer-events:none}#ai-loading.ai-loading-visible{opacity:1;pointer-events:auto}#crop-canvas{cursor:grab}#crop-canvas:active{cursor:grabbing}#crop-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:var(--shape-round);background:var(--brand-500, #6366f1);cursor:pointer}#crop-zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:var(--shape-round);background:var(--brand-500, #6366f1);border:none;cursor:pointer}#crop-zoom-slider.has-fill-detent{background-image:linear-gradient(to right,transparent calc(50% - 1px),var(--color-slate-400, #94a3b8) calc(50% - 1px),var(--color-slate-400, #94a3b8) calc(50% + 1px),transparent calc(50% + 1px))}.crop-btn{font-weight:500;border:1px solid transparent}.crop-btn--primary{background:var(--color-brand-600);color:var(--color-spot-ink);font-weight:600}.crop-btn--primary:hover{background:var(--color-brand-700)}.crop-btn--secondary{background:var(--color-slate-100);color:var(--color-slate-600);border-color:var(--color-slate-200)}.crop-btn--secondary:hover{background:var(--color-slate-200)}.crop-zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--shape-control);color:var(--color-slate-500, #64748b);font-size:.875rem;transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.crop-zoom-btn:hover{color:var(--color-slate-800, #1e293b);background:var(--color-slate-100, #f1f5f9)}@media (prefers-color-scheme: dark){:where(:root:not([data-theme=light])) .crop-zoom-btn:hover{color:var(--color-slate-800);background:var(--color-slate-200)}}:where(:root[data-theme=dark]) .crop-zoom-btn:hover{color:var(--color-slate-800);background:var(--color-slate-200)}.crop-zoom-btn:active{transform:scale(.9)}.crop-zoom-btn.hidden{display:none}.crop-zoom-btn[aria-pressed=true]{color:var(--color-brand-600, #4f46e5)}.crop-zoom-btn:disabled{opacity:.35;pointer-events:none}.modal-overlay{--modal-scrim: transparent;--modal-backdrop-filter: blur(4px);isolation:isolate;visibility:hidden;pointer-events:none;transition:visibility var(--transition-base)}.modal-overlay:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--modal-scrim);backdrop-filter:var(--modal-backdrop-filter);-webkit-backdrop-filter:var(--modal-backdrop-filter);opacity:0;transition:opacity var(--transition-base)}.modal-overlay>*{opacity:0}.modal-overlay>div{transform:scale(.95);transition:opacity var(--transition-base),transform var(--transition-base)}.modal-overlay.visible{visibility:visible;pointer-events:auto}.modal-overlay.visible:before,.modal-overlay.visible>*{opacity:1}.modal-overlay.visible>div{transform:scale(1)}#batch-modal{--modal-scrim: rgba(0, 0, 0, .5)}@media (max-width: 767px){div.modal-overlay{align-items:flex-end;padding:0}div.modal-overlay>div{position:relative;width:100%;max-width:none;max-height:92vh;max-height:min(92dvh,100%);overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:0;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));transform:translateY(2rem)}div.modal-overlay.visible>div{transform:translateY(0)}div.modal-overlay>div:before{content:"";position:absolute;top:.5rem;left:50%;transform:translate(-50%) scaleY(calc(1 + var(--sheet-drag, 0) * .5));width:calc(var(--sheet-handle-width) + var(--sheet-drag, 0) * 1rem);height:var(--sheet-handle-height);border-radius:var(--sheet-handle-radius);background:color-mix(in srgb,var(--sheet-handle-color),var(--color-ink) calc(var(--sheet-drag, 0) * 60%));transition:width var(--transition-base),background-color var(--transition-base),transform var(--transition-base)}div.modal-overlay>div.sheet-dragging{transition:none}div.modal-overlay>div.sheet-dragging:before{transition:none}div.modal-overlay>div.sheet-dragging{overscroll-behavior:contain;touch-action:none}}.modal-action-primary{background:var(--color-brand-600);color:var(--color-spot-ink);box-shadow:0 2px 8px #2563eb40}.modal-action-primary:hover:not(:disabled){background:var(--color-brand-700)}.modal-action-success{background:var(--color-success);color:var(--color-spot-ink);box-shadow:0 2px 8px #16a34a40}.modal-action-success:hover:not(:disabled){background:#15803d}.mobile-bar-actions{display:flex;gap:var(--space-2);flex-shrink:0;min-width:0}.mobile-action-icon{flex:0 0 auto;width:44px;min-width:44px;padding:0;font-size:var(--text-lg)}.mobile-action-surface{background:var(--color-slate-100);color:var(--color-slate-600)}.mobile-action-surface:hover:not(:disabled){background:var(--color-slate-200)}.mobile-action-primary{background:var(--color-brand-600);color:var(--color-spot-ink)}.mobile-action-primary:hover:not(:disabled){background:var(--color-brand-700)}.mobile-action-success{background:var(--color-success);color:var(--color-spot-ink)}.mobile-action-success:hover:not(:disabled){background:#15803d}.batch-queue-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-slate-200);background:var(--color-white);transition:border-color var(--transition-base)}@media (prefers-color-scheme: dark){:where(:root:not([data-theme=light])) .batch-queue-item{border-color:var(--color-slate-300);background:var(--color-slate-100)}}:where(:root[data-theme=dark]) .batch-queue-item{border-color:var(--color-slate-300);background:var(--color-slate-100)}.batch-queue-item.processing{border-color:var(--color-brand-400)}.batch-queue-item.done{border-color:var(--color-green-400)}.batch-queue-item.error{border-color:var(--color-red-400)}.batch-queue-thumb{width:32px;height:32px;border-radius:var(--radius-md);-o-object-fit:contain;object-fit:contain;background:var(--color-slate-100);flex-shrink:0}@media (prefers-color-scheme: dark){:where(:root:not([data-theme=light])) .batch-queue-thumb{background:var(--color-slate-200)}}:where(:root[data-theme=dark]) .batch-queue-thumb{background:var(--color-slate-200)}.ws{color:var(--ws-foreground);background:var(--ws-bg);isolation:isolate}.ws .hidden,.ws-export-overlay .hidden{display:none!important}.ws button,.ws input,.ws select,.ws textarea,.ws-export-overlay button,.ws-export-overlay input,.ws-export-overlay select{color:inherit}.ws-island{background:var(--ws-surface-glass);border:1px solid var(--ws-border-hairline);border-radius:var(--ws-radius-panel);box-shadow:var(--ws-glass-shadow);backdrop-filter:blur(var(--ws-glass-blur));-webkit-backdrop-filter:blur(var(--ws-glass-blur))}.ws-island.ws-pill-group,.ws-icon-btn,.og-chip{backdrop-filter:blur(var(--chrome-blur));-webkit-backdrop-filter:blur(var(--chrome-blur))}.ws-rail{position:absolute;z-index:31;top:50%;left:1rem;display:flex;flex-direction:column;gap:.25rem;padding:.35rem;transform:translateY(-50%)}.ws-rail button,.ws-mini-toolbar button{display:grid;width:2rem;height:2rem;place-items:center;border:0;border-radius:var(--ws-radius-control);background:transparent;color:var(--ws-muted-foreground);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.ws-rail button:hover,.ws-mini-toolbar button:hover{color:var(--ws-foreground);background:var(--ws-surface-muted)}.ws-rail button[aria-pressed=true],.ws-mini-toolbar button[aria-pressed=true]{color:var(--ws-primary);background:var(--ws-surface-accent);box-shadow:inset 0 0 0 1px var(--ws-border-strong)}.ws-panel{display:flex;width:18rem;max-height:calc(100% - 2rem);flex-direction:column;overflow:hidden;color:var(--ws-foreground)}.ws-panel--source{position:absolute;z-index:30;top:50%;left:4.5rem;width:20rem;transform:translateY(-50%)}.ws-panel--settings{position:absolute;inset:4.5rem 1rem 1rem auto}.ws-panel-head{display:flex;min-height:2.75rem;flex:0 0 auto;align-items:center;justify-content:space-between;padding:.75rem .9rem;border-bottom:1px solid var(--ws-border-hairline);color:var(--ws-muted-foreground);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ws-panel-head button,.ws-export-dialog header button{display:grid;width:2rem;height:2rem;place-items:center;border:0;border-radius:var(--ws-radius-pill);background:transparent;cursor:pointer}.ws-panel-head button:hover,.ws-export-dialog header button:hover{background:var(--ws-surface-muted)}.ws-panel-scroll{min-height:0;overflow-y:auto;padding:.45rem;scrollbar-width:none}.ws-panel-scroll::-webkit-scrollbar{display:none}.ws-settings-overlay{--modal-backdrop-filter: none;position:absolute;z-index:35;inset:0}.ws-settings-overlay>.ws-panel{transform:translate(1rem);transition:opacity var(--transition-base),transform var(--transition-base) var(--ease-out-expo)}.ws-settings-overlay.visible>.ws-panel{transform:translate(0)}.ws-section{border-bottom:1px solid var(--ws-border-hairline)}.ws-section:last-child{border-bottom:0}.ws-section-head{display:flex;width:100%;align-items:center;justify-content:space-between;padding:.75rem;border:0;border-radius:var(--ws-radius-control);background:transparent;font-size:.78rem;font-weight:650;cursor:pointer}.ws-section-head>span{display:flex;align-items:center;gap:.55rem}.ws-section-head>.ph-caret-down{color:var(--ws-muted-foreground);transition:transform var(--transition-base)}.ws-section-head[aria-expanded=true]{background:var(--ws-surface-muted)}.ws-section-head[aria-expanded=true]>.ph-caret-down{transform:rotate(180deg)}.ws-section-body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--transition-base) ease,opacity var(--transition-base) ease}.ws-section-body[hidden]{display:none}.ws-section-head[aria-expanded=true]+.ws-section-body{grid-template-rows:1fr;opacity:1}.ws-section-body>div{min-height:0;overflow:hidden;padding:.75rem .75rem .85rem}.ws-section-body>div>:first-child{margin-top:0}.ws-slider-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.65rem;font-size:.72rem}.ws-slider-row output{color:var(--ws-muted-foreground);font-family:var(--font-mono);font-size:var(--text-meta)}input.ws-range{padding:.45rem 0;background:transparent}input.ws-range::-webkit-slider-runnable-track{height:4px;border-radius:var(--ws-radius-track);background-color:var(--ws-track);background-image:linear-gradient(90deg,var(--ws-primary) 0 var(--ws-fill, 0%),transparent var(--ws-fill, 0%))}input.ws-range:hover::-webkit-slider-runnable-track{background-color:var(--ws-track)}input.ws-range::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;border:2px solid var(--ws-thumb-border);background:var(--ws-thumb);box-shadow:0 1px 5px #0000002e}input.ws-range::-moz-range-track{height:4px;border-radius:var(--ws-radius-track);background:var(--ws-track)}input.ws-range::-moz-range-progress{height:4px;border-radius:var(--ws-radius-track);background:var(--ws-primary)}input.ws-range::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--ws-thumb-border);background:var(--ws-thumb);box-shadow:0 1px 5px #0000002e}.ws-switch-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.55rem 0;font-size:.74rem}.ws-switch{position:relative;width:2rem;height:1.125rem;flex:0 0 auto;padding:0;border:1px solid var(--ws-border-strong);border-radius:var(--ws-radius-track);background:var(--ws-track);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.ws-switch span{position:absolute;top:2px;left:2px;width:.75rem;height:.75rem;border-radius:var(--shape-round);background:var(--ws-thumb);box-shadow:0 1px 3px #0000004d;transition:transform var(--transition-fast)}.ws-switch[aria-checked=true]{border-color:var(--ws-primary);background:var(--ws-primary)}.ws-switch[aria-checked=true] span{transform:translate(.875rem)}.ws-input,.ws-select,.ws-code{width:100%;min-height:2.1rem;padding:.45rem .6rem;border:1px solid var(--ws-border-strong);border-radius:var(--ws-radius-control);outline:0;background-color:var(--ws-surface-muted);font-size:.75rem}.ws-input:focus,.ws-select:focus,.ws-code:focus{border-color:var(--ws-ring);box-shadow:0 0 0 2px color-mix(in srgb,var(--ws-ring),transparent 75%)}.ws-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 256 256'%3E%3Cpath fill='%238a8a8f' d='m208.5 96.5-80 80a12 12 0 0 1-17 0l-80-80a12 12 0 0 1 17-17L120 151V40a12 12 0 0 1 24 0v111l71.5-71.5a12 12 0 0 1 17 17Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center}.ws-code{min-height:12rem;resize:vertical;font-family:var(--font-mono);line-height:1.45}.ws-field-label{display:block;margin:.75rem 0 .3rem;color:var(--ws-muted-foreground);font-size:var(--text-meta);font-weight:650}.ws-help{margin:.55rem 0;color:var(--ws-muted-foreground);font-size:.7rem;line-height:1.45}.ws-color-row{display:flex;gap:.45rem;align-items:center}.ws-color-field{position:relative;display:block;width:2.15rem;height:2.15rem;flex:0 0 auto;overflow:hidden;border:2px solid var(--ws-surface);border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--ws-border-strong)}.ws-color-field input{position:absolute;inset:-.5rem;width:3rem;height:3rem;opacity:0;cursor:pointer}.ws-color-field span{display:block;width:100%;height:100%;background:var(--swatch, #4f46e5)}.ws-swatches{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.55rem}.ws-swatch{width:1.25rem;height:1.25rem;padding:0;border:2px solid var(--ws-surface);border-radius:var(--radius-xs);background:var(--swatch);box-shadow:0 0 0 1px var(--ws-border-strong);cursor:pointer}.ws-swatch[aria-pressed=true]{box-shadow:0 0 0 1px var(--ws-surface),0 0 0 3px var(--ws-ring)}.ws-tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.ws-tile{display:flex;align-items:center;gap:.45rem;padding:.45rem;border:1px solid var(--ws-border-hairline);border-radius:var(--ws-radius-control);background:transparent;font-size:var(--text-meta);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.ws-tile:hover{transform:translateY(-1px);background:var(--ws-surface-muted)}.ws-tile[aria-pressed=true]{border-color:var(--ws-primary);background:var(--ws-surface-accent)}.ws-tile:before{content:"";width:1.15rem;height:1.15rem;flex:0 0 auto;border-radius:var(--shape-round);background:var(--material-preview, linear-gradient(135deg,#fff,#777));box-shadow:inset -2px -3px 5px #00000038}.ws-textures{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.65rem}.ws-texture-thumb{width:2.5rem;height:2.5rem;padding:2px;border:2px solid transparent;border-radius:var(--shape-control);background:transparent;cursor:pointer}.ws-texture-thumb img{width:100%;height:100%;border-radius:var(--shape-control);-o-object-fit:cover;object-fit:cover}.ws-texture-thumb[aria-pressed=true]{border-color:var(--ws-ring)}.ws-choice-row{display:flex;flex-wrap:wrap;gap:.35rem}.ws-choice-row button{display:flex;flex:1 1 auto;align-items:center;justify-content:center;gap:.3rem;padding:.45rem;border:1px solid var(--ws-border-hairline);border-radius:var(--ws-radius-control);background:transparent;color:var(--ws-muted-foreground);font-size:var(--text-sm);cursor:pointer}.ws-choice-row button[aria-pressed=true]{border-color:var(--ws-ring);background:var(--ws-surface-accent);color:var(--ws-foreground)}.threed-backdrop-swatch{display:block;width:1.125rem;height:1.125rem;border:1px solid var(--ws-border-strong);border-radius:var(--radius-xs)}.threed-backdrop-swatch--transparent{background-color:#fff;background-image:linear-gradient(45deg,var(--color-slate-300) 25%,transparent 25%),linear-gradient(-45deg,var(--color-slate-300) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-slate-300) 75%),linear-gradient(-45deg,transparent 75%,var(--color-slate-300) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.ws-disclosure{margin-top:.65rem;border-top:1px solid var(--ws-border-hairline)}.ws-disclosure summary{padding:.65rem 0;color:var(--ws-muted-foreground);font-size:.7rem;font-weight:650;cursor:pointer}.ws-button{display:inline-flex;min-height:2.1rem;align-items:center;justify-content:center;gap:.35rem;margin-top:.55rem;padding:.45rem .75rem;border:1px solid var(--ws-border-strong);border-radius:var(--ws-radius-control);background:var(--ws-surface-muted);font-size:.72rem;font-weight:650;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.ws-button:hover{background:var(--ws-surface-accent)}.ws-button--primary{border-color:var(--ws-primary);background:var(--ws-primary);color:var(--ws-primary-foreground)!important}.ws-button--primary:hover{background:var(--ws-primary-hover)}.ws-button:disabled,.ws-shutter:disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}.ws-topbar{position:absolute;z-index:32;top:4.5rem;right:1rem;display:flex;gap:.5rem;transition:transform var(--transition-base) var(--ease-out-expo)}.ws.ws-settings-open .ws-topbar{transform:translate(-18.75rem)}.ws-icon-btn{--chrome-control-h: var(--chrome-control-h-lg);--chrome-btn-bg: var(--ws-surface-glass);--chrome-btn-bg-hover: var(--ws-surface-glass-strong);--chrome-btn-color: var(--ws-foreground);--chrome-btn-color-hover: var(--ws-foreground);--chrome-btn-hover-transform: translateY(-1px);display:grid;width:var(--chrome-control-h);padding:0;place-items:center;border:1px solid var(--ws-border-hairline);border-radius:var(--shape-control);box-shadow:var(--ws-glass-shadow);color:var(--chrome-btn-color)}.ws-icon-btn[aria-pressed=true]{background:var(--chrome-btn-bg-hover);transform:var(--chrome-btn-hover-transform)}.ws-camera-bar{position:absolute;z-index:28;left:50%;bottom:calc(1rem + var(--safe-area-bottom));display:flex;flex-direction:column;align-items:center;gap:.75rem;transform:translate(-50%)}.ws-shutter{position:relative;display:grid;width:4rem;height:4rem;flex:0 0 auto;place-items:center;padding:0;border:3px solid var(--ws-shutter-ink);border-radius:var(--shape-round);background:transparent;cursor:pointer;transition:border-color var(--transition-base),opacity var(--transition-fast)}.ws-shutter span{width:3rem;height:3rem;border-radius:var(--shape-round);background:var(--ws-shutter-ink);transition:transform var(--transition-fast),border-radius var(--transition-base),background-color var(--transition-base)}.ws-shutter:active span{transform:scale(.9)}.ws-shutter[data-mode=video]{border-color:var(--ws-danger)}.ws-shutter[data-mode=video] span{background:var(--ws-danger)}.ws-pill-group{display:flex;align-items:center;gap:.15rem;padding:.25rem;border-radius:var(--ws-radius-pill);background:var(--ws-surface-glass)}.ws-pill-group button{--chrome-btn-radius: var(--ws-radius-pill);--chrome-btn-color: var(--ws-muted-foreground);--chrome-btn-color-hover: var(--ws-foreground);--chrome-btn-bg-hover: transparent;min-width:2rem;gap:.25rem;padding:.32rem .6rem;color:var(--chrome-btn-color);font-size:var(--text-xs);white-space:nowrap}.ws-pill-group button[aria-pressed=true]{--chrome-btn-bg-hover: var(--ws-surface-accent);background:var(--ws-surface-accent);box-shadow:inset 0 0 0 1px var(--ws-border-strong);color:var(--ws-foreground)}.ws-pill-divider{width:1px;height:1.1rem;flex:0 0 auto;margin:0 .2rem;background:var(--ws-border-strong)}.ws-camera-options{display:flex;align-items:center}.ws-aspect{display:flex;align-items:center;gap:.15rem;overflow:hidden}.ws-aspect button{overflow:hidden;transition:max-width var(--transition-base) var(--ease-out-expo),opacity var(--transition-fast) ease,padding var(--transition-base) var(--ease-out-expo),color var(--transition-fast),background-color var(--transition-fast)}.ws-aspect[data-expanded=true] button{max-width:5rem;opacity:1}.ws-aspect[data-expanded=false] button{max-width:0;min-width:0;padding-right:0;padding-left:0;opacity:0;pointer-events:none}.ws-aspect[data-expanded=false] button[aria-pressed=true]{max-width:6rem;min-width:2rem;padding-right:.6rem;padding-left:.6rem;opacity:1;background:transparent;box-shadow:inset 0 0 0 1px var(--ws-border-strong);pointer-events:auto}.ws-aspect[data-expanded=false] button[aria-pressed=true]:after{content:"▾";margin-left:.3rem;font-size:.7em;opacity:.7}.ws-camera-bar .ws-pill-group{background:var(--ws-surface-glass-strong)}.ws-recording-pill{display:flex;align-items:center;gap:.45rem;padding:.45rem .65rem;border-radius:var(--ws-radius-pill);background:var(--ws-surface-glass-strong);font-size:var(--text-meta)}.ws-recording-pill>span{width:.5rem;height:.5rem;border-radius:var(--shape-round);background:var(--ws-danger);animation:ws-pulse 1s ease-in-out infinite}.ws-recording-pill button{padding:.25rem .45rem;border:0;border-radius:var(--ws-radius-pill);background:var(--color-error);color:var(--color-spot-ink);font-weight:700}@keyframes ws-pulse{50%{opacity:.35;transform:scale(.8)}}.ws-viewfinder{position:absolute;z-index:7;top:50%;left:50%;width:var(--viewfinder-width, 70%);height:var(--viewfinder-height, 70%);border:1px solid rgb(255 255 255 / .6);border-radius:var(--ws-radius-control);box-shadow:0 0 0 9999px var(--ws-scrim);pointer-events:none;transform:translate(-50%,-50%)}.ws-loading-pill{position:absolute;z-index:36;top:50%;left:50%;display:flex;align-items:center;gap:.45rem;padding:.55rem .8rem;border:1px solid var(--ws-border-hairline);border-radius:var(--ws-radius-pill);background:var(--ws-surface-glass-strong);box-shadow:var(--ws-glass-shadow);opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity var(--transition-base)}.ws-loading-pill.is-shown{opacity:1}.ws-error{position:absolute;z-index:38;top:1rem;left:50%;max-width:80%;padding:.45rem .75rem;border-radius:var(--ws-radius-pill);background:var(--ws-surface-glass-strong);box-shadow:var(--ws-glass-shadow);color:var(--color-danger-fg);font-size:.75rem;text-align:center;transform:translate(-50%)}.ws-mini-toolbar{display:flex;gap:.35rem;margin-bottom:.65rem}.ws-pixel-editor{display:grid;aspect-ratio:1;overflow:hidden;border:1px solid var(--ws-border-strong);border-radius:var(--ws-radius-control);touch-action:none}.ws-pixel-cell{border:0;border-radius:0;background:transparent;box-shadow:inset 0 0 0 .5px #0f172a24}.ws-pixel-cell[aria-pressed=true]{background:var(--cell, #0b0b0b)}.ws-swatches--palette{gap:.35rem}.ws-swatches--palette .ws-swatch{width:1.15rem;height:1.15rem}.ws-drop{display:flex;width:100%;min-height:9rem;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:1px dashed var(--ws-border-strong);border-radius:var(--ws-radius-panel);background:var(--ws-surface-muted);color:var(--ws-muted-foreground);cursor:pointer}.ws-drop i{font-size:1.8rem}.ws-file-preview{margin-top:.75rem}.ws-file-preview svg{display:block;max-width:100%;max-height:10rem;margin:auto}.ws-export-overlay{--modal-scrim: var(--ws-scrim);--modal-backdrop-filter: blur(8px);position:fixed;z-index:var(--z-modal);inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;color:var(--ws-foreground)}.ws-export-dialog{width:min(34rem,100%);max-height:min(88vh,50rem);overflow-y:auto;padding:1rem;border:1px solid var(--ws-border-hairline);border-radius:var(--ws-radius-panel);background:var(--ws-surface);box-shadow:var(--ws-glass-shadow)}.ws-export-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.85rem}.ws-export-dialog h3{margin:.1rem 0 0;font-size:1rem}.ws-kicker{color:var(--ws-muted-foreground);font-size:var(--text-meta);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ws-export-preview{display:grid;min-height:16rem;place-items:center;overflow:hidden;border-radius:var(--ws-radius-control)}.ws-export-preview img{max-width:100%;max-height:22rem;-o-object-fit:contain;object-fit:contain}.ws-export-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem}.ws-export-controls>label{display:grid;flex:1;gap:.3rem;color:var(--ws-muted-foreground);font-size:var(--text-meta)}.ws-export-controls--grid{display:grid;grid-template-columns:repeat(3,1fr)}.ws-export-dialog footer{display:flex;justify-content:flex-end;gap:.55rem;margin-top:1rem}.ws-video-preview{width:100%;max-height:19rem;border-radius:var(--ws-radius-control);background:#000}.ws-trimmer{position:relative;height:4.5rem;margin-top:.65rem;overflow:hidden;border-radius:var(--ws-radius-control);background:var(--ws-surface-muted)}.ws-filmstrip{display:grid;height:100%;grid-template-columns:repeat(12,1fr)}.ws-filmstrip canvas{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ws-trim-handle{position:absolute;z-index:2;top:0;bottom:0;width:.55rem;border:0;background:var(--ws-primary);cursor:ew-resize}.ws-trim-handle--start{left:0}.ws-trim-handle--end{right:0}.ws-trimmer>input{position:absolute;z-index:1;inset:auto 0 0;padding:0}.ws-export-status{margin-top:.65rem;color:var(--ws-muted-foreground);font-size:.7rem}.ws-export-status>div{height:.25rem;margin-top:.3rem;overflow:hidden;border-radius:var(--ws-radius-track);background:var(--ws-track)}.ws-export-status i{display:block;width:var(--progress,0%);height:100%;background:var(--ws-primary);transition:width var(--transition-fast)}.ws-format-list{display:grid;gap:.5rem}.ws-format{display:grid;width:100%;gap:.3rem;padding:.7rem .85rem;border:1px solid var(--ws-border-hairline);border-radius:var(--ws-radius-control);background:transparent;text-align:left;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.ws-format:hover{background:var(--ws-surface-muted)}.ws-format[aria-checked=true]{border-color:var(--ws-primary);background:var(--ws-surface-accent)}.ws-format:focus-visible{outline:2px solid var(--ws-ring);outline-offset:2px}.ws-format__head{display:flex;align-items:baseline;gap:.45rem}.ws-format__name{font-size:.82rem;font-weight:700}.ws-format__ext{color:var(--ws-muted-foreground);font-family:var(--font-mono);font-size:var(--text-meta)}.ws-format__tag{color:var(--ws-primary);font-size:var(--text-meta);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ws-format__mark{width:.9rem;height:.9rem;flex:0 0 auto;align-self:center;margin-left:auto;border:2px solid var(--ws-border-strong);border-radius:var(--shape-round);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ws-format[aria-checked=true] .ws-format__mark{border-color:var(--ws-primary);background:var(--ws-primary);box-shadow:inset 0 0 0 2px var(--ws-surface)}.ws-format__detail{color:var(--ws-muted-foreground);font-size:.7rem;line-height:1.45}.og-stage-root{--og-snap: #e11d8f;--og-handle-hit: 44px}@media (prefers-color-scheme: dark){:where(:root:not([data-theme=light])) .og-stage-root{--og-snap: #f472b6}}:where(:root[data-theme=dark]) .og-stage-root{--og-snap: #f472b6}.og-stage{cursor:default;-moz-user-select:none;user-select:none;-webkit-user-select:none}.og-bg-prev{position:absolute;z-index:0;inset:0;display:block;opacity:0;pointer-events:none}.og-bg-prev.is-visible{opacity:1}.og-main-canvas{position:relative;z-index:1;opacity:1;transition:opacity var(--transition-duration-og-crossfade) ease}.og-main-canvas.og-crossfade-prep{opacity:0;transition:none}.og-overlay{position:absolute;z-index:2;inset:0;pointer-events:none}.og-logo-box{position:absolute;box-sizing:border-box;outline:1.5px solid transparent;outline-offset:4px;border-radius:var(--shape-control);cursor:grab;pointer-events:auto;transition:outline-color var(--transition-fast) ease}.og-overlay.is-hover .og-logo-box,.og-overlay.is-selected .og-logo-box{outline-color:var(--ws-primary)}.og-logo-box:focus{outline-color:var(--ws-primary)}.og-logo-box:focus-visible{outline-color:var(--ws-ring);box-shadow:0 0 0 4px color-mix(in srgb,var(--ws-ring),transparent 70%)}.og-overlay.is-dragging .og-logo-box{cursor:grabbing;transition:none}.og-handle{position:absolute;width:10px;height:10px;padding:0;border:1.5px solid var(--ws-primary);border-radius:var(--shape-control);background:var(--ws-surface);box-shadow:0 1px 3px #00000040;opacity:0;cursor:nwse-resize;pointer-events:none;transition:opacity var(--transition-fast) ease}.og-handle:before{content:"";position:absolute;inset:calc((var(--og-handle-hit) - 10px) / -2)}.og-handle[data-corner=nw]{left:-5px;top:-5px}.og-handle[data-corner=ne]{right:-5px;top:-5px;cursor:nesw-resize}.og-handle[data-corner=sw]{left:-5px;bottom:-5px;cursor:nesw-resize}.og-handle[data-corner=se]{right:-5px;bottom:-5px}.og-overlay.is-hover .og-handle,.og-overlay.is-selected .og-handle,.og-logo-box:focus-within .og-handle{opacity:1;pointer-events:auto}.og-overlay.is-dragging .og-handle{opacity:0;pointer-events:none}.og-handle:focus-visible{outline:2px solid var(--ws-ring);outline-offset:2px;opacity:1}.og-guide{position:absolute;pointer-events:none;background:var(--og-snap);opacity:0;transition:opacity var(--transition-fast) ease}.og-guide--v{top:0;bottom:0;width:1px;transform:translate(-.5px)}.og-guide--h{left:0;right:0;height:1px;transform:translateY(-.5px)}.og-guide.is-on{opacity:.9}.og-guide[data-kind=safe]{opacity:0}.og-guide.is-on[data-kind=safe]{opacity:.55}.og-safe-zone{position:absolute;pointer-events:none;border:1px dashed color-mix(in srgb,var(--og-snap),transparent 45%);border-radius:var(--shape-control);opacity:0;transition:opacity var(--transition-fast) ease}.og-overlay.is-dragging .og-safe-zone,.og-overlay.show-safe-zone .og-safe-zone{opacity:1}.og-chip{position:absolute;z-index:33;display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border:1px solid var(--ws-border-hairline);border-radius:var(--ws-radius-panel);background:var(--ws-surface-glass-strong);box-shadow:var(--ws-glass-shadow);backdrop-filter:blur(var(--ws-glass-blur));-webkit-backdrop-filter:blur(var(--ws-glass-blur));color:var(--ws-foreground);font-size:var(--text-meta);font-weight:650;white-space:nowrap;pointer-events:auto;transform-origin:50% 0;animation:og-chip-in var(--transition-fast) var(--ease-out-expo)}.og-chip.hidden{display:none}.og-overlay .og-chip{transform:translate(-50%)}.og-overlay .og-chip.og-chip--above{transform:translate(-50%,-100%);transform-origin:50% 100%}.og-chip button{padding:.05rem .45rem;border:0;border-radius:var(--ws-radius-control);background:var(--ws-primary);color:var(--ws-primary-foreground);font-weight:700;cursor:pointer}.og-chip--reset{position:static;z-index:auto}.og-overlay.is-dragging .og-chip{opacity:0;pointer-events:none}@keyframes og-chip-in{0%{opacity:0;transform:translate(-50%) scale(.96)}}.og-chip--reset{animation-name:og-chip-in-plain}@keyframes og-chip-in-plain{0%{opacity:0;transform:scale(.96)}}.og-stage-root:has(.og-overlay.is-dragging) .ws-topbar,.og-stage-root:has(.og-overlay.is-dragging) .ws-camera-bar,.og-stage-root:has(.og-overlay.is-dragging) .og-chip--reset{opacity:.55;transition:opacity var(--transition-micro) ease}.og-stage-root .ws-camera-bar{flex-direction:row;max-width:calc(100% - 2rem)}#og-island{gap:.25rem;max-width:100%}#og-island>*{flex:0 0 auto}.og-design-menu{position:absolute;left:50%;bottom:calc(100% + .6rem);transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;width:min(22rem,calc(100vw - 2rem));padding:.7rem}.og-design-menu[hidden]{display:none}.og-design-menu__title{font-size:var(--text-meta);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ws-muted-foreground)}.og-design-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem}.og-design-grid .og-bg-style-btn{display:flex;flex-direction:column;align-items:stretch;gap:.28rem;width:auto;height:auto;min-width:0;padding:0;border:0;background:transparent;cursor:pointer}.og-design-grid .og-bg-style-swatch{aspect-ratio:4 / 3;height:auto;border-radius:0}.og-bg-style-label{font-size:var(--text-meta);font-weight:600;letter-spacing:.02em;color:var(--ws-muted-foreground);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.og-design-grid .og-bg-style-btn[aria-pressed=true] .og-bg-style-swatch{box-shadow:0 0 0 1px var(--ws-surface),0 0 0 3px var(--ws-ring)}.og-design-grid .og-bg-style-btn[aria-pressed=true] .og-bg-style-label,.og-design-grid .og-bg-style-btn:hover .og-bg-style-label{color:var(--ws-foreground)}.og-design-grid .og-bg-style-btn:focus-visible{outline:2px solid var(--ws-ring);outline-offset:2px}.og-design-swatch{display:block;width:.9rem;height:.9rem;flex:none;border:1px solid var(--ws-border-strong)}#og-design-toggle{gap:.32rem}#og-design-toggle .ph-caret-up{font-size:var(--text-meta);opacity:.6;transition:transform var(--transition-base) var(--ease-out-expo)}#og-design-toggle[aria-expanded=true] .ph-caret-up{transform:rotate(180deg)}#og-design-toggle[aria-expanded=true]{background:var(--ws-surface-accent);box-shadow:inset 0 0 0 1px var(--ws-border-strong);color:var(--ws-foreground)}#og-island .og-colour-row{flex-wrap:nowrap;gap:.25rem;padding-right:.1rem}#og-island .og-colour-row .swatch{width:1.5rem;height:1.5rem}.og-preset-color[data-color="#ffffff"]{background:#fff}.og-preset-color[data-color="#000000"]{background:#000}#og-island .og-preset-color[data-color=auto]{gap:.3rem}#og-island .og-preset-color[data-color=auto]:hover,#og-island .og-preset-color[data-color=auto].active{transform:none}#og-island .og-preset-color[data-color=auto].active{background:var(--ws-surface-accent);box-shadow:inset 0 0 0 1px var(--ws-border-strong);color:var(--ws-foreground)}#og-island #og-scale-value{min-width:2.6rem;color:var(--ws-foreground);font-family:var(--font-mono);font-size:var(--text-meta);font-weight:650;text-align:center;font-variant-numeric:tabular-nums}#og-island #og-scale-down,#og-island #og-scale-up{min-width:1.75rem;padding-inline:.35rem;font-size:.9rem;line-height:1}.og-scale-range{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.og-scale-range:focus-visible{position:static;width:6rem;height:auto;margin:0 .25rem;clip:auto;overflow:visible}.og-colour-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}#og-bg-direction-row .ws-choice-row button{flex:1 1 0}#og-bg-direction-row .ws-choice-row button[aria-pressed=true]{border-color:var(--ws-ring);background:var(--ws-surface-accent);color:var(--ws-foreground)}#assets-grid button[id^=download-],#download-html-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--chrome-control-h);min-height:var(--chrome-control-h)}.og-export-list{display:flex;flex-direction:column;gap:.25rem}.og-export-row{display:grid;grid-template-columns:1fr auto;gap:0 .5rem;padding-block:.25rem;border-bottom:1px solid var(--ws-border-hairline)}.og-export-row:last-child{border-bottom:0}.og-export-row__name{color:var(--ws-foreground);font-size:var(--text-xs);font-weight:600}.og-export-row__dims{color:var(--ws-muted-foreground);font-size:var(--text-meta);font-variant-numeric:tabular-nums;align-self:center}.og-export-row__note{grid-column:1 / -1;color:var(--ws-muted-foreground);font-size:var(--text-meta)}.asset-row--reviewable{cursor:pointer}.asset-row--reviewable :is(button,select,input,label){cursor:auto}.asset-row--reviewable :is(button,select,label){cursor:pointer}.asset-customize-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--chrome-control-h);padding-inline:.625rem;border:1px solid var(--color-hairline);border-radius:var(--shape-control);background:var(--color-paper-raised);color:var(--color-ink-soft);font-size:var(--text-xs);font-weight:650;line-height:1;white-space:nowrap;cursor:pointer;transition:color var(--transition-fast) ease,border-color var(--transition-fast) ease,background var(--transition-fast) ease}.asset-customize-btn:hover:not(:disabled){color:var(--color-brand-600);border-color:var(--color-brand-600)}.asset-customize-btn:focus-visible{outline:2px solid var(--ws-ring, #4f46e5);outline-offset:2px}.asset-customize-btn[aria-expanded=true]{color:var(--color-brand-600);border-color:var(--color-brand-600)}@media (max-width: 767px){.og-stage-root .ws-camera-bar{width:calc(100% - 1rem);max-width:none}#og-island{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}#og-island::-webkit-scrollbar{display:none}#og-island>*{scroll-snap-align:center}}.ws-disclosure--formats{border-top:0;margin-top:.25rem}.ws-disclosure--formats>summary{padding-bottom:.5rem}@media (max-width: 767px){.ws-rail{top:4.25rem;left:.65rem;transform:none}.ws-panel--source{z-index:34;inset:3.75rem .65rem 6.5rem 3.5rem;width:auto;max-height:none;transform:none}.ws-topbar{top:3.75rem;right:.65rem}.ws.ws-settings-open .ws-topbar{transform:none}.ws.ws-settings-open{z-index:35}.ws-settings-overlay{--modal-scrim: var(--ws-scrim);display:flex;align-items:flex-end}.ws-settings-overlay>.ws-panel--settings{position:relative;inset:auto;width:100%;max-width:none;max-height:min(60%,60dvh);border-radius:var(--ws-radius-panel) var(--ws-radius-panel) 0 0;transform:translateY(calc(2rem + var(--sheet-drag, 0px)))}.ws-settings-overlay.visible>.ws-panel--settings{transform:translateY(var(--sheet-drag, 0px))}.ws-camera-bar{bottom:calc(.65rem + var(--safe-area-bottom));max-width:calc(100% - 1rem);gap:.5rem}.ws-shutter{width:3rem;height:3rem}.ws-shutter span{width:2.2rem;height:2.2rem}.ws-camera-options{max-width:100%;overflow-x:auto;scrollbar-width:none}.ws-camera-options::-webkit-scrollbar{display:none}.ws-pill-group button{min-width:1.75rem;padding:.28rem .45rem}.ws-aspect[data-expanded=false] button[aria-pressed=true]{min-width:1.75rem;padding-right:.45rem;padding-left:.45rem}.ws-export-controls--grid{grid-template-columns:1fr}}#preview-mode-tabs [data-preview-tab][aria-selected=true]{color:var(--color-spot-ink)}.checker{--checker-size: var(--checker-strong-size);--checker-bg: var(--color-checkerboard-bg);--checker-square: var(--color-checkerboard-square);background-color:var(--checker-bg);background-image:linear-gradient(45deg,var(--checker-square) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-square) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-square) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-square) 75%);background-size:var(--checker-size) var(--checker-size);background-position:0 0,0 calc(var(--checker-size) / 2),calc(var(--checker-size) / 2) calc(var(--checker-size) / -2),calc(var(--checker-size) / -2) 0}.checker--soft{--checker-size: var(--checker-soft-size);--checker-square: var(--checker-soft-square)}.checker--chrome{--checker-size: var(--checker-soft-size);--checker-bg: var(--checker-chrome-bg);--checker-square: var(--checker-chrome-square)}.stage-ground{background-color:var(--color-paper)}.checker.dark-preview{--checker-bg: var(--color-checkerboard-dark-bg);--checker-square: var(--color-checkerboard-dark-square)}.checker--soft.dark-preview{--checker-square: var(--checker-soft-dark-square)}.stage-ground.dark-preview{background-color:var(--color-checkerboard-dark-bg)}.checker.dark-preview #preview-placeholder{opacity:.5}.checker.dark-preview #preview-placeholder i,.checker.dark-preview #preview-placeholder p{color:var(--color-slate-400)}.space-pan-mode #canvas-zoom-container,.space-pan-mode #comparison-zoom-container{cursor:grab}.space-pan-mode #canvas-zoom-container.grabbing,.space-pan-mode #comparison-zoom-container.grabbing{cursor:grabbing}#canvas-zoom-container,#comparison-zoom-container{touch-action:none}.layout-divider{width:6px;cursor:col-resize;background:transparent;position:relative;z-index:var(--z-divider);flex-shrink:0;display:none}@media (min-width: 1024px){.layout-divider{display:block}}.layout-divider:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:var(--color-slate-200);transition:background var(--transition-fast),width var(--transition-fast)}.layout-divider:hover:before,.layout-divider:focus-visible:before,.layout-divider.dragging:before{width:4px;background:var(--color-brand-500)}.layout-divider:focus-visible{outline:none}.layout-divider:focus-visible:before{outline:2px solid var(--color-brand-500);outline-offset:2px;border-radius:var(--shape-control)}.divider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:20px;pointer-events:none;background-image:radial-gradient(circle,var(--color-slate-300) 1.5px,transparent 1.5px);background-size:4px 7px;background-position:center;background-repeat:repeat-y;transition:background-image var(--transition-fast)}.layout-divider:hover .divider-handle,.layout-divider.dragging .divider-handle{background-image:radial-gradient(circle,var(--color-brand-500) 1.5px,transparent 1.5px)}.app-layout.resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize!important}.app-layout.resizing *{pointer-events:none;cursor:col-resize!important}body.layout-resizing,body.layout-resizing *{-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important}.style-chip{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;background:var(--color-slate-100);border:1px solid var(--color-slate-200);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.style-chip:hover{background:var(--color-slate-200)}.style-chip.active{background:var(--color-brand-600);color:var(--color-spot-ink);border-color:var(--color-brand-600)}.ai-variation-item{border:2px solid var(--color-slate-200);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);cursor:pointer}.ai-variation-item img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover}#app-controls .ai-variation-item.selected{border-color:var(--color-brand-500);box-shadow:0 0 0 2px var(--color-brand-500)}.ai-variation-skeleton{cursor:default;pointer-events:none}.copied{color:var(--color-success)!important;transition:color var(--transition-base)}.collapsible-content{max-height:2000px;overflow:visible;transition:max-height var(--transition-slow)}.collapsible.collapsed .collapsible-content{max-height:0;overflow:hidden}.collapsible-content[hidden]{display:none}.collapsible .chevron{transition:transform var(--transition-fast)}.collapsible.collapsed .chevron{transform:rotate(-90deg)}#dropzone.drag-over{border-color:var(--color-brand-500);background:var(--color-brand-50)}#dropzone.loading{opacity:.7;pointer-events:none}.window-drop-overlay{position:fixed;inset:0;z-index:var(--z-drop-overlay);background:#1e243373;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast),visibility var(--transition-fast)}.window-drop-overlay.active{opacity:1;visibility:visible}.window-drop-card{background:var(--color-paper-raised);border:2px dashed var(--color-brand-500);border-radius:var(--radius-xl);box-shadow:var(--elevation-3);padding:var(--space-8) var(--space-12);text-align:center;color:var(--color-ink)}.window-drop-card i{font-size:2rem;color:var(--color-brand-500)}.window-drop-title{font-size:var(--text-lg);font-weight:600;margin-top:var(--space-2)}.window-drop-sub{font-size:var(--text-xs);color:var(--color-ink-soft);margin-top:var(--space-1)}.project-dropdown{position:absolute;top:100%;left:0;width:340px;max-width:calc(100vw - var(--space-6));margin-top:var(--space-1);background:var(--color-surface-raised);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);z-index:var(--z-dropdown)}.project-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width: 480px){.project-dropdown{position:fixed;top:3.5rem;left:var(--space-3);right:var(--space-3);width:auto;max-width:none}}.project-list-item{position:relative;display:flex;align-items:stretch;padding-right:var(--space-2);transition:background var(--transition-fast)}.project-list-item:hover{background:var(--color-slate-50)}.project-list-item.active{background:var(--color-brand-50)}.project-list-item.active:before{content:"";position:absolute;left:0;top:var(--space-1);bottom:var(--space-1);width:3px;border-radius:var(--shape-control);background:var(--color-brand-600)}.project-list-open{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-md)}.project-list-open:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:-2px}.project-list-thumb{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-slate-100);display:flex;align-items:center;justify-content:center;overflow:hidden}.project-list-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-list-text{min-width:0;flex:1 1 auto}.project-list-name{display:block;font-size:var(--text-md);font-weight:500;color:var(--color-slate-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list-meta{display:flex;align-items:center;gap:var(--space-1);margin-top:1px;font-size:var(--text-11);color:var(--color-slate-400);min-width:0}.project-list-meta .project-list-slug{font-family:var(--font-mono);color:#059669;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.project-row-action{width:30px;height:30px;display:grid;place-items:center;border:0;background:none;border-radius:var(--radius-md);color:var(--color-slate-400);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast)}.project-row-action:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:-2px}.project-row-share{color:#059669;background:#10b9811f}.project-row-share:hover{background:#10b98138}.project-row-share.is-copied{color:#047857;background:#10b9814d}.project-row-share--stale{color:#b45309;background:#f59e0b29}.project-row-share--stale:hover{background:#f59e0b47}.project-list-meta .project-list-slug--stale{font-family:inherit;color:#b45309;font-weight:500}@media (prefers-color-scheme: dark){:where(:root:not([data-theme=light])) .project-row-share{color:#34d399}:where(:root:not([data-theme=light])) .project-row-share.is-copied{color:#6ee7b7}:where(:root:not([data-theme=light])) .project-list-meta .project-list-slug{color:#34d399}:where(:root:not([data-theme=light])) .project-row-share--stale{color:#fbbf24}:where(:root:not([data-theme=light])) .project-list-meta .project-list-slug--stale{color:#fbbf24}}:where(:root[data-theme=dark]) .project-row-share{color:#34d399}:where(:root[data-theme=dark]) .project-row-share.is-copied{color:#6ee7b7}:where(:root[data-theme=dark]) .project-list-meta .project-list-slug{color:#34d399}:where(:root[data-theme=dark]) .project-row-share--stale{color:#fbbf24}:where(:root[data-theme=dark]) .project-list-meta .project-list-slug--stale{color:#fbbf24}.project-row-more{opacity:1}.project-row-more[aria-expanded=true]{color:var(--color-brand-600);background:var(--color-slate-100)}.project-list-empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-slate-400)}.project-list-empty p{margin:0;font-size:.8125rem;font-weight:500;color:var(--color-slate-500)}.project-list-empty .hint{font-size:var(--text-11);font-weight:400;color:var(--color-slate-400);margin-top:var(--space-1)}.share-kit-btn{border:2px solid transparent;cursor:pointer;transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base),opacity var(--transition-base)}.share-kit-btn--locked{border-style:dashed;border-color:var(--color-slate-300);color:var(--color-slate-500);opacity:.5;cursor:not-allowed}.share-kit-btn--locked:hover{border-color:var(--color-brand-400);color:var(--color-brand-600)}.share-kit-btn--ready{border-style:solid;border-color:var(--color-slate-300);color:var(--color-slate-700);background:var(--color-surface-raised)}.share-kit-btn--ready:hover{border-color:var(--color-brand-500);color:var(--color-brand-600);background:var(--color-brand-50)}.share-kit-btn--live{border-style:solid;border-color:#10b98173;background:#10b9811a;color:#047857}.share-kit-btn--live:hover{border-color:#10b981b3;background:#10b98129}.share-kit-btn--stale{border-style:solid;border-color:#f59e0b80;background:#f59e0b1f;color:#b45309}.share-kit-btn--stale:hover{border-color:#f59e0bbf;background:#f59e0b33}.share-kit-stale-dot{width:7px;height:7px;border-radius:var(--shape-round);background:var(--color-warning);flex-shrink:0}.share-kit-copy.share-kit-copy--stale{border-color:#f59e0b80;background:#f59e0b1f;color:#b45309}.share-kit-copy.share-kit-copy--stale:hover{border-color:#f59e0bbf;background:#f59e0b33}.share-kit-btn-sub{display:block;font-family:var(--font-mono);font-size:var(--text-meta);font-weight:400;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-kit-live-dot{width:7px;height:7px;border-radius:var(--shape-round);background:var(--color-success);flex-shrink:0;animation:shareKitPulse 2.4s ease-in-out infinite}@keyframes shareKitPulse{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 4px #10b98100}}.share-kit-btn.is-morphing .share-kit-btn-label{animation:shareKitMorph var(--transition-duration-base) var(--ease-out-expo)}@keyframes shareKitMorph{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.share-kit-copy{border:2px solid rgba(16,185,129,.45);background:#10b9811a;color:#047857;cursor:pointer}.share-kit-copy:hover{border-color:#10b981b3;background:#10b98129}@media (prefers-color-scheme: dark){:where(:root:not([data-theme=light])) .share-kit-btn--live,:where(:root:not([data-theme=light])) .share-kit-copy{color:#6ee7b7}:where(:root:not([data-theme=light])) .share-kit-btn--stale,:where(:root:not([data-theme=light])) .share-kit-copy.share-kit-copy--stale{color:#fcd34d}}:where(:root[data-theme=dark]) .share-kit-btn--live,:where(:root[data-theme=dark]) .share-kit-copy{color:#6ee7b7}:where(:root[data-theme=dark]) .share-kit-btn--stale,:where(:root[data-theme=dark]) .share-kit-copy.share-kit-copy--stale{color:#fcd34d}@media (prefers-reduced-motion: reduce){.share-kit-live-dot{animation:none}}.share-url-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-slate-50);border:1px solid var(--color-slate-200);border-radius:var(--radius-md);min-width:0}.share-url-value{flex:1 1 auto;min-width:0;font-family:var(--font-mono);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-url-host{color:var(--color-slate-400)}.share-url-slug{color:var(--color-slate-800);font-weight:500}.share-url-edit{flex-shrink:0;font-size:var(--text-xs);font-weight:600;color:var(--color-brand-600);background:none;border:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer}.share-url-edit:hover{background:var(--color-brand-50)}.share-url-edit:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:1px}.share-options>summary{display:flex;align-items:baseline;gap:var(--space-2);cursor:pointer;list-style:none;padding:var(--space-2) 0;font-size:var(--text-md);color:var(--color-slate-600)}.share-options>summary::-webkit-details-marker{display:none}.share-options>summary:after{content:"▸";margin-left:auto;color:var(--color-slate-400);font-size:var(--text-xs);transition:transform var(--transition-fast)}.share-options[open]>summary:after{transform:rotate(90deg)}.share-options>summary:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px;border-radius:var(--radius-md)}.share-options-summary-label{font-weight:500;color:var(--color-slate-700)}.share-options-summary-value{font-size:var(--text-xs);color:var(--color-slate-400)}.share-status-card{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid transparent}.share-status-card--live{background:#10b9811a;border-color:#10b98159}.share-status-card--stale{background:#f59e0b1f;border-color:#f59e0b66}.share-status-head{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:600;margin-bottom:var(--space-1)}.share-status-card--live .share-status-head{color:#047857}.share-status-card--stale .share-status-head{color:#b45309}.share-status-url{font-family:var(--font-mono);font-size:var(--text-xs);word-break:break-all;color:var(--color-slate-600)}.share-status-sub{font-size:var(--text-xs);color:var(--color-slate-500);margin-top:var(--space-1)}.share-copy-btn{border:1px solid transparent;cursor:pointer}.share-copy-btn--primary{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.share-copy-btn--primary:hover{background:color-mix(in srgb,var(--color-ink) 86%,var(--color-paper));border-color:color-mix(in srgb,var(--color-ink) 86%,var(--color-paper))}.share-copy-btn--quiet{background:transparent;border-color:var(--color-slate-300);color:var(--color-slate-700)}.share-copy-btn--quiet:hover{background:var(--color-slate-50)}.share-update-btn{border:1px solid transparent;cursor:pointer}.share-update-btn--current{background:transparent;border-color:var(--color-slate-300);color:var(--color-slate-600)}.share-update-btn--current:hover{border-color:var(--color-brand-500);color:var(--color-brand-600);background:var(--color-brand-50)}.share-update-btn--stale{background:var(--color-brand-600);border-color:var(--color-brand-600);color:var(--color-spot-ink)}.share-update-btn--stale:hover{background:var(--color-brand-700);border-color:var(--color-brand-700)}@media (prefers-color-scheme: dark){:where(:root:not([data-theme=light])) .share-status-card--live .share-status-head{color:#6ee7b7}:where(:root:not([data-theme=light])) .share-status-card--stale .share-status-head{color:#fcd34d}}:where(:root[data-theme=dark]) .share-status-card--live .share-status-head{color:#6ee7b7}:where(:root[data-theme=dark]) .share-status-card--stale .share-status-head{color:#fcd34d}.custom-scroll{scrollbar-width:thin;scrollbar-color:var(--color-slate-300) transparent}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:var(--color-slate-300);border-radius:var(--radius-xs)}.custom-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-slate-400)}.color-pin:hover .color-pin-dot,.color-pin:hover .color-pin-label,#canvas-zoom-container{cursor:grab}#canvas-zoom-container.grabbing,#comparison-zoom-container.grabbing{cursor:grabbing}#canvas-zoom-container.picker-mode,#canvas-zoom-container.picker-mode.grabbing{cursor:crosshair}.color-context-menu{position:fixed;z-index:var(--z-popover);min-width:180px;background:var(--color-surface-raised);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-1);animation:pop .15s ease-out}.color-context-menu.hidden{display:none}.color-picker-point-anchor{position:fixed;width:1px;height:1px;pointer-events:none}.color-menu-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-slate-100);margin-bottom:var(--space-1)}.color-menu-header.hidden{display:none}.color-menu-swatch{width:var(--swatch-md);height:var(--swatch-md);border-radius:var(--radius-sm);border:2px solid white;box-shadow:0 0 0 1px var(--color-slate-200),var(--shadow-sm)}.color-menu-hex{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-slate-700)}.color-menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:none;background:transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-slate-700);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);text-align:left}.color-menu-item:hover{background:var(--color-slate-50);color:var(--color-slate-900)}.color-menu-item i{font-size:var(--icon-sm);color:var(--color-slate-400)}.color-menu-item:hover i{color:var(--color-slate-600)}.color-menu-item.danger{color:var(--color-error-dark)}.color-menu-item.danger:hover{background:var(--color-error-light);color:var(--color-error-dark)}.color-menu-item.danger i{color:var(--color-error)}.color-menu-item.danger:hover i{color:var(--color-error-dark)}.color-menu-item:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:-2px;background:var(--color-slate-50);color:var(--color-slate-900)}.color-menu-item.danger:focus-visible{outline:2px solid var(--color-error);outline-offset:-2px;background:var(--color-error-light);color:var(--color-error-dark)}.color-menu-divider{height:1px;background:var(--color-slate-100);margin:var(--space-1) 0}#app-controls .tool-btn.picker-active{background:var(--color-brand-50);border-color:var(--color-brand-500);color:var(--color-brand-700);box-shadow:0 0 0 2px var(--color-brand-500)}#app-controls .tool-btn.picker-active i{color:var(--color-brand-600)}.og-preset-color{transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.og-preset-color:hover{transform:scale(1.1)}.og-preset-color.active{box-shadow:0 0 0 2px var(--color-brand-500);transform:scale(1.05)}.og-preset-color[data-color="#000000"].active{box-shadow:0 0 0 2px var(--color-brand-500),0 0 0 4px #fff}.og-bg-style-btn,.og-bg-direction-btn,.og-mini-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgb(203 213 225);background:#fff;color:#334155;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}@media (prefers-color-scheme: dark){:where(:root:not([data-theme=light])) .og-bg-style-btn,:where(:root:not([data-theme=light])) .og-bg-direction-btn,:where(:root:not([data-theme=light])) .og-mini-action{border-color:#475569;background:#1e293b;color:#cbd5e1}}:where(:root[data-theme=dark]) .og-bg-style-btn,:where(:root[data-theme=dark]) .og-bg-direction-btn,:where(:root[data-theme=dark]) .og-mini-action{border-color:#475569;background:#1e293b;color:#cbd5e1}.og-bg-style-btn{width:1.5rem;height:1.5rem;padding:2px;border-radius:var(--shape-control)}.og-bg-style-swatch{display:block;width:100%;height:100%;border-radius:var(--shape-control);border:1px solid rgb(148 163 184 / .45)}.og-bg-direction-btn{width:1.5rem;height:1.5rem;border-radius:var(--shape-control);font-size:.75rem}.og-mini-action{min-height:1.5rem;gap:.25rem;border-radius:var(--shape-control);padding:0 .45rem;font-size:.6875rem;font-weight:700;white-space:nowrap}.og-bg-style-btn:hover,.og-bg-direction-btn:hover,.og-mini-action:hover{transform:translateY(-1px);border-color:var(--color-brand-400)}.og-bg-style-btn[aria-pressed=true],.og-bg-direction-btn[aria-pressed=true],.og-mini-action[aria-pressed=true]{border-color:var(--color-brand-500);box-shadow:0 0 0 2px #3b82f62e}#og-zoom-content{transition:opacity var(--transition-fast)}.og-updating{opacity:.5}@media (max-width: 767px){#color-palette-grid{grid-template-columns:repeat(4,1fr);gap:.375rem}.upload-preview-row{flex-wrap:wrap;align-items:center}.upload-preview-actions{width:auto;margin-left:auto;justify-content:flex-end;flex-shrink:0;align-self:center}#upload-filename{max-width:min(44vw,180px)}.og-controls .og-row{flex-wrap:wrap}.og-controls .og-row>label{width:100%;margin-bottom:.25rem}}#section-ai,#section-edit,#section-export{transition:background var(--transition-base),border-color var(--transition-base)}@media (min-width: 768px){#section-ai,#section-edit,#section-export{position:relative;margin-left:calc(-1 * var(--space-6));padding-left:var(--space-6)}#section-ai:before,#section-edit:before,#section-export:before{content:"";position:absolute;left:0;top:calc(-1 * var(--space-8));bottom:calc(-1 * var(--space-8));width:5px;border-radius:var(--radius-full);background:transparent;pointer-events:none;transition:background-color var(--transition-base)}#section-ai:before{top:0;bottom:0;border-radius:0}#section-ai{margin-top:calc(-1 * var(--space-6));padding-top:var(--space-6);margin-bottom:calc(-1 * var(--space-8));padding-bottom:var(--space-8)}#section-ai:has(#start-over-btn:not(.hidden)):has(#create-chooser.hidden){display:flex;flex-direction:column;justify-content:center;min-height:40px}#section-export:before{bottom:0}#section-ai.active-section:before,#section-edit.active-section:before,#section-export.active-section:before{background:var(--color-brand-600)}}.style-card:active{transform:scale(.95)}.preset-card:active:not([aria-checked=true]),.style-chip:active:not(.active),.color-menu-item:active{transform:scale(.97);transition-duration:50ms}.modal-tab-content{transition:opacity var(--transition-fast),transform var(--transition-fast)}.modal-tab-content.tab-entering{opacity:0;transform:translateY(4px)}.modal-tab-content.tab-exiting{opacity:0;transform:translateY(-4px)}#app-controls .style-card[aria-checked=true]{border-color:var(--color-brand-600);background-color:var(--color-brand-50)}#app-controls .style-card[aria-checked=true] .style-icon-wrapper{background-color:var(--color-brand-100);color:var(--color-brand-600)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#upload-palette .palette-color{animation:fadeSlideUp .2s ease-out backwards}#upload-palette .palette-color:nth-child(1){animation-delay:0ms}#upload-palette .palette-color:nth-child(2){animation-delay:var(--stagger-delay)}#upload-palette .palette-color:nth-child(3){animation-delay:calc(2 * var(--stagger-delay))}#upload-palette .palette-color:nth-child(4){animation-delay:calc(3 * var(--stagger-delay))}#upload-palette .palette-color:nth-child(5){animation-delay:calc(4 * var(--stagger-delay))}#upload-palette .palette-color:nth-child(6){animation-delay:calc(5 * var(--stagger-delay))}#upload-palette .palette-color:nth-child(7){animation-delay:calc(6 * var(--stagger-delay))}#upload-palette .palette-color:nth-child(8){animation-delay:calc(7 * var(--stagger-delay))}#upload-palette .palette-color:nth-child(9){animation-delay:calc(8 * var(--stagger-delay))}#upload-palette .palette-color:nth-child(10){animation-delay:calc(9 * var(--stagger-delay))}#upload-palette .palette-color:nth-child(11){animation-delay:calc(10 * var(--stagger-delay))}#upload-palette .palette-color:nth-child(12){animation-delay:calc(11 * var(--stagger-delay))}#upload-palette .palette-color:nth-child(n+13){animation-delay:calc(12 * var(--stagger-delay))}.insight-chip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-brand-50);color:var(--color-brand-900);box-shadow:var(--elevation-1);font-size:var(--text-xs)}.insight-chip.hidden{display:none}.insight-chip__copy,.insight-chip__actions,.insight-chip__dots{display:flex;align-items:center}.insight-chip__copy{gap:var(--space-2);min-width:0}.insight-chip__actions{gap:var(--space-1)}.insight-chip__dots span{width:14px;height:14px;margin-left:-4px;border:2px solid var(--color-paper-raised);border-radius:var(--shape-round)}.insight-chip__dots span:first-child{margin-left:0}.insight-chip button{padding:3px 7px;border-radius:var(--radius-md);color:var(--color-brand-700);font-weight:700;transition:background-color var(--transition-fast)}.insight-chip button:hover{background:var(--color-brand-100)}@media (prefers-reduced-motion: reduce){#upload-palette .palette-color{animation:none;opacity:1}}@keyframes celebratePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.preview-reveal{animation:previewReveal .4s ease-out}@keyframes previewReveal{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}#batch-dropzone.drag-over{border-color:var(--color-brand-400);background:var(--color-brand-50)}@media (prefers-color-scheme: dark){:where(:root:not([data-theme=light])) .select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}:where(:root:not([data-theme=light])) .palette-swatch{border-color:var(--color-slate-100)}:where(:root:not([data-theme=light])) .palette-color:not(:has(.skeleton)):after{color:var(--color-slate-900);background:#0f172af5;border:1px solid rgba(148,163,184,.45)}:where(:root:not([data-theme=light])) .color-swatch{border-color:#94a3b84d}:where(:root:not([data-theme=light])) .color-swatch.selected{border-color:var(--color-brand-500);box-shadow:0 0 0 2px var(--color-slate-50),0 0 0 4px var(--color-brand-500)}:where(:root:not([data-theme=light])) .preset-card:not([aria-checked=true]){background:var(--color-slate-100);border-color:var(--color-slate-300);color:var(--color-slate-600)}:where(:root:not([data-theme=light])) .preset-card:not([aria-checked=true]) .preset-desc{color:var(--color-slate-500)}:where(:root:not([data-theme=light])) .preset-card:hover{border-color:var(--color-brand-500);background:#3b82f61a}:where(:root:not([data-theme=light])) .preset-card[aria-checked=true]{border-color:var(--color-brand-500);background:#3b82f626;color:var(--color-brand-100)}:where(:root:not([data-theme=light])) .preset-card[aria-checked=true] .preset-desc{color:#93c5fd}:where(:root:not([data-theme=light])) .og-preset-color[data-color="#000000"].active{box-shadow:0 0 0 2px var(--color-brand-500),0 0 0 4px var(--color-slate-100)}}:where(:root[data-theme=dark]) .select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}:where(:root[data-theme=dark]) .palette-swatch{border-color:var(--color-slate-100)}:where(:root[data-theme=dark]) .palette-color:not(:has(.skeleton)):after{color:var(--color-slate-900);background:#0f172af5;border:1px solid rgba(148,163,184,.45)}:where(:root[data-theme=dark]) .color-swatch{border-color:#94a3b84d}:where(:root[data-theme=dark]) .color-swatch.selected{border-color:var(--color-brand-500);box-shadow:0 0 0 2px var(--color-slate-50),0 0 0 4px var(--color-brand-500)}:where(:root[data-theme=dark]) .preset-card:not([aria-checked=true]){background:var(--color-slate-100);border-color:var(--color-slate-300);color:var(--color-slate-600)}:where(:root[data-theme=dark]) .preset-card:not([aria-checked=true]) .preset-desc{color:var(--color-slate-500)}:where(:root[data-theme=dark]) .preset-card:hover{border-color:var(--color-brand-500);background:#3b82f61a}:where(:root[data-theme=dark]) .preset-card[aria-checked=true]{border-color:var(--color-brand-500);background:#3b82f626;color:var(--color-brand-100)}:where(:root[data-theme=dark]) .preset-card[aria-checked=true] .preset-desc{color:#93c5fd}:where(:root[data-theme=dark]) .og-preset-color[data-color="#000000"].active{box-shadow:0 0 0 2px var(--color-brand-500),0 0 0 4px var(--color-slate-100)}.back-nav-btn{display:inline-flex;align-items:center;gap:4px;padding:var(--space-1) 0;background:none;border:none;cursor:pointer;font-size:.75rem;font-weight:500;color:var(--color-slate-400);transition:color var(--transition-fast)}.back-nav-btn:hover{color:var(--color-brand-600)}@media (min-width: 768px){.back-nav-btn{display:none}}.project-status{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--text-meta);font-weight:600;white-space:nowrap;color:var(--color-ink-soft)}.project-status:before{content:"";width:.4rem;height:.4rem;border-radius:var(--shape-round);background:currentColor}.project-status[hidden]{display:none}.project-status--ok{color:var(--color-success)}.project-status--warn{color:var(--color-caution-fg)}.project-status--bad{color:var(--color-danger-fg)}.project-status--busy{color:var(--color-ink-soft)}.onboarding-overlay{position:fixed;inset:0;z-index:var(--z-onboarding);display:flex;align-items:center;justify-content:center;background:#0f172a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-slow)}.onboarding-overlay.visible{opacity:1}.onboarding-card{background:#fffffff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl),0 0 0 1px #0000000d;padding:var(--space-10) var(--space-8);max-width:420px;width:90vw;text-align:center;transform:scale(.95);opacity:0;transition:transform .4s var(--ease-out-expo),opacity .4s var(--ease-out-expo)}.onboarding-overlay.visible .onboarding-card{transform:scale(1);opacity:1}.onboarding-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--color-brand-50);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--color-brand-600)}.onboarding-title{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--color-slate-900);margin:0 0 var(--space-2);line-height:1.2}.onboarding-subtitle{font-family:var(--font-sans);font-size:var(--text-15);color:var(--color-slate-500);margin:0 0 var(--space-6);line-height:1.5}.onboarding-actions{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-4)}.onboarding-btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-brand-600);color:var(--color-spot-ink);font-family:var(--font-sans);font-weight:600;font-size:var(--text-md);border-radius:var(--radius-lg);border:none;cursor:pointer;box-shadow:0 2px 8px var(--color-brand-600-shadow);transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.onboarding-btn-primary:hover{background:var(--color-brand-700);box-shadow:0 4px 12px var(--color-brand-600-shadow-hover);transform:translateY(-1px)}.onboarding-btn-primary:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.onboarding-btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:transparent;color:var(--color-brand-600);font-family:var(--font-sans);font-weight:600;font-size:var(--text-md);border-radius:var(--radius-lg);border:1.5px solid var(--color-brand-200);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.onboarding-btn-secondary:hover{background:var(--color-brand-50);border-color:var(--color-brand-500);transform:translateY(-1px)}.onboarding-btn-secondary:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.onboarding-skip{background:none;border:none;color:var(--color-slate-400);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.onboarding-skip:hover{color:var(--color-slate-600)}.onboarding-skip:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.onboarding-skip__note{color:var(--color-slate-400);font-size:var(--text-meta)}.onboarding-card{position:relative}.onboarding-close{position:absolute;top:var(--space-3);right:var(--space-3);display:inline-flex;align-items:center;justify-content:center;min-width:var(--chrome-control-h);min-height:var(--chrome-control-h);border:0;border-radius:var(--shape-control);background:transparent;color:var(--color-slate-400);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.onboarding-close:hover{color:var(--color-slate-600);background:var(--color-slate-100)}.onboarding-close:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.onboarding-note{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border:1px solid var(--color-hairline, var(--color-slate-200));background:var(--color-brand-50);color:var(--color-slate-700);font-size:var(--text-xs);line-height:1.45}.onboarding-note__text{flex:1;margin:0}.onboarding-note__dismiss{flex-shrink:0;padding:2px;color:var(--color-slate-500);background:transparent;border:0;cursor:pointer}.onboarding-note__dismiss:hover{color:var(--color-slate-800)}@keyframes hintAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onboarding-sample-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-top:var(--space-2);background:var(--color-brand-50);border:1px solid var(--color-brand-100);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-brand-700);animation:hintAppear .35s var(--ease-out-expo) forwards}.onboarding-sample-badge button{background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);padding:0;border-radius:var(--radius-xs)}.onboarding-sample-badge button:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:1px}.onboarding-badge-upload{color:var(--color-brand-600);font-weight:600;text-decoration:underline;text-underline-offset:2px}.onboarding-badge-upload:hover{color:var(--color-brand-700)}.onboarding-badge-dismiss{color:var(--color-slate-400);margin-left:auto}.onboarding-badge-dismiss:hover{color:var(--color-slate-600)}@media (prefers-color-scheme: dark){:where(:root:not([data-theme=light])) .onboarding-overlay{background:#0009}:where(:root:not([data-theme=light])) .onboarding-card{background:#1e293bf7;box-shadow:var(--shadow-xl),0 0 0 1px #ffffff0f}:where(:root:not([data-theme=light])) .onboarding-icon{background:#2563eb26}:where(:root:not([data-theme=light])) .onboarding-title{color:var(--color-slate-900)}:where(:root:not([data-theme=light])) .onboarding-subtitle{color:var(--color-slate-500)}:where(:root:not([data-theme=light])) .onboarding-btn-secondary{color:var(--color-brand-300);border-color:var(--color-slate-300)}:where(:root:not([data-theme=light])) .onboarding-btn-secondary:hover{background:#2563eb1a;border-color:var(--color-brand-500)}:where(:root:not([data-theme=light])) .onboarding-skip{color:var(--color-slate-500)}:where(:root:not([data-theme=light])) .onboarding-skip:hover{color:var(--color-slate-700)}:where(:root:not([data-theme=light])) .onboarding-sample-badge{background:#2563eb1a;border-color:#2563eb33;color:var(--color-brand-300)}:where(:root:not([data-theme=light])) .onboarding-badge-upload{color:var(--color-brand-400)}:where(:root:not([data-theme=light])) .onboarding-badge-upload:hover{color:var(--color-brand-300)}}:where(:root[data-theme=dark]) .onboarding-overlay{background:#0009}:where(:root[data-theme=dark]) .onboarding-card{background:#1e293bf7;box-shadow:var(--shadow-xl),0 0 0 1px #ffffff0f}:where(:root[data-theme=dark]) .onboarding-icon{background:#2563eb26}:where(:root[data-theme=dark]) .onboarding-title{color:var(--color-slate-900)}:where(:root[data-theme=dark]) .onboarding-subtitle{color:var(--color-slate-500)}:where(:root[data-theme=dark]) .onboarding-btn-secondary{color:var(--color-brand-300);border-color:var(--color-slate-300)}:where(:root[data-theme=dark]) .onboarding-btn-secondary:hover{background:#2563eb1a;border-color:var(--color-brand-500)}:where(:root[data-theme=dark]) .onboarding-skip{color:var(--color-slate-500)}:where(:root[data-theme=dark]) .onboarding-skip:hover{color:var(--color-slate-700)}:where(:root[data-theme=dark]) .onboarding-sample-badge{background:#2563eb1a;border-color:#2563eb33;color:var(--color-brand-300)}:where(:root[data-theme=dark]) .onboarding-badge-upload{color:var(--color-brand-400)}:where(:root[data-theme=dark]) .onboarding-badge-upload:hover{color:var(--color-brand-300)}@media (max-width: 767px){.onboarding-actions{flex-direction:column}.onboarding-btn-primary,.onboarding-btn-secondary{width:100%;justify-content:center}}#preview-processing-overlay.processing-overlay-compact{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#before-canvas.live-trace-ghost{opacity:calc(.35 - .25 * var(--trace-progress, 0));transition:opacity var(--transition-slow);clip-path:none!important}#comparison-container.live-trace-active:after{content:"";position:absolute;top:0;bottom:0;left:calc(var(--trace-progress, 0) * 100%);width:2px;margin-left:-1px;background:linear-gradient(to bottom,transparent,rgba(59,130,246,.55) 30%,rgba(59,130,246,.55) 70%,transparent);transition:left var(--transition-slow),opacity var(--transition-base);pointer-events:none;z-index:5}@media (prefers-reduced-motion: reduce){#comparison-container.live-trace-active:after{content:none}}.progress-phase-ticks{position:absolute;inset:0;pointer-events:none}.progress-phase-ticks span{position:absolute;top:0;bottom:0;width:1.5px;left:var(--tick-left, 0%);background:#ffffffa6;box-shadow:0 0 0 .5px #1e24331f}.mobile-processing-bar,#comparison-container[aria-busy=true]{position:relative}.vector-preview-busy-overlay{opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.vector-preview-busy-overlay.vector-preview-busy-visible{opacity:1;visibility:visible}#vtracer-settings.vector-preview-pending{box-shadow:inset 0 0 0 1px #2563eb59;border-radius:var(--shape-control)}@media (prefers-reduced-motion: reduce){.vector-preview-busy-overlay,.onboarding-overlay{transition:none}.onboarding-card{transition:none;transform:none;opacity:1}.onboarding-sample-badge{animation:none;opacity:1}}@keyframes whatsnewDotIn{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.whatsnew-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:var(--shape-round);background:var(--color-brand-500);box-shadow:0 0 0 1.5px var(--color-surface);pointer-events:none;z-index:1;animation:whatsnewDotIn var(--motion-pop-duration) var(--ease-out-expo) 1 backwards}.whatsnew-dot-host{position:relative}.whatsnew-dot--clearing{opacity:0;transform:scale(.5);transition:opacity var(--transition-base),transform var(--transition-base)}@keyframes whatsnewDotPulse{0%,to{box-shadow:0 0 0 1.5px var(--whatsnew-dot-ring, var(--color-surface)),0 0 0 0 transparent}50%{box-shadow:0 0 0 1.5px var(--whatsnew-dot-ring, var(--color-surface)),0 0 0 5px var(--whatsnew-dot-glow, rgba(37, 99, 235, .15))}}.whatsnew-dot--pulsing{animation:whatsnewDotPulse 1.8s ease-in-out 2}@keyframes whatsnewAnchorPulse{0%,to{box-shadow:0 0 #2563eb00}50%{box-shadow:0 0 0 5px #2563eb26}}.whatsnew-anchor-pulse{animation:whatsnewAnchorPulse 1.8s ease-in-out 2;border-radius:inherit}@keyframes whatsnewRowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.whatsnew-row{animation:whatsnewRowIn var(--transition-duration-base) var(--ease-out-expo) 1 backwards;animation-delay:calc(var(--stagger-delay) * var(--row-i, 0))}.whatsnew-row-dot{display:inline-block;width:6px;height:6px;border-radius:var(--shape-round);background:var(--color-brand-500);flex-shrink:0}.whatsnew-row-dot.whatsnew-dot--clearing{opacity:0;transform:scale(.5);transition:opacity var(--transition-base),transform var(--transition-base)}.whatsnew-footer-fade{transition:opacity var(--transition-fast)}@media (prefers-color-scheme: dark){:where(:root:not([data-theme=light])) .whatsnew-dot{box-shadow:0 0 0 1.5px var(--color-slate-800)}:where(:root:not([data-theme=light])) .whatsnew-dot{--whatsnew-dot-ring: var(--color-slate-800);--whatsnew-dot-glow: rgba(96, 165, 250, .2)}}:where(:root[data-theme=dark]) .whatsnew-dot{box-shadow:0 0 0 1.5px var(--color-slate-800)}:where(:root[data-theme=dark]) .whatsnew-dot{--whatsnew-dot-ring: var(--color-slate-800);--whatsnew-dot-glow: rgba(96, 165, 250, .2)}@media (prefers-reduced-motion: reduce){.whatsnew-dot,.whatsnew-dot--pulsing,.whatsnew-anchor-pulse,.whatsnew-row{animation:none}.whatsnew-dot--clearing,.whatsnew-row-dot.whatsnew-dot--clearing,.whatsnew-footer-fade{transition:none}}.health-chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-chip__caret{font-size:var(--text-meta);opacity:.5;flex-shrink:0}.health-chip__dot{width:.5rem;height:.5rem;border-radius:var(--radius-full);flex-shrink:0;background:var(--color-ink-soft)}.health-chip__dot[data-tone=ok]{background:var(--color-success)}.health-chip__dot[data-tone=note]{background:var(--color-ink-soft)}.health-chip__dot[data-tone=warn]{background:var(--color-caution-fg)}.health-chip__dot[data-tone=bad]{background:var(--color-danger-fg)}.health-chip__dot[data-tone=unknown]{background:transparent;border:1px solid var(--color-slate-400)}.health-chip--busy{opacity:.7}.toggle-btn{border:1px solid var(--color-slate-200);background:#fff;color:var(--color-slate-700);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.toggle-btn:hover{background:var(--color-slate-50);border-color:var(--color-slate-300)}.toggle-btn[aria-pressed=true]{border-color:var(--color-brand-500);background:var(--color-brand-50);color:var(--color-brand-700)}.toggle-btn[aria-pressed=true]:hover{background:var(--color-brand-100);border-color:var(--color-brand-600)}.toggle-btn:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:1px}@media (prefers-color-scheme: dark){:where(:root:not([data-theme=light])) .toggle-btn{border-color:var(--color-slate-300);background:var(--color-slate-100);color:var(--color-slate-600)}:where(:root:not([data-theme=light])) .toggle-btn:hover{background:var(--color-slate-200);border-color:var(--color-slate-400)}:where(:root:not([data-theme=light])) .toggle-btn[aria-pressed=true]{border-color:var(--color-brand-500);background:#1e3a8a66;color:#93c5fd}:where(:root:not([data-theme=light])) .toggle-btn[aria-pressed=true]:hover{background:#1e3a8aad;border-color:var(--color-brand-400)}}:where(:root[data-theme=dark]) .toggle-btn{border-color:var(--color-slate-300);background:var(--color-slate-100);color:var(--color-slate-600)}:where(:root[data-theme=dark]) .toggle-btn:hover{background:var(--color-slate-200);border-color:var(--color-slate-400)}:where(:root[data-theme=dark]) .toggle-btn[aria-pressed=true]{border-color:var(--color-brand-500);background:#1e3a8a66;color:#93c5fd}:where(:root[data-theme=dark]) .toggle-btn[aria-pressed=true]:hover{background:#1e3a8aad;border-color:var(--color-brand-400)}.health-chip.hidden{display:none}.health{border:1px solid var(--color-hairline);border-radius:var(--shape-control);padding:12px 14px;background:var(--color-surface-raised, transparent)}.health__recheck{margin-left:auto;font-size:11px;font-weight:600;color:var(--color-ink-soft);padding:2px 8px;border-radius:var(--shape-control);border:1px solid var(--color-hairline);background:transparent;cursor:pointer}.health__recheck:hover:not(:disabled){color:var(--color-ink)}.health__recheck:disabled{opacity:.5;cursor:default}.health__row{display:grid;grid-template-columns:minmax(6.5rem,auto) 1fr auto auto;align-items:baseline;gap:8px;padding:5px 0;border-top:1px solid var(--color-hairline)}.health__row:first-child{border-top:0}.health__label{font-size:11.5px;color:var(--color-ink-soft)}.health__status{font-size:11.5px;font-weight:600;color:var(--color-ink);display:flex;align-items:baseline;gap:7px}.health__status:before{content:"";flex:none;width:7px;height:7px;border-radius:var(--shape-round);transform:translateY(-1px);background:var(--color-ink-soft)}.health__status[data-tone=ok]:before{background:var(--color-success)}.health__status[data-tone=note]:before{background:var(--color-ink-soft)}.health__status[data-tone=warn]:before{background:var(--color-caution-fg)}.health__status[data-tone=bad]:before{background:var(--color-danger-fg)}.health__status[data-tone=unknown]{color:var(--color-ink-soft);font-style:italic}.health__status[data-tone=unknown]:before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--color-ink-soft)}.health__see{font-size:var(--text-meta);font-weight:600;color:var(--color-ink-soft);padding:0 6px;border:0;background:transparent;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.health__see:hover{color:var(--color-ink)}.health__more{font-size:var(--text-meta);font-weight:600;color:var(--color-ink-soft);padding:0 6px;border-radius:var(--shape-control);border:1px solid var(--color-hairline);background:transparent;cursor:pointer}.health__detail,.health__finding{grid-column:1 / -1;margin-top:3px;color:var(--color-ink-soft);font-size:11px;line-height:1.5;text-wrap:pretty}.health__findings{grid-column:1 / -1;margin:4px 0 0;padding-left:14px;list-style:disc}.health__finding--unknown{font-style:italic}.health__summary{margin-top:9px;padding-top:8px;border-top:1px solid var(--color-hairline);font-size:11px;color:var(--color-ink-soft)}.health__summary[data-tone=bad]{color:var(--color-ink)}.health__row--skeleton .health__label,.health__row--skeleton .health__status{min-height:12px;border-radius:var(--shape-control);background:var(--color-hairline);opacity:.5}.health__row--skeleton .health__status:before{display:none}.health--busy{opacity:.75}.ta-switch{width:36px;height:21px;border-radius:var(--shape-pill);background:var(--color-slate-300);position:relative;transition:background var(--transition-duration-base) var(--ease-out-expo)}.ta-switch>span{position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:var(--shape-round);background:#fff;box-shadow:var(--elevation-1);transition:transform var(--transition-duration-base) var(--ease-out-expo)}.ta-switch[aria-checked=true]{background:var(--color-brand-600)}.ta-switch[aria-checked=true]>span{transform:translate(15px)}.ta-switch:focus-visible{outline:2px solid var(--color-brand-600);outline-offset:2px}.ta-tile{display:flex;flex-direction:column;gap:2px;padding:8px;text-align:left;border:1.5px solid var(--color-hairline);border-radius:var(--shape-control);background:var(--color-paper-raised);transition:border-color var(--transition-duration-base) var(--ease-out-expo),background var(--transition-duration-base) var(--ease-out-expo)}.ta-tile:hover{border-color:var(--color-slate-300)}.ta-tile[aria-pressed=true]{border-color:var(--color-brand-600);background:var(--color-brand-50)}.ta-tile[aria-pressed=true] .ta-tile__name{color:var(--color-brand-600)}.ta-tile__name{font-size:11.5px;font-weight:650;color:var(--color-ink)}.ta-tile__desc{font-size:var(--text-meta);line-height:1.25;color:var(--color-ink-soft)}.snippets-disclosure{border:1px solid var(--color-hairline);border-radius:var(--shape-control);background:var(--color-paper-raised);overflow:hidden}.snippets-disclosure.hidden{display:none}.snippets-disclosure__summary{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;font-size:12px;font-weight:650;color:var(--color-ink-soft);list-style:none;transition:background var(--transition-duration-fast) var(--ease-out-expo)}.snippets-disclosure__summary::-webkit-details-marker{display:none}.snippets-disclosure__summary:hover{background:var(--color-slate-50, #f8fafc);color:var(--color-ink)}.snippets-disclosure__summary:focus-visible{outline:2px solid var(--color-brand-600);outline-offset:-2px}.snippets-disclosure__caret{font-size:11px;transition:transform var(--transition-duration-base) var(--ease-out-expo)}.snippets-disclosure[open] .snippets-disclosure__caret{transform:rotate(90deg)}.snippets-disclosure__count{margin-left:auto;font-size:11px;font-weight:600;color:var(--color-ink-faint, #94a3b8)}.snippets-disclosure>div{padding:0 12px 12px}@media (max-width: 767px){#preview-panel{display:flex;position:absolute;inset:0;z-index:0}#app-controls{position:absolute;inset:auto 0 0;z-index:30;width:100%!important;height:var(--sheet-height, 172px);border-right:none;border-radius:0;box-shadow:var(--shadow-sheet);transition:height .42s cubic-bezier(.22,1.2,.36,1);overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}#app-controls.is-dragging{transition:none}#controls-scroll-area{padding-left:15px;padding-right:15px;padding-bottom:var(--space-4)}#app-controls[data-detent=peek] #controls-scroll-area,#app-controls[data-detent=peek] .sheet-step-head{display:none}.sheet-step-head{padding:2px 15px 11px}.action-bar{display:block;position:static;margin:0}.mobile-sheet-grab{display:block;flex:none;padding:9px 0 4px;cursor:grab;touch-action:none}.mobile-sheet-grab:before{content:"";display:block;width:var(--sheet-handle-width);height:var(--sheet-handle-height);margin:0 auto;border-radius:var(--sheet-handle-radius);background:var(--sheet-handle-color)}#history-timeline{display:none!important}#preview-panel.history-timeline-visible{--canvas-island-bottom: calc(var(--sheet-height, 172px) + 12px)}.canvas-island__btn--mobile-only{display:flex}.canvas-island [data-island-action=zoom-in],.canvas-island [data-island-action=zoom-out],.canvas-island [data-island-action=recolour],.canvas-island [data-island-action=erase],.canvas-island [data-island-action=copy-hex],.canvas-island #island-zoom-readout,.canvas-island #island-fill,.canvas-island #island-reset-btn{display:none}.canvas-island__persistent:first-child>.canvas-island__divider{display:none}.canvas-island__set[data-island-set=colour]>.ctx-div{display:none}.island-scope__long{display:none}.island-scope__short{display:inline}.canvas-island__scope button{padding:4px 7px}.canvas-island{gap:6px;padding:8px 10px;max-width:calc(100% - 1rem);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.canvas-island::-webkit-scrollbar{display:none}.canvas-island__persistent,.canvas-island__set{scroll-snap-align:start}#preview-panel{--canvas-island-bottom: calc(var(--sheet-height, 172px) + 12px);--canvas-chrome-top: 8px;--canvas-chrome-inset: 8px;--canvas-tabs-h: 40px}.ws-camera-bar{bottom:calc(var(--sheet-height, 172px) + 12px)}#mobile-stage-chrome{display:flex;flex:none;flex-direction:column;width:100%;background:var(--color-paper-raised);border-top:1px solid var(--color-hairline);z-index:var(--z-sticky)}#mobile-stage-chrome>.action-bar{width:100%;border-top:0;border-bottom:1px solid var(--color-hairline)}#mobile-stage-bar{display:flex;flex:none;align-items:stretch;gap:0;padding:0 0 var(--safe-area-bottom);background:var(--color-paper-raised);border-top:0;z-index:auto}#mobile-stage-bar.hidden{display:none}.stage-bar__btn{position:relative;flex:1 1 0;min-width:0;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 2px;border-radius:0;color:var(--color-slate-400);background:var(--color-paper-raised);transition:background var(--transition-duration-fast) var(--ease-out-expo),color var(--transition-duration-fast) var(--ease-out-expo)}.stage-bar__btn+.stage-bar__btn{border-left:1px solid var(--color-hairline)}.stage-bar__btn:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background var(--transition-duration-fast) var(--ease-out-expo)}.stage-bar__icon{font-size:17px;line-height:1}.stage-bar__label{font-size:var(--text-meta);font-weight:700;letter-spacing:.02em;line-height:1.05;max-width:100%;overflow:hidden;max-height:2.1em;white-space:normal}.stage-bar__mark{position:absolute;top:5px;right:6px;width:8px;height:8px;display:none;background:var(--color-success)}.stage-bar__btn--done .stage-bar__mark{display:block;animation:stage-mark-pop var(--transition-duration-base) var(--ease-out-expo)}.stage-bar__btn--stale .stage-bar__mark{display:block;background:var(--color-warning);animation:none}.stage-bar__btn--busy .stage-bar__icon{animation:spin 1s linear infinite}.stage-bar__btn[aria-current=step]{background:var(--color-paper);color:var(--color-spot-text)}.stage-bar__btn[aria-current=step]:before{background:var(--color-spot)}.stage-bar__btn--next:before{animation:stage-plate-blink 1.4s steps(1) 2}.stage-bar__btn:active{background:var(--color-slate-100)}.stage-bar__btn:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:-2px}@keyframes stage-mark-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes stage-plate-blink{0%,49%{background:var(--color-spot)}50%,to{background:transparent}}#app-controls[data-stage]>#controls-scroll-area>#section-ai,#app-controls[data-stage]>#controls-scroll-area>#section-edit,#app-controls[data-stage]>#controls-scroll-area>#section-export,#app-controls[data-stage]>#controls-scroll-area>#refine-divider,#app-controls[data-stage]>#controls-scroll-area>#export-divider{display:none}#app-controls[data-stage=upload]>#controls-scroll-area>#section-ai,#app-controls[data-stage=bg]>#controls-scroll-area>#section-edit,#app-controls[data-stage=crop]>#controls-scroll-area>#section-edit,#app-controls[data-stage=process]>#controls-scroll-area>#section-edit,#app-controls[data-stage=export]>#controls-scroll-area>#section-export{display:block}.header-brand-mark,#quick-save-btn,body.is-signed-in #whats-new-btn{display:none}#preview-mode-tabs{top:var(--canvas-chrome-top);right:var(--canvas-chrome-inset);left:var(--canvas-chrome-inset)}#preview-mode-tabs .chrome-tab{flex:1;padding-left:0;padding-right:0;text-align:center}.chrome-stack>#canvas-status-chip,.chrome-stack>#health-chip{display:none}.chrome-stack{top:calc(var(--canvas-chrome-top) + var(--canvas-tabs-h) + var(--canvas-chrome-top));bottom:auto;left:var(--canvas-chrome-inset);max-width:calc(100% - (var(--canvas-chrome-inset) * 2))}#app-controls[data-detent=full]~#preview-panel #canvas-status-stack,#app-controls[data-detent=full]~#preview-panel #edit-island{display:none}#app-controls[data-stage=bg] .step-accordion:not([data-step=bg]),#app-controls[data-stage=crop] .step-accordion:not([data-step=crop]),#app-controls[data-stage=process] .step-accordion:not([data-step=process]){display:none}#app-controls[data-stage] .step-accordion .step-accordion-body{grid-template-rows:1fr}#app-controls[data-stage] .step-accordion .step-accordion-inner{padding:0 14px 12px;opacity:1;transform:none}#app-controls[data-stage] .step-row-header{pointer-events:none;cursor:default}#app-controls[data-stage] .step-accordion-head{padding-right:0}#app-controls[data-stage] .step-row-chevron,#app-controls[data-stage] .step-header-apply{display:none}#app-controls[data-stage]>#controls-scroll-area>*{margin-top:0}body.sheet-no-canvas #preview-panel{display:flex}body.sheet-no-canvas #create-stage{position:absolute;inset:0;z-index:var(--z-controls);display:flex;align-items:center;align-items:safe center;justify-content:center;overflow-y:auto;padding:var(--space-4) var(--space-4) var(--space-8)}body.sheet-no-canvas #create-workspace{width:min(100%,480px);background:transparent;border:0;box-shadow:none;padding:0}body.sheet-no-canvas #app-controls{display:none}#label-original,#label-vector{bottom:auto;top:var(--space-4)}}[data-quiet-focus]:focus,[data-quiet-focus]:focus-visible{outline:none}@media (prefers-reduced-motion: reduce){#app-controls{transition-duration:.01ms}}#canvas-zoom-container.is-sampling{cursor:crosshair}#canvas-zoom-content.is-reflowing{transition:top .42s cubic-bezier(.22,1.2,.36,1)}@media (prefers-reduced-motion: reduce){#canvas-zoom-content.is-reflowing{transition:none}}.canvas-island__scope{display:inline-flex;gap:2px;padding:2px;border-radius:var(--shape-control);background:var(--color-slate-100);flex:none}.canvas-island__scope button{padding:4px 9px;border-radius:var(--shape-control);font-size:11.5px;font-weight:650;color:var(--color-ink-soft);white-space:nowrap;transition:background var(--transition-duration-fast) var(--ease-out-expo),color var(--transition-duration-fast) var(--ease-out-expo)}@media (min-width: 768px){.island-scope__short{display:none}}.canvas-island__scope button[aria-pressed=true]{background:var(--color-paper-raised);color:var(--color-ink);box-shadow:var(--elevation-1)}.canvas-island__fill{display:inline-flex;align-items:center;gap:7px;padding:0 6px;flex:none}.canvas-island__fill input[type=range]{width:92px;height:20px}.canvas-island__fill output{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-ink-soft);min-width:30px;text-align:right}.canvas-island__set[data-scope=image] .canvas-island__fill output:after{content:""}.export-group__title{margin:0 0 4px;padding:0 12px;font-size:var(--text-11);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-slate-500)}.export-kit-group{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-hairline, var(--color-slate-200))}.export-basename{display:grid;gap:4px}.export-basename__label{font-size:var(--text-xs);font-weight:600;color:var(--color-slate-600)}.export-basename__input{width:100%;padding:6px 10px;font-size:var(--text-sm);color:var(--color-slate-900);background:var(--color-paper-raised, #fff);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg)}.export-basename__input:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:1px}.export-basename__hint{margin:0;font-size:var(--text-11);color:var(--color-slate-500)}.bar-review-btn{background:transparent;border:0;padding:0;cursor:pointer}.bar-review-btn__action{color:var(--color-brand-600);font-weight:600}.bar-review-btn:hover .bar-review-btn__action{text-decoration:underline}.save-nudge{flex-wrap:wrap;align-items:center}.save-nudge__actions{display:flex;gap:8px}.save-nudge__save,.save-nudge__dismiss{padding:3px 10px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-lg);cursor:pointer}.save-nudge__save{color:var(--color-spot-ink);background:var(--color-brand-600);border:1px solid var(--color-brand-600)}.save-nudge__save:hover{background:var(--color-brand-700)}.save-nudge__dismiss{color:var(--color-slate-600);background:transparent;border:1px solid var(--color-slate-200)}[data-locked=pro]{border:1px dashed var(--color-slate-300);color:var(--color-slate-500);cursor:pointer}[data-locked=pro]:hover,[data-locked=pro]:focus-visible{border-color:var(--color-brand-400);color:var(--color-brand-600)}[data-locked=pro][disabled]{opacity:.45;cursor:default}.lock-pill{display:inline-flex;align-items:center;gap:2px;margin-left:4px;padding:2px 4px;background:var(--color-ink);color:var(--color-paper);font-family:var(--font-mono);font-size:var(--text-meta);font-weight:700;letter-spacing:.04em;line-height:1;vertical-align:middle}.lock-pill i{font-size:var(--text-meta)}.upgrade-reason{margin:0;padding:8px 12px;font-size:var(--text-sm);color:var(--color-slate-800);background:var(--color-brand-50);border:1px solid var(--color-brand-100)}.plan-pro__head{position:sticky;top:-24px;z-index:1;padding:8px 0;background:var(--color-paper-raised, #fff)}@media (max-width: 767px){.plan-pro__head{position:static;display:contents}#pro-action-area{position:sticky;bottom:-24px;z-index:1;padding:8px 0;background:var(--color-paper-raised, #fff)}}.plan-more{margin-top:2px}.plan-more__summary{cursor:pointer;font-size:var(--text-xs);font-weight:600;color:var(--color-slate-600)}.plan-more__summary:hover{color:var(--color-brand-600)}.plan-more__list{margin:10px 0 0;padding:0;list-style:none}.project-row-menu{position:absolute;z-index:20;min-width:160px;padding:4px 0;background:var(--color-paper-raised, #fff);border:1px solid var(--color-hairline, var(--color-slate-200));box-shadow:var(--shadow-lg)}.project-row-menu [role=menuitem]{display:flex;align-items:center;gap:8px;width:100%;padding:7px 12px;font-size:var(--text-sm);text-align:left;color:var(--color-slate-700);background:transparent;border:0;cursor:pointer}.project-row-menu [role=menuitem]:hover,.project-row-menu [role=menuitem]:focus-visible{background:var(--color-slate-50);outline:none}.project-row-menu [role=menuitem].is-danger{color:var(--color-error)}.project-list-rename{flex:1;min-width:0;margin:4px 8px;padding:4px 8px;font-size:var(--text-sm);color:var(--color-slate-900);background:var(--color-paper-raised, #fff);border:1px solid var(--color-brand-400)}.project-list-tools{display:flex;gap:6px;padding:8px 10px;border-bottom:1px solid var(--color-hairline, var(--color-slate-100))}.project-list-tools[hidden]{display:none}.project-list-search{flex:1;min-width:0;padding:4px 8px;font-size:var(--text-xs);border:1px solid var(--color-slate-200);background:var(--color-paper-raised, #fff);color:var(--color-slate-900)}.project-list-sort{padding:4px 6px;font-size:var(--text-xs);border:1px solid var(--color-slate-200);background:var(--color-paper-raised, #fff);color:var(--color-slate-700)}.project-card-more{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-slate-600);background:var(--color-paper-raised, #fff);border:1px solid var(--color-hairline, var(--color-slate-200));box-shadow:var(--shadow-sm);cursor:pointer}.project-card-more:hover,.project-card-more:focus-visible,.project-card-more[aria-expanded=true]{color:var(--color-brand-600)}.share-state-chip{display:inline-flex;align-items:center;padding:1px 8px;font-size:var(--text-xs);font-weight:600;white-space:nowrap;color:var(--color-slate-600);background:var(--color-slate-50);border:1px solid var(--color-slate-200)}.share-state-chip.hidden{display:none}.share-state-chip[data-share-state=live]{color:#047857;background:#10b9811a;border-color:#10b98159}.share-state-chip[data-share-state=stale]{color:#b45309;background:#f59e0b1f;border-color:#f59e0b66}.share-manifest-block{margin-bottom:var(--space-2)}.share-manifest-title{font-size:var(--text-sm);font-weight:500;color:var(--color-slate-700);margin-bottom:var(--space-1)}.share-manifest{display:grid;gap:2px;margin:0;padding:0;list-style:none}.share-manifest-row{position:relative;padding-left:14px;font-size:var(--text-xs);color:var(--color-slate-600)}.share-manifest-row:before{content:"";position:absolute;left:2px;top:.55em;width:5px;height:5px;background:var(--color-slate-400)}.shared-pages-list{max-height:300px;margin:0;padding:0;overflow-y:auto;list-style:none}.shared-page-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-slate-100)}.shared-page-text{display:flex;flex:1;flex-direction:column;min-width:0}.shared-page-name{overflow:hidden;font-size:var(--text-sm);font-weight:500;color:var(--color-slate-800);text-overflow:ellipsis;white-space:nowrap}.shared-page-meta{display:flex;gap:6px;min-width:0;font-size:var(--text-xs);color:var(--color-slate-500)}.shared-page-path{overflow:hidden;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.shared-page-project{white-space:nowrap}.shared-page-project:before{content:"·";margin-right:6px;color:var(--color-slate-300)}.shared-page-project--deleted{font-weight:500;color:#b45309}.shared-page-actions{display:flex;flex-shrink:0;gap:4px}.shared-page-action{padding:4px 8px;font-size:var(--text-xs);font-weight:500;color:var(--color-slate-700);text-decoration:none;background:var(--color-paper-raised, #fff);border:1px solid var(--color-slate-200);cursor:pointer}.shared-page-action:hover{background:var(--color-slate-50)}.shared-page-offline{color:var(--color-error)}.shared-pages-empty{padding:var(--space-6) 0;font-size:var(--text-sm);text-align:center;color:var(--color-slate-400)}@media (prefers-color-scheme: dark){:where(:root:not([data-theme=light])) .glass-panel{background:#0f172af2;border-color:#33415580}:where(:root:not([data-theme=light])) .custom-scroll::-webkit-scrollbar-thumb{background-color:var(--color-slate-300, #475569)}:where(:root:not([data-theme=light])) .nav-step.active-step{background-color:var(--color-slate-100, #1e293b);color:var(--color-slate-900, #f8fafc)}}:where(:root[data-theme=dark]) .glass-panel{background:#0f172af2;border-color:#33415580}:where(:root[data-theme=dark]) .custom-scroll::-webkit-scrollbar-thumb{background-color:var(--color-slate-300, #475569)}:where(:root[data-theme=dark]) .nav-step.active-step{background-color:var(--color-slate-100, #1e293b);color:var(--color-slate-900, #f8fafc)}.theme-control__label{padding:6px 12px 2px;font-size:var(--text-meta);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-slate-500)}.theme-control__check{visibility:hidden;color:var(--color-spot-text)}.theme-control__option[aria-checked=true]{color:var(--color-slate-900);font-weight:500}.theme-control__option[aria-checked=true] .theme-control__check{visibility:visible}.chrome-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:6px 11px;border:1px solid var(--chrome-hairline);border-radius:var(--chrome-radius-panel);background:var(--chrome-bg);backdrop-filter:blur(var(--chrome-blur));-webkit-backdrop-filter:blur(var(--chrome-blur));box-shadow:var(--chrome-shadow);color:var(--color-ink-soft);font-family:inherit;font-size:var(--text-xs);font-weight:600;line-height:1.3;white-space:nowrap;transition:color var(--transition-duration-base) var(--ease-out-expo),border-color var(--transition-duration-fast) var(--ease-out-expo)}.chrome-chip.hidden{display:none}button.chrome-chip{cursor:pointer}button.chrome-chip:hover{color:var(--color-ink);border-color:var(--color-slate-300)}button.chrome-chip:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.chrome-chip[data-tone=ok]{--chip-tone: var(--chip-tone-ok)}.chrome-chip[data-tone=warn]{--chip-tone: var(--chip-tone-warn)}.chrome-chip[data-tone=bad]{--chip-tone: var(--chip-tone-bad)}.chrome-chip[data-tone=busy]{--chip-tone: var(--chip-tone-busy)}.chrome-chip[data-tone=info]{--chip-tone: var(--chip-tone-info)}.chrome-chip__text{min-width:0;overflow:hidden;text-overflow:ellipsis}.chrome-chip__caret{flex-shrink:0;font-size:var(--text-meta);opacity:.5;transition:transform var(--transition-duration-fast) var(--ease-out-expo)}.chrome-chip[aria-expanded=true] .chrome-chip__caret{transform:rotate(180deg)}.chrome-chip[data-kind=verdict],button.chrome-chip[data-kind=verdict]:hover{color:var(--chip-tone, var(--color-ink-soft))}.chrome-chip__glyph{flex-shrink:0;font-weight:700}.chrome-chip__glyph:empty{display:none}.chrome-popover{width:min(320px,calc(100vw - 2rem));padding:10px 12px;border:1px solid var(--chrome-hairline);border-radius:var(--chrome-radius-panel);background:var(--chrome-bg-strong);backdrop-filter:blur(var(--chrome-blur-panel));-webkit-backdrop-filter:blur(var(--chrome-blur-panel));box-shadow:var(--chrome-shadow);color:var(--color-ink);font-size:var(--text-xs)}.chrome-popover[hidden]{display:none}.chrome-stack:not([data-preview-mode=comparison])>#quality-chip,.chrome-stack:not([data-preview-mode=comparison])>#quality-popover{display:none}.quality-stats{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.quality-stats dt{color:var(--color-ink-soft);font-weight:500}.quality-stats dd{margin:0;font-family:var(--font-mono);font-weight:600;text-align:right}.quality-stats__note{margin:6px 0 0;font-size:var(--text-meta);color:var(--color-ink-soft)}.quality-stats__note[hidden]{display:none}.verdict{font-weight:600}.verdict--ok{color:var(--chip-tone-ok)}.verdict--info{color:var(--chip-tone-info)}.verdict--warn{color:var(--chip-tone-warn)}.verdict--bad{color:var(--chip-tone-bad)}.chrome-chip__dot{width:7px;height:7px;flex-shrink:0;border-radius:var(--shape-round);background:var(--chip-tone, var(--color-ink-soft))}.chrome-chip .chrome-chip__action{padding:1px 7px;border:1px solid color-mix(in srgb,var(--chip-tone, var(--color-spot)) 45%,transparent);border-radius:var(--shape-control);background:color-mix(in srgb,var(--chip-tone, var(--color-spot)) 10%,transparent);color:var(--chip-tone, var(--color-spot-text));font:inherit;font-weight:700;cursor:pointer}.chrome-chip .chrome-chip__action:hover{background:color-mix(in srgb,var(--chip-tone, var(--color-spot)) 18%,transparent)}.chrome-chip .chrome-chip__action:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:1px}.advice-note{--chip-tone: var(--chip-tone-warn);display:block;padding:10px 12px;border:1px solid var(--color-hairline);border-inline-start:3px solid var(--chip-tone);border-radius:var(--shape-control);background:color-mix(in srgb,var(--chip-tone) 8%,var(--color-paper-raised));color:var(--color-ink)}.advice-note.hidden{display:none}.advice-note[data-tone=bad]{--chip-tone: var(--chip-tone-bad)}.advice-note[data-tone=info]{--chip-tone: var(--chip-tone-info)}.advice-note__icon{color:var(--chip-tone)}.advice-note__body{color:var(--color-ink-soft)}.canvas-rail__more{display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:0 3px;border:1px solid var(--chrome-hairline);border-radius:var(--shape-control);background:var(--chrome-bg-strong);color:var(--color-ink-soft);font-family:var(--font-mono);font-size:var(--text-meta);font-weight:700;line-height:1;cursor:pointer}.canvas-rail__more:hover{color:var(--color-ink);border-color:var(--color-slate-300)}.canvas-rail__more:focus-visible{outline:2px solid var(--color-brand-600);outline-offset:2px}@media (max-width: 767px){.canvas-rail__more{min-width:32px;min-height:32px}}.palette-rail--overflow{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent)}.palette-rail.is-highlighted{box-shadow:0 0 0 2px var(--color-spot);transition:box-shadow var(--transition-duration-base) var(--ease-out-expo)}.placeholder\:text-slate-300::-moz-placeholder{color:var(--color-slate-300)}.placeholder\:text-slate-300::placeholder{color:var(--color-slate-300)}.placeholder\:text-slate-400::-moz-placeholder{color:var(--color-slate-400)}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}.hover\:border-blue-300:hover{--tw-border-opacity: 1;border-color:rgb(var(--color-brand-300-rgb) / var(--tw-border-opacity, 1))}.hover\:border-brand-200:hover{--tw-border-opacity: 1;border-color:rgb(var(--color-brand-200-rgb) / var(--tw-border-opacity, 1))}.hover\:border-brand-300:hover{--tw-border-opacity: 1;border-color:rgb(var(--color-brand-300-rgb) / var(--tw-border-opacity, 1))}.hover\:border-brand-400:hover{--tw-border-opacity: 1;border-color:rgb(var(--color-brand-400-rgb) / var(--tw-border-opacity, 1))}.hover\:border-orange-300:hover{--tw-border-opacity: 1;border-color:rgb(var(--color-amber-300-rgb) / var(--tw-border-opacity, 1))}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:border-slate-400:hover{border-color:var(--color-slate-400)}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-brand-700-rgb) / var(--tw-bg-opacity, 1))}.hover\:bg-brand-50:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-brand-50-rgb) / var(--tw-bg-opacity, 1))}.hover\:bg-brand-500:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-brand-500-rgb) / var(--tw-bg-opacity, 1))}.hover\:bg-brand-600:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-brand-600-rgb) / var(--tw-bg-opacity, 1))}.hover\:bg-brand-700:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-brand-700-rgb) / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-green-700-rgb) / var(--tw-bg-opacity, 1))}.hover\:bg-orange-50:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-amber-50-rgb) / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-red-50-rgb) / var(--tw-bg-opacity, 1))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-red-500-rgb) / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-red-600-rgb) / var(--tw-bg-opacity, 1))}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-300:hover{background-color:var(--color-slate-300)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-paper-raised-rgb) / var(--tw-bg-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(var(--color-brand-800-rgb) / var(--tw-text-opacity, 1))}.hover\:text-brand-500:hover{--tw-text-opacity: 1;color:rgb(var(--color-brand-500-rgb) / var(--tw-text-opacity, 1))}.hover\:text-brand-600:hover{--tw-text-opacity: 1;color:rgb(var(--color-brand-600-rgb) / var(--tw-text-opacity, 1))}.hover\:text-brand-700:hover{--tw-text-opacity: 1;color:rgb(var(--color-brand-700-rgb) / var(--tw-text-opacity, 1))}.hover\:text-brand-800:hover{--tw-text-opacity: 1;color:rgb(var(--color-brand-800-rgb) / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(var(--color-red-500-rgb) / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(var(--color-red-600-rgb) / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(var(--color-red-700-rgb) / var(--tw-text-opacity, 1))}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:ring-brand-500:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-brand-500-rgb) / var(--tw-ring-opacity, 1))}.focus\:border-brand-500:focus{--tw-border-opacity: 1;border-color:rgb(var(--color-brand-500-rgb) / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(var(--color-paper-raised-rgb) / var(--tw-bg-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset: inset}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-brand-500-rgb) / var(--tw-ring-opacity, 1))}.focus\:ring-brand-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-brand-300-rgb) / var(--tw-ring-opacity, 1))}.focus\:ring-brand-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-brand-400-rgb) / var(--tw-ring-opacity, 1))}.focus\:ring-brand-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-brand-500-rgb) / var(--tw-ring-opacity, 1))}.focus\:ring-brand-600:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-brand-600-rgb) / var(--tw-ring-opacity, 1))}.focus\:ring-slate-900:focus{--tw-ring-color: var(--color-slate-900)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-brand-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-brand-500-rgb) / var(--tw-ring-opacity, 1))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-slate-400:disabled{color:var(--color-slate-400)}.disabled\:no-underline:disabled{text-decoration-line:none}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:bg-brand-600:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(var(--color-brand-600-rgb) / var(--tw-bg-opacity, 1))}.disabled\:hover\:shadow-md:hover:disabled{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:inline{display:inline}.group:hover .group-hover\:hidden{display:none}.group:hover .group-hover\:border-orange-400{--tw-border-opacity: 1;border-color:rgb(var(--color-amber-400-rgb) / var(--tw-border-opacity, 1))}.group:hover .group-hover\:bg-brand-50{--tw-bg-opacity: 1;background-color:rgb(var(--color-brand-50-rgb) / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:text-brand-600{--tw-text-opacity: 1;color:rgb(var(--color-brand-600-rgb) / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-orange-500{--tw-text-opacity: 1;color:rgb(var(--color-amber-500-rgb) / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-orange-600{--tw-text-opacity: 1;color:rgb(var(--color-amber-600-rgb) / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-red-600{--tw-text-opacity: 1;color:rgb(var(--color-red-600-rgb) / var(--tw-text-opacity, 1))}.group:focus-visible .group-focus-visible\:inline{display:inline}.group:focus-visible .group-focus-visible\:hidden{display:none}.group:focus-visible .group-focus-visible\:text-red-600{--tw-text-opacity: 1;color:rgb(var(--color-red-600-rgb) / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:h-64{height:16rem}.sm\:w-auto{width:auto}.sm\:flex-1{flex:1 1 0%}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-stretch{align-items:stretch}}@media (min-width: 768px){.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-2{gap:.5rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}.toast-container{--surface-card: var(--color-paper-raised);--surface-hover: color-mix(in srgb, var(--color-paper-raised) 88%, var(--color-ink) 12%);--text-primary: var(--color-ink);--text-heading: var(--color-ink);--text-muted: var(--color-ink-soft);--border-default: var(--color-hairline);--border-subtle: var(--color-hairline);--border-medium: color-mix(in srgb, var(--color-ink) 20%, transparent);--elev-sm: var(--elevation-1);--elev-lg: var(--elevation-3);--status-success: var(--chip-tone-ok);--status-danger: var(--chip-tone-bad);--status-warning: var(--chip-tone-warn);--status-info: var(--chip-tone-info);--accent: var(--color-brand-600);--ref-radius-sm: var(--radius-sm);--ref-radius-md: var(--radius-lg);--ref-radius-pill: var(--radius-full);--ref-weight-semibold: 600;--ref-weight-bold: 700;--type-base: var(--text-md);--type-sm: var(--text-sm);--type-xs: var(--text-xs);--dur-flow: var(--transition-duration-slow);--dur-instant: 50ms;--ease-out: var(--ease-out-expo);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--toast-surface: var(--surface-card);--toast-surface-hover: var(--surface-hover);--toast-text: var(--text-primary);--toast-heading: var(--text-heading);--toast-muted: var(--text-muted);--toast-border: var(--border-default);--toast-border-subtle: var(--border-subtle);--toast-shadow: var(--elev-lg);--toast-success: var(--status-success);--toast-error: var(--status-danger);--toast-warning: var(--status-warning);--toast-info: var(--status-info);--toast-loading: var(--accent);--toast-progress-track: color-mix(in srgb, var(--toast-muted) 18%, transparent);--toast-z: var(--z-toast, 350)}.toast-container{position:fixed;right:calc(1.25rem + env(safe-area-inset-right,0px));bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));z-index:var(--toast-z);display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;pointer-events:none}.toast{--toast-tone: var(--toast-info);position:relative;isolation:isolate;overflow:hidden;pointer-events:auto;display:flex;align-items:flex-start;gap:.65rem;min-width:14rem;max-width:min(30rem,calc(100vw - 2.5rem));padding:.7rem .65rem .7rem .85rem;border:1px solid var(--toast-border);border-inline-start:3px solid var(--toast-tone);border-radius:var(--ref-radius-md);background:var(--toast-surface);color:var(--toast-text);box-shadow:var(--toast-shadow);font-size:var(--type-base);opacity:0;transform:translateY(.75rem);transition:opacity var(--dur-flow) var(--ease-out),transform var(--dur-flow) var(--ease-out)}.toast-success,.toast[data-type=success]{--toast-tone: var(--toast-success)}.toast-error,.toast[data-type=error]{--toast-tone: var(--toast-error)}.toast-warning,.toast[data-type=warning]{--toast-tone: var(--toast-warning)}.toast-info,.toast[data-type=info]{--toast-tone: var(--toast-info)}.toast-loading,.toast[data-type=loading],.toast[data-loading=true]{--toast-tone: var(--toast-loading)}.toast-show{opacity:1;transform:translateY(0)}.toast-hide{opacity:0;transform:translateY(.75rem)}.toast-icon{flex:0 0 auto;display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:var(--ref-radius-pill);background:color-mix(in srgb,var(--toast-tone) 14%,transparent);color:var(--toast-tone);font-size:var(--type-sm);font-weight:var(--ref-weight-bold);line-height:1}.toast-success .toast-icon:empty:before,.toast[data-type=success] .toast-icon:empty:before{content:"✓"}.toast-error .toast-icon:empty:before,.toast[data-type=error] .toast-icon:empty:before{content:"×"}.toast-warning .toast-icon:empty:before,.toast[data-type=warning] .toast-icon:empty:before{content:"!"}.toast-info .toast-icon:empty:before,.toast[data-type=info] .toast-icon:empty:before{content:"i"}.toast-loading .toast-icon:empty:before,.toast[data-type=loading] .toast-icon:empty:before,.toast[data-loading=true] .toast-icon:empty:before{content:"";width:.85rem;height:.85rem;border:2px solid color-mix(in srgb,var(--toast-tone) 28%,transparent);border-top-color:var(--toast-tone);border-radius:var(--shape-round);animation:toast-spinner .75s linear infinite}.toast-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:.12rem;padding-block:.12rem}.toast-message,.toast-title,.toast-detail,.toast-undo-message{overflow-wrap:anywhere;line-height:1.4}.toast-title{color:var(--toast-heading);font-weight:var(--ref-weight-semibold)}.toast-detail{color:var(--toast-muted);font-size:var(--type-sm)}.toast-action-btn{flex:0 0 auto;align-self:center;margin-inline-start:auto;padding:.3rem .6rem;border:1px solid var(--border-medium);border-radius:var(--ref-radius-sm);background:transparent;color:var(--accent);font:inherit;font-size:var(--type-sm);font-weight:var(--ref-weight-semibold);cursor:pointer}.toast-action-btn:hover{background:var(--toast-surface-hover)}.toast-action-btn:focus-visible,.toast-close-btn:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.toast-close-btn{flex:0 0 auto;align-self:flex-start;display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;margin:-.15rem -.15rem -.15rem 0;padding:0;border:0;border-radius:var(--ref-radius-sm);background:transparent;color:var(--toast-muted);font:inherit;font-size:1.2rem;line-height:1;cursor:pointer}.toast-close-btn:hover,.toast-close-btn:focus-visible{background:var(--toast-surface-hover);color:var(--toast-text)}.toast-overflow-indicator{align-self:flex-end;padding:.2rem .55rem;border:1px solid var(--toast-border-subtle);border-radius:var(--ref-radius-pill);background:var(--toast-surface);color:var(--toast-muted);box-shadow:var(--elev-sm);font-size:var(--type-xs);font-weight:var(--ref-weight-semibold);pointer-events:none}.toast-timer-progress,.toast-progress--timed{position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--toast-tone);transform:scaleX(1);transform-origin:left center;animation:toast-timer-drain var(--toast-countdown, 4s) linear forwards;pointer-events:none}.toast.is-paused .toast-timer-progress,.toast[data-paused=true] .toast-timer-progress,.toast.is-paused .toast-progress--timed,.toast[data-paused=true] .toast-progress--timed{animation-play-state:paused}.toast-loading-progress,.toast-progress--indeterminate{position:absolute;right:0;bottom:0;left:0;height:3px;overflow:hidden;background:var(--toast-progress-track);pointer-events:none}.toast-loading-progress:after,.toast-progress--indeterminate:after{content:"";display:block;width:42%;height:100%;border-radius:inherit;background:var(--toast-tone);transform:translate(-120%);animation:toast-loading-slide 1.15s var(--ease-in-out, ease-in-out) infinite}.toast-progress{align-items:center;gap:.55rem}.toast-undo{align-items:center}.toast-undo-message{min-width:0;flex:1 1 auto}.toast-undo-countdown{flex:0 0 auto;color:var(--toast-muted);font-size:var(--type-sm);font-variant-numeric:tabular-nums}@keyframes toast-spinner{to{transform:rotate(360deg)}}@keyframes toast-timer-drain{to{transform:scaleX(0)}}@keyframes toast-loading-slide{50%{transform:translate(140%)}to{transform:translate(340%)}}@media (max-width: 767px){.toast-container{top:calc(env(safe-area-inset-top,0px) + var(--header-height, 56px) + .75rem);right:calc(.75rem + env(safe-area-inset-right,0px));bottom:auto;left:calc(.75rem + env(safe-area-inset-left,0px));align-items:stretch}.toast{width:100%;min-width:0;max-width:none;flex-wrap:wrap;padding-inline-end:2.9rem}.toast-copy{min-width:55%}.toast-message,.toast-detail,.toast-undo-message{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toast-action-btn{min-height:2.75rem;padding-inline:.75rem;max-width:100%}.toast-close-btn{position:absolute;top:.3rem;right:.3rem;width:2.75rem;height:2.75rem;margin:0}}@media (prefers-reduced-motion: reduce){.toast{transform:none;transition:opacity var(--dur-instant, 90ms) linear}.toast-hide{transform:none}.toast-icon:before,.toast-timer-progress,.toast-progress--timed,.toast-loading-progress:after,.toast-progress--indeterminate:after{animation:none}.toast-timer-progress,.toast-progress--timed{transform:scaleX(1)}}.toast[data-type=error]{--chip-tone: var(--toast-error)}.toast[data-type=warning]{--chip-tone: var(--toast-warning)}.toast[data-type=error],.toast[data-type=warning]{border-inline-start-width:4px}.toast[data-type=error] .toast-action-btn,.toast[data-type=warning] .toast-action-btn{border-color:color-mix(in srgb,var(--chip-tone) 45%,transparent);border-radius:var(--shape-control);background:color-mix(in srgb,var(--chip-tone) 10%,transparent);color:var(--chip-tone);font-weight:var(--ref-weight-bold)}.toast[data-type=error] .toast-action-btn:hover,.toast[data-type=warning] .toast-action-btn:hover{background:color-mix(in srgb,var(--chip-tone) 18%,transparent)}