[data-theme=dark],:root{--bg-app: #09090b;--bg-panel: #18181b;--bg-canvas: #0f0f10;--bg-card: #18181b;--bg-input: #27272a;--bg-hover: #27272a;--bg-secondary: #0f0f11;--bg-elevated: #1a1a1f;--bg-elevated-end: #141418;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-disabled: #52525b;--text-inverse: #09090b;--border-default: #3f3f46;--border-hover: #52525b;--border-subtle: rgba(255, 255, 255, .06);--border-emphasis: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-subtle: rgba(99, 102, 241, .1);--color-primary-muted: rgba(99, 102, 241, .2);--color-primary-emphasis: rgba(99, 102, 241, .3);--color-purple: #8b5cf6;--color-purple-light: #a78bfa;--color-purple-subtle: rgba(139, 92, 246, .15);--color-purple-muted: rgba(139, 92, 246, .2);--color-purple-emphasis: rgba(139, 92, 246, .3);--color-blue: #3b82f6;--color-blue-subtle: rgba(59, 130, 246, .15);--color-success: #22c55e;--color-success-subtle: rgba(34, 197, 94, .1);--color-success-muted: rgba(34, 197, 94, .2);--color-success-text: #aff5b4;--color-success-bg: #033a16;--color-warning: #f59e0b;--color-warning-subtle: rgba(245, 158, 11, .1);--color-warning-muted: rgba(245, 158, 11, .2);--color-error: #ef4444;--color-error-subtle: rgba(239, 68, 68, .1);--color-error-muted: rgba(239, 68, 68, .2);--color-error-text: #ffdcd7;--color-error-bg: #67060c;--color-info: #0ea5e9;--color-info-subtle: rgba(14, 165, 233, .1);--overlay-backdrop: rgba(0, 0, 0, .6);--overlay-light: rgba(0, 0, 0, .5);--overlay-subtle: rgba(0, 0, 0, .3);--overlay-heavy: rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-xl: 0 2px 12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 12px rgba(139, 92, 246, .15);--shadow-glow-strong: 0 4px 16px rgba(139, 92, 246, .2);--gradient-header: linear-gradient(180deg, #1a1a1f 0%, #141418 100%);--gradient-header-shine: linear-gradient(180deg, rgba(255, 255, 255, .03) 0%, transparent 100%);--gradient-accent: linear-gradient(135deg, rgba(139, 92, 246, .15) 0%, rgba(59, 130, 246, .15) 100%);--gradient-accent-hover: linear-gradient(135deg, rgba(139, 92, 246, .25) 0%, rgba(59, 130, 246, .25) 100%);--gradient-accent-subtle: linear-gradient(135deg, rgba(139, 92, 246, .08) 0%, rgba(59, 130, 246, .08) 100%);--gradient-brand: linear-gradient(135deg, #f4f4f5 0%, #a1a1aa 100%);--hover-bg-subtle: rgba(255, 255, 255, .04);--hover-bg-default: rgba(255, 255, 255, .05);--hover-bg-emphasis: rgba(255, 255, 255, .08);--hover-bg-strong: rgba(255, 255, 255, .1);--hover-bg-intense: rgba(255, 255, 255, .15);--active-bg: rgba(255, 255, 255, .12);--focus-ring: 0 0 0 2px rgba(99, 102, 241, .2);--selection-bg: rgba(99, 102, 241, .3);--scrollbar-track: var(--bg-panel);--scrollbar-thumb: var(--border-default);--scrollbar-thumb-hover: var(--border-hover);--tooltip-bg: #fafafa;--tooltip-text: #333333;--tooltip-text-muted: #666666;--tooltip-border: #e0e0e0;--tooltip-border-subtle: #eeeeee;--tooltip-code-text: #c41a16;--tooltip-code-bg: #fff5f5;--syntax-text: #c9d1d9;--syntax-keyword: #ff7b72;--syntax-function: #d2a8ff;--syntax-variable: #79c0ff;--syntax-string: #a5d6ff;--syntax-builtin: #ffa657;--syntax-comment: #8b949e;--syntax-tag: #7ee787;--syntax-section: #1f6feb;--syntax-bullet: #f2cc60;--syntax-addition-text: #aff5b4;--syntax-addition-bg: #033a16;--syntax-deletion-text: #ffdcd7;--syntax-deletion-bg: #67060c;--gradient-panel: linear-gradient(135deg, #1a1a1f 0%, #141418 100%);--gradient-canvas: linear-gradient(135deg, #0f0f10 0%, rgba(15, 15, 16, .95) 100%);--gradient-accent-line: linear-gradient(90deg, transparent, rgba(139, 92, 246, .3), rgba(59, 130, 246, .3), transparent);--gradient-tool-icon: linear-gradient(135deg, rgba(139, 92, 246, .2) 0%, rgba(59, 130, 246, .15) 100%);--border-tool-icon: rgba(139, 92, 246, .25);--shadow-tool-icon: 0 0 20px rgba(139, 92, 246, .15);--gradient-selected: linear-gradient(135deg, rgba(139, 92, 246, .08) 0%, rgba(59, 130, 246, .05) 100%);--shadow-selected: 0 0 0 3px rgba(139, 92, 246, .2), 0 4px 20px rgba(139, 92, 246, .15);--border-selected: rgba(139, 92, 246, .3);--gradient-hover-accent: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(59, 130, 246, .08) 100%);--border-hover-accent: rgba(139, 92, 246, .2);--shadow-hover-accent: 0 2px 8px rgba(139, 92, 246, .1);--gradient-expanded: linear-gradient(135deg, rgba(139, 92, 246, .08) 0%, rgba(59, 130, 246, .06) 100%);--border-expanded: rgba(139, 92, 246, .15);--gradient-tab-active: linear-gradient(135deg, rgba(139, 92, 246, .15) 0%, rgba(59, 130, 246, .1) 100%);--shadow-tab-active: 0 0 12px rgba(139, 92, 246, .15);--gradient-view-tab-active: linear-gradient(135deg, rgba(139, 92, 246, .2) 0%, rgba(59, 130, 246, .15) 100%);--shadow-view-tab-active: 0 0 8px rgba(139, 92, 246, .2);--shadow-input-focus: 0 0 0 3px rgba(139, 92, 246, .15), 0 0 20px rgba(139, 92, 246, .1);--shadow-input-focus-sm: 0 0 0 3px rgba(139, 92, 246, .15), 0 0 16px rgba(139, 92, 246, .1);--gradient-btn-primary: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--shadow-btn-primary: 0 2px 8px rgba(139, 92, 246, .3);--shadow-btn-primary-hover: 0 4px 16px rgba(139, 92, 246, .4);--gradient-connector: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--gradient-connector-vertical: linear-gradient(180deg, #8b5cf6 0%, #3b82f6 100%);--shadow-connector: 0 0 8px rgba(139, 92, 246, .4);--shadow-connector-line: 0 0 6px rgba(139, 92, 246, .3);--gradient-success-icon: linear-gradient(135deg, rgba(34, 197, 94, .1) 0%, rgba(34, 197, 94, .05) 100%);--border-success-icon: rgba(34, 197, 94, .25);--gradient-progress: linear-gradient(90deg, #8b5cf6 0%, #3b82f6 100%);--gradient-type-input: linear-gradient(135deg, rgba(139, 92, 246, .2) 0%, rgba(139, 92, 246, .1) 100%);--border-type-input: rgba(139, 92, 246, .25);--gradient-type-output: linear-gradient(135deg, rgba(34, 197, 94, .2) 0%, rgba(34, 197, 94, .1) 100%);--border-type-output: rgba(34, 197, 94, .25);--bg-badge-type: rgba(139, 92, 246, .1);--border-badge-type: rgba(139, 92, 246, .2);--bg-badge-size: rgba(59, 130, 246, .1);--border-badge-size: rgba(59, 130, 246, .2);--bg-badge-time: rgba(34, 197, 94, .1);--border-badge-time: rgba(34, 197, 94, .2);--gradient-empty-icon: linear-gradient(135deg, rgba(139, 92, 246, .15) 0%, rgba(59, 130, 246, .1) 100%);--border-empty-icon: rgba(139, 92, 246, .2);--gradient-empty-icon-subtle: linear-gradient(135deg, rgba(139, 92, 246, .12) 0%, rgba(59, 130, 246, .08) 100%);--bg-empty-hint: rgba(139, 92, 246, .08);--border-empty-hint: rgba(139, 92, 246, .15);--shadow-pulse-start: 0 0 40px rgba(139, 92, 246, .15), inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-pulse-end: 0 0 60px rgba(139, 92, 246, .25), inset 0 1px 0 rgba(255, 255, 255, .05);--border-pulse-ring: rgba(139, 92, 246, .3);--gradient-error: linear-gradient(135deg, rgba(239, 68, 68, .1) 0%, rgba(239, 68, 68, .05) 100%);--border-error-state: rgba(239, 68, 68, .2);--bg-error-node: rgba(239, 68, 68, .1);--border-error-node: rgba(239, 68, 68, .2);--shadow-error-node: 0 0 0 3px rgba(239, 68, 68, .15);--shadow-warning: 0 0 0 3px rgba(245, 158, 11, .15), 0 4px 16px rgba(245, 158, 11, .1);--bg-warning-action: rgba(245, 158, 11, .15);--shadow-success: 0 0 0 3px rgba(34, 197, 94, .15);--bg-header-section: rgba(0, 0, 0, .2);--bg-header-section-strong: rgba(0, 0, 0, .25);--bg-options-group: rgba(0, 0, 0, .2);--bg-content-section: rgba(0, 0, 0, .15);--bg-empty-container: rgba(0, 0, 0, .2);--bg-drop-zone: rgba(0, 0, 0, .15);--bg-end-drop-zone: rgba(0, 0, 0, .1);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-panel: 0 4px 16px rgba(0, 0, 0, .2), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-settings-panel: -8px 0 32px rgba(0, 0, 0, .4);--shadow-node: 0 2px 8px rgba(0, 0, 0, .15);--shadow-node-hover: 0 4px 16px rgba(0, 0, 0, .2);--bg-stat-badge: rgba(139, 92, 246, .08);--border-stat-badge: rgba(139, 92, 246, .15);--bg-action-hover: rgba(139, 92, 246, .1);--border-action-hover: rgba(139, 92, 246, .4);--bg-code-inline: rgba(110, 118, 129, .2);--bg-code-stripe: rgba(110, 118, 129, .1);--gradient-executing: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);--shadow-executing: 0 2px 8px rgba(245, 158, 11, .3);--bg-tabs-section: rgba(0, 0, 0, .15);--border-tab-active: rgba(139, 92, 246, .3);--gradient-drop-zone-hover: linear-gradient(135deg, rgba(139, 92, 246, .08) 0%, rgba(59, 130, 246, .05) 100%);--shadow-drop-zone-hover: 0 0 30px rgba(139, 92, 246, .1);--gradient-drop-icon: linear-gradient(135deg, rgba(139, 92, 246, .2) 0%, rgba(59, 130, 246, .15) 100%);--border-drop-icon: rgba(139, 92, 246, .25);--shadow-drop-icon: 0 4px 12px rgba(139, 92, 246, .15);--shadow-drop-icon-hover: 0 8px 20px rgba(139, 92, 246, .25);--border-spinner: rgba(139, 92, 246, .2);--border-spinner-light: rgba(255, 255, 255, .3);--border-error: rgba(239, 68, 68, .25);--border-tab-active-strong: rgba(139, 92, 246, .35);--shadow-tab-active-sm: 0 0 10px rgba(139, 92, 246, .15);--shadow-header: 0 1px 4px rgba(0, 0, 0, .15);--gradient-panel-glass: linear-gradient(135deg, rgba(26, 26, 31, .95) 0%, rgba(20, 20, 24, .9) 100%);--border-panel-glass: rgba(255, 255, 255, .06);--shadow-panel-glass: 0 8px 32px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .03);--gradient-panel-header: linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .01) 100%);--border-panel-header: rgba(255, 255, 255, .08);--shadow-panel-header-glow: 0 1px 0 rgba(139, 92, 246, .1);--gradient-icon-premium: linear-gradient(135deg, rgba(139, 92, 246, .25) 0%, rgba(59, 130, 246, .2) 100%);--border-icon-premium: rgba(139, 92, 246, .35);--shadow-icon-premium: 0 4px 16px rgba(139, 92, 246, .25), inset 0 1px 0 rgba(255, 255, 255, .1);--shadow-icon-premium-hover: 0 8px 24px rgba(139, 92, 246, .35), inset 0 1px 0 rgba(255, 255, 255, .15);--gradient-btn-premium: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #3b82f6 100%);--shadow-btn-premium: 0 4px 16px rgba(139, 92, 246, .35), 0 0 0 1px rgba(139, 92, 246, .2);--shadow-btn-premium-hover: 0 8px 24px rgba(139, 92, 246, .45), 0 0 0 1px rgba(139, 92, 246, .3);--gradient-input-bg: linear-gradient(180deg, rgba(39, 39, 42, .8) 0%, rgba(39, 39, 42, 1) 100%);--border-input-subtle: rgba(255, 255, 255, .08);--shadow-input-inner: inset 0 2px 4px rgba(0, 0, 0, .2);--shadow-input-focus-premium: 0 0 0 3px rgba(139, 92, 246, .2), 0 0 24px rgba(139, 92, 246, .15), inset 0 2px 4px rgba(0, 0, 0, .1);--gradient-badge-premium: linear-gradient(135deg, rgba(139, 92, 246, .12) 0%, rgba(59, 130, 246, .08) 100%);--border-badge-premium: rgba(139, 92, 246, .2);--shadow-badge-premium: 0 2px 8px rgba(139, 92, 246, .1);--gradient-tab-premium: linear-gradient(135deg, rgba(139, 92, 246, .18) 0%, rgba(59, 130, 246, .12) 100%);--border-tab-premium: rgba(139, 92, 246, .35);--shadow-tab-premium: 0 2px 12px rgba(139, 92, 246, .2);--gradient-empty-premium: linear-gradient(135deg, rgba(139, 92, 246, .08) 0%, rgba(59, 130, 246, .05) 100%);--border-empty-premium: rgba(139, 92, 246, .15);--gradient-output-bg: linear-gradient(180deg, rgba(30, 30, 35, .6) 0%, rgba(25, 25, 30, .8) 100%);--border-output-content: rgba(255, 255, 255, .06);--shadow-output-content: inset 0 2px 8px rgba(0, 0, 0, .15);--gradient-file-download-bg: linear-gradient(135deg, rgba(139, 92, 246, .05) 0%, rgba(59, 130, 246, .03) 100%);--border-file-download: rgba(139, 92, 246, .12);--bg-image-preview: linear-gradient(135deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .2) 100%);--shadow-image-preview: 0 8px 32px rgba(0, 0, 0, .3);--border-image-preview: rgba(255, 255, 255, .06);--bg-dropdown: #1f1f24;--shadow-dropdown: 0 8px 24px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .06);--color-hljs-keyword: #c678dd;--color-hljs-string: #98c379;--color-hljs-number: #d19a66;--color-hljs-function: #61afef;--color-hljs-comment: #5c6370;--color-hljs-class: #e5c07b;--color-hljs-tag: #e06c75;--color-hljs-attr: #d19a66;--color-hljs-builtin: #e5c07b;--bg-code: rgba(0, 0, 0, .2);--border-file-icon: rgba(139, 92, 246, .25);--glow-purple: rgba(139, 92, 246, .4);--glow-purple-subtle: rgba(139, 92, 246, .15);--glow-purple-medium: rgba(139, 92, 246, .3);--glow-blue: rgba(59, 130, 246, .4);--glow-blue-subtle: rgba(59, 130, 246, .05);--glow-success: rgba(34, 197, 94, .4);--glow-success-subtle: rgba(34, 197, 94, .15);--glow-error: rgba(239, 68, 68, .4);--glow-error-subtle: rgba(239, 68, 68, .15);--glow-warning: rgba(245, 158, 11, .5);--gradient-btn-shine: linear-gradient(180deg, rgba(255, 255, 255, .2) 0%, transparent 50%);--color-saffron: #ffb74d;--color-saffron-light: #ffcc80;--color-saffron-dark: #ff9800;--color-coral: #ff8a65;--color-rose: #f06292;--color-orchid: #ba68c8;--gradient-saffron: linear-gradient(135deg, #ffb74d 0%, #ff8a65 50%, #f06292 100%);--gradient-saffron-extended: linear-gradient(135deg, #ffb74d 0%, #ff8a65 40%, #f06292 70%, #ba68c8 100%);--gradient-saffron-horizontal: linear-gradient(90deg, #ffb74d 0%, #f06292 50%, var(--color-purple) 100%);--gradient-saffron-reverse: linear-gradient(135deg, var(--color-purple) 0%, #f06292 100%);--gradient-saffron-simple: linear-gradient(135deg, #ffb74d 0%, #f06292 100%);--gradient-saffron-subtle: linear-gradient(135deg, rgba(255, 183, 77, .05) 0%, rgba(139, 92, 246, .05) 100%);--bg-saffron-orb: radial-gradient(circle, rgba(255, 183, 77, .3) 0%, transparent 70%);--bg-purple-orb: radial-gradient(circle, rgba(139, 92, 246, .25) 0%, transparent 70%);--bg-coral-orb: radial-gradient(circle, rgba(255, 107, 107, .2) 0%, transparent 70%);--glow-saffron: rgba(255, 183, 77, .4);--glow-saffron-subtle: rgba(255, 183, 77, .15);--shadow-saffron: 0 2px 8px rgba(255, 183, 77, .4);--shadow-saffron-hover: 0 4px 12px rgba(255, 183, 77, .5);--gradient-saffron-track: linear-gradient(90deg, rgba(255, 183, 77, .15) 0%, rgba(255, 183, 77, .4) 50%, var(--color-purple) 100%);--bg-sacred-pattern: repeating-conic-gradient(from 0deg, transparent 0deg 10deg, rgba(255, 183, 77, .02) 10deg 20deg);--gradient-japa-dark-bg: linear-gradient(135deg, #0d0d12 0%, #1a1a24 50%, #12121a 100%);--text-japa-dark: #1a1a2e;--bg-media: #000000;--overlay-media-subtle: rgba(0, 0, 0, .4);--overlay-media-light: rgba(0, 0, 0, .5);--overlay-media-medium: rgba(0, 0, 0, .6);--overlay-media-heavy: rgba(0, 0, 0, .7);--overlay-media-dark: rgba(0, 0, 0, .8);--overlay-media-darker: rgba(0, 0, 0, .85);--color-media-text: #ffffff;--color-media-text-muted: rgba(255, 255, 255, .7);--color-media-text-subtle: rgba(255, 255, 255, .8);--bg-media-control: rgba(255, 255, 255, .15);--bg-media-control-hover: rgba(255, 255, 255, .25);--bg-media-control-active: rgba(255, 255, 255, .2);--bg-media-control-subtle: rgba(255, 255, 255, .1);--bg-media-control-muted: rgba(255, 255, 255, .05);--border-media-control: rgba(255, 255, 255, .2);--border-media-control-hover: rgba(255, 255, 255, .4);--border-media-control-subtle: rgba(255, 255, 255, .15);--border-media-control-strong: rgba(255, 255, 255, .5);--shadow-media-text: 0 4px 20px rgba(0, 0, 0, .5);--shadow-media-text-subtle: 0 1px 2px rgba(0, 0, 0, .5);--gradient-media-top-bar: linear-gradient(to bottom, rgba(0, 0, 0, .6), transparent);--gradient-media-bottom-bar: linear-gradient(to top, rgba(0, 0, 0, .7), transparent);--bg-recording: rgba(239, 68, 68, .9);--bg-recording-paused: rgba(245, 158, 11, .9);--color-recording-text: #ffffff;--gradient-camera-overlay: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0%, transparent 40%, transparent 60%, rgba(0, 0, 0, .6) 100%);--bg-flash: rgba(255, 255, 255, .9);--bg-camera-count: rgba(0, 0, 0, .6);--bg-capture-btn: #ffffff;--border-capture-outer: rgba(255, 255, 255, .5);--bg-action-success: rgba(34, 197, 94, .8);--bg-action-success-hover: rgba(34, 197, 94, 1);--bg-action-error: rgba(239, 68, 68, .8);--bg-action-error-hover: rgba(239, 68, 68, 1);--color-btn-text: #ffffff;--color-text-gradient-white: #ffffff;--resizer-bg: transparent;--resizer-bg-hover: var(--color-purple-subtle);--resizer-bg-active: var(--color-purple-muted);--resizer-handle: var(--border-default);--resizer-handle-hover: var(--color-purple);--resizer-handle-active: var(--color-purple-light)}[data-theme=light]{--bg-app: #f9fafb;--bg-panel: #ffffff;--bg-canvas: #f3f4f6;--bg-card: #ffffff;--bg-input: #f3f4f6;--bg-hover: #e5e7eb;--bg-secondary: #f9fafb;--bg-elevated: #ffffff;--bg-elevated-end: #f9fafb;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--text-disabled: #9ca3af;--text-inverse: #ffffff;--border-default: #d1d5db;--border-hover: #9ca3af;--border-subtle: rgba(0, 0, 0, .06);--border-emphasis: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .12);--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-subtle: rgba(79, 70, 229, .1);--color-primary-muted: rgba(79, 70, 229, .2);--color-primary-emphasis: rgba(79, 70, 229, .3);--color-purple: #7c3aed;--color-purple-light: #8b5cf6;--color-purple-subtle: rgba(124, 58, 237, .1);--color-purple-muted: rgba(124, 58, 237, .15);--color-purple-emphasis: rgba(124, 58, 237, .2);--color-blue: #2563eb;--color-blue-subtle: rgba(37, 99, 235, .1);--color-success: #16a34a;--color-success-subtle: rgba(22, 163, 74, .1);--color-success-muted: rgba(22, 163, 74, .15);--color-success-text: #166534;--color-success-bg: #dcfce7;--color-warning: #d97706;--color-warning-subtle: rgba(217, 119, 6, .1);--color-warning-muted: rgba(217, 119, 6, .15);--color-error: #dc2626;--color-error-subtle: rgba(220, 38, 38, .1);--color-error-muted: rgba(220, 38, 38, .15);--color-error-text: #991b1b;--color-error-bg: #fee2e2;--color-info: #0284c7;--color-info-subtle: rgba(2, 132, 199, .1);--overlay-backdrop: rgba(0, 0, 0, .4);--overlay-light: rgba(0, 0, 0, .3);--overlay-subtle: rgba(0, 0, 0, .15);--overlay-heavy: rgba(0, 0, 0, .25);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 4px 12px rgba(0, 0, 0, .1);--shadow-glow: 0 0 10px rgba(124, 58, 237, .1);--shadow-glow-strong: 0 4px 12px rgba(124, 58, 237, .15);--gradient-header: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);--gradient-header-shine: linear-gradient(180deg, rgba(255, 255, 255, .8) 0%, transparent 100%);--gradient-accent: linear-gradient(135deg, rgba(124, 58, 237, .08) 0%, rgba(37, 99, 235, .08) 100%);--gradient-accent-hover: linear-gradient(135deg, rgba(124, 58, 237, .15) 0%, rgba(37, 99, 235, .15) 100%);--gradient-accent-subtle: linear-gradient(135deg, rgba(124, 58, 237, .05) 0%, rgba(37, 99, 235, .05) 100%);--gradient-brand: linear-gradient(135deg, #111827 0%, #4b5563 100%);--hover-bg-subtle: rgba(0, 0, 0, .02);--hover-bg-default: rgba(0, 0, 0, .04);--hover-bg-emphasis: rgba(0, 0, 0, .06);--hover-bg-strong: rgba(0, 0, 0, .08);--hover-bg-intense: rgba(0, 0, 0, .1);--active-bg: rgba(0, 0, 0, .08);--focus-ring: 0 0 0 2px rgba(79, 70, 229, .25);--selection-bg: rgba(79, 70, 229, .2);--scrollbar-track: var(--bg-panel);--scrollbar-thumb: #d1d5db;--scrollbar-thumb-hover: #9ca3af;--tooltip-bg: #1f2937;--tooltip-text: #f3f4f6;--tooltip-text-muted: #9ca3af;--tooltip-border: #374151;--tooltip-border-subtle: #4b5563;--tooltip-code-text: #fca5a5;--tooltip-code-bg: rgba(239, 68, 68, .15);--syntax-text: #24292f;--syntax-keyword: #cf222e;--syntax-function: #8250df;--syntax-variable: #0550ae;--syntax-string: #0a3069;--syntax-builtin: #953800;--syntax-comment: #6e7781;--syntax-tag: #116329;--syntax-section: #0550ae;--syntax-bullet: #9a6700;--syntax-addition-text: #116329;--syntax-addition-bg: #dafbe1;--syntax-deletion-text: #cf222e;--syntax-deletion-bg: #ffebe9;--gradient-panel: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);--gradient-canvas: linear-gradient(135deg, #f3f4f6 0%, rgba(243, 244, 246, .95) 100%);--gradient-accent-line: linear-gradient(90deg, transparent, rgba(124, 58, 237, .25), rgba(37, 99, 235, .25), transparent);--gradient-tool-icon: linear-gradient(135deg, rgba(124, 58, 237, .15) 0%, rgba(37, 99, 235, .1) 100%);--border-tool-icon: rgba(124, 58, 237, .2);--shadow-tool-icon: 0 0 15px rgba(124, 58, 237, .1);--gradient-selected: linear-gradient(135deg, rgba(124, 58, 237, .06) 0%, rgba(37, 99, 235, .04) 100%);--shadow-selected: 0 0 0 3px rgba(124, 58, 237, .15), 0 4px 16px rgba(124, 58, 237, .1);--border-selected: rgba(124, 58, 237, .25);--gradient-hover-accent: linear-gradient(135deg, rgba(124, 58, 237, .08) 0%, rgba(37, 99, 235, .06) 100%);--border-hover-accent: rgba(124, 58, 237, .15);--shadow-hover-accent: 0 2px 8px rgba(124, 58, 237, .08);--gradient-expanded: linear-gradient(135deg, rgba(124, 58, 237, .06) 0%, rgba(37, 99, 235, .04) 100%);--border-expanded: rgba(124, 58, 237, .12);--gradient-tab-active: linear-gradient(135deg, rgba(124, 58, 237, .12) 0%, rgba(37, 99, 235, .08) 100%);--shadow-tab-active: 0 0 10px rgba(124, 58, 237, .1);--gradient-view-tab-active: linear-gradient(135deg, rgba(124, 58, 237, .15) 0%, rgba(37, 99, 235, .1) 100%);--shadow-view-tab-active: 0 0 6px rgba(124, 58, 237, .15);--shadow-input-focus: 0 0 0 3px rgba(124, 58, 237, .12), 0 0 15px rgba(124, 58, 237, .08);--shadow-input-focus-sm: 0 0 0 3px rgba(124, 58, 237, .12), 0 0 12px rgba(124, 58, 237, .08);--gradient-btn-primary: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);--shadow-btn-primary: 0 2px 8px rgba(124, 58, 237, .25);--shadow-btn-primary-hover: 0 4px 16px rgba(124, 58, 237, .35);--gradient-connector: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);--gradient-connector-vertical: linear-gradient(180deg, #7c3aed 0%, #2563eb 100%);--shadow-connector: 0 0 8px rgba(124, 58, 237, .3);--shadow-connector-line: 0 0 6px rgba(124, 58, 237, .25);--gradient-success-icon: linear-gradient(135deg, rgba(22, 163, 74, .08) 0%, rgba(22, 163, 74, .04) 100%);--border-success-icon: rgba(22, 163, 74, .2);--gradient-progress: linear-gradient(90deg, #7c3aed 0%, #2563eb 100%);--gradient-type-input: linear-gradient(135deg, rgba(124, 58, 237, .15) 0%, rgba(124, 58, 237, .08) 100%);--border-type-input: rgba(124, 58, 237, .2);--gradient-type-output: linear-gradient(135deg, rgba(22, 163, 74, .15) 0%, rgba(22, 163, 74, .08) 100%);--border-type-output: rgba(22, 163, 74, .2);--bg-badge-type: rgba(124, 58, 237, .08);--border-badge-type: rgba(124, 58, 237, .15);--bg-badge-size: rgba(37, 99, 235, .08);--border-badge-size: rgba(37, 99, 235, .15);--bg-badge-time: rgba(22, 163, 74, .08);--border-badge-time: rgba(22, 163, 74, .15);--gradient-empty-icon: linear-gradient(135deg, rgba(124, 58, 237, .1) 0%, rgba(37, 99, 235, .07) 100%);--border-empty-icon: rgba(124, 58, 237, .15);--gradient-empty-icon-subtle: linear-gradient(135deg, rgba(124, 58, 237, .08) 0%, rgba(37, 99, 235, .05) 100%);--bg-empty-hint: rgba(124, 58, 237, .06);--border-empty-hint: rgba(124, 58, 237, .12);--shadow-pulse-start: 0 0 30px rgba(124, 58, 237, .1), inset 0 1px 0 rgba(255, 255, 255, .5);--shadow-pulse-end: 0 0 50px rgba(124, 58, 237, .2), inset 0 1px 0 rgba(255, 255, 255, .5);--border-pulse-ring: rgba(124, 58, 237, .25);--gradient-error: linear-gradient(135deg, rgba(220, 38, 38, .08) 0%, rgba(220, 38, 38, .04) 100%);--border-error-state: rgba(220, 38, 38, .15);--bg-error-node: rgba(220, 38, 38, .08);--border-error-node: rgba(220, 38, 38, .15);--shadow-error-node: 0 0 0 3px rgba(220, 38, 38, .12);--shadow-warning: 0 0 0 3px rgba(217, 119, 6, .12), 0 4px 12px rgba(217, 119, 6, .08);--bg-warning-action: rgba(217, 119, 6, .12);--shadow-success: 0 0 0 3px rgba(22, 163, 74, .12);--bg-header-section: rgba(0, 0, 0, .03);--bg-header-section-strong: rgba(0, 0, 0, .04);--bg-options-group: rgba(0, 0, 0, .03);--bg-content-section: rgba(0, 0, 0, .02);--bg-empty-container: rgba(0, 0, 0, .03);--bg-drop-zone: rgba(0, 0, 0, .02);--bg-end-drop-zone: rgba(0, 0, 0, .015);--shadow-modal: 0 20px 50px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .05);--shadow-panel: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .05);--shadow-settings-panel: -8px 0 24px rgba(0, 0, 0, .15);--shadow-node: 0 2px 6px rgba(0, 0, 0, .08);--shadow-node-hover: 0 4px 12px rgba(0, 0, 0, .12);--bg-stat-badge: rgba(124, 58, 237, .06);--border-stat-badge: rgba(124, 58, 237, .12);--bg-action-hover: rgba(124, 58, 237, .08);--border-action-hover: rgba(124, 58, 237, .3);--bg-code-inline: rgba(110, 118, 129, .15);--bg-code-stripe: rgba(110, 118, 129, .08);--gradient-executing: linear-gradient(135deg, #d97706 0%, #c2410c 100%);--shadow-executing: 0 2px 8px rgba(217, 119, 6, .25);--bg-tabs-section: rgba(0, 0, 0, .02);--border-tab-active: rgba(124, 58, 237, .25);--gradient-drop-zone-hover: linear-gradient(135deg, rgba(124, 58, 237, .06) 0%, rgba(37, 99, 235, .04) 100%);--shadow-drop-zone-hover: 0 0 25px rgba(124, 58, 237, .08);--gradient-drop-icon: linear-gradient(135deg, rgba(124, 58, 237, .15) 0%, rgba(37, 99, 235, .1) 100%);--border-drop-icon: rgba(124, 58, 237, .2);--shadow-drop-icon: 0 4px 10px rgba(124, 58, 237, .1);--shadow-drop-icon-hover: 0 8px 16px rgba(124, 58, 237, .2);--border-spinner: rgba(124, 58, 237, .15);--border-spinner-light: rgba(255, 255, 255, .3);--border-error: rgba(220, 38, 38, .2);--border-tab-active-strong: rgba(124, 58, 237, .3);--shadow-tab-active-sm: 0 0 10px rgba(124, 58, 237, .1);--shadow-header: 0 1px 4px rgba(0, 0, 0, .08);--gradient-panel-glass: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(249, 250, 251, .9) 100%);--border-panel-glass: rgba(0, 0, 0, .08);--shadow-panel-glass: 0 8px 32px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .04);--gradient-panel-header: linear-gradient(180deg, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, .4) 100%);--border-panel-header: rgba(0, 0, 0, .08);--shadow-panel-header-glow: 0 1px 0 rgba(124, 58, 237, .08);--gradient-icon-premium: linear-gradient(135deg, rgba(124, 58, 237, .18) 0%, rgba(37, 99, 235, .12) 100%);--border-icon-premium: rgba(124, 58, 237, .25);--shadow-icon-premium: 0 4px 12px rgba(124, 58, 237, .15), inset 0 1px 0 rgba(255, 255, 255, .8);--shadow-icon-premium-hover: 0 8px 20px rgba(124, 58, 237, .25), inset 0 1px 0 rgba(255, 255, 255, .9);--gradient-btn-premium: linear-gradient(135deg, #7c3aed 0%, #4f46e5 50%, #2563eb 100%);--shadow-btn-premium: 0 4px 12px rgba(124, 58, 237, .25), 0 0 0 1px rgba(124, 58, 237, .15);--shadow-btn-premium-hover: 0 8px 20px rgba(124, 58, 237, .35), 0 0 0 1px rgba(124, 58, 237, .2);--gradient-input-bg: linear-gradient(180deg, rgba(243, 244, 246, .8) 0%, rgba(243, 244, 246, 1) 100%);--border-input-subtle: rgba(0, 0, 0, .1);--shadow-input-inner: inset 0 2px 4px rgba(0, 0, 0, .04);--shadow-input-focus-premium: 0 0 0 3px rgba(124, 58, 237, .15), 0 0 20px rgba(124, 58, 237, .1), inset 0 2px 4px rgba(0, 0, 0, .02);--gradient-badge-premium: linear-gradient(135deg, rgba(124, 58, 237, .08) 0%, rgba(37, 99, 235, .05) 100%);--border-badge-premium: rgba(124, 58, 237, .15);--shadow-badge-premium: 0 2px 6px rgba(124, 58, 237, .08);--gradient-tab-premium: linear-gradient(135deg, rgba(124, 58, 237, .12) 0%, rgba(37, 99, 235, .08) 100%);--border-tab-premium: rgba(124, 58, 237, .25);--shadow-tab-premium: 0 2px 10px rgba(124, 58, 237, .12);--gradient-empty-premium: linear-gradient(135deg, rgba(124, 58, 237, .06) 0%, rgba(37, 99, 235, .04) 100%);--border-empty-premium: rgba(124, 58, 237, .1);--gradient-output-bg: linear-gradient(180deg, rgba(243, 244, 246, .6) 0%, rgba(249, 250, 251, .8) 100%);--border-output-content: rgba(0, 0, 0, .08);--shadow-output-content: inset 0 2px 6px rgba(0, 0, 0, .03);--gradient-file-download-bg: linear-gradient(135deg, rgba(124, 58, 237, .04) 0%, rgba(37, 99, 235, .02) 100%);--border-file-download: rgba(124, 58, 237, .1);--bg-image-preview: linear-gradient(135deg, rgba(243, 244, 246, .8) 0%, rgba(243, 244, 246, .6) 100%);--shadow-image-preview: 0 8px 24px rgba(0, 0, 0, .08);--border-image-preview: rgba(0, 0, 0, .08);--bg-dropdown: #ffffff;--shadow-dropdown: 0 8px 24px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .06);--color-hljs-keyword: #a626a4;--color-hljs-string: #50a14f;--color-hljs-number: #986801;--color-hljs-function: #4078f2;--color-hljs-comment: #a0a1a7;--color-hljs-class: #c18401;--color-hljs-tag: #e45649;--color-hljs-attr: #986801;--color-hljs-builtin: #c18401;--bg-code: rgba(0, 0, 0, .03);--border-file-icon: rgba(124, 58, 237, .2);--glow-purple: rgba(124, 58, 237, .35);--glow-purple-subtle: rgba(124, 58, 237, .12);--glow-purple-medium: rgba(124, 58, 237, .25);--glow-blue: rgba(37, 99, 235, .35);--glow-blue-subtle: rgba(37, 99, 235, .04);--glow-success: rgba(22, 163, 74, .35);--glow-success-subtle: rgba(22, 163, 74, .12);--glow-error: rgba(220, 38, 38, .35);--glow-error-subtle: rgba(220, 38, 38, .12);--glow-warning: rgba(217, 119, 6, .4);--gradient-btn-shine: linear-gradient(180deg, rgba(255, 255, 255, .25) 0%, transparent 50%);--color-saffron: #f59e0b;--color-saffron-light: #fbbf24;--color-saffron-dark: #d97706;--color-coral: #fb7185;--color-rose: #ec4899;--color-orchid: #a855f7;--gradient-saffron: linear-gradient(135deg, #f59e0b 0%, #fb7185 50%, #ec4899 100%);--gradient-saffron-extended: linear-gradient(135deg, #f59e0b 0%, #fb7185 40%, #ec4899 70%, #a855f7 100%);--gradient-saffron-horizontal: linear-gradient(90deg, #f59e0b 0%, #ec4899 50%, var(--color-purple) 100%);--gradient-saffron-reverse: linear-gradient(135deg, var(--color-purple) 0%, #ec4899 100%);--gradient-saffron-simple: linear-gradient(135deg, #f59e0b 0%, #ec4899 100%);--gradient-saffron-subtle: linear-gradient(135deg, rgba(245, 158, 11, .08) 0%, rgba(124, 58, 237, .08) 100%);--bg-saffron-orb: radial-gradient(circle, rgba(245, 158, 11, .2) 0%, transparent 70%);--bg-purple-orb: radial-gradient(circle, rgba(124, 58, 237, .15) 0%, transparent 70%);--bg-coral-orb: radial-gradient(circle, rgba(251, 113, 133, .12) 0%, transparent 70%);--glow-saffron: rgba(245, 158, 11, .35);--glow-saffron-subtle: rgba(245, 158, 11, .12);--shadow-saffron: 0 2px 8px rgba(245, 158, 11, .3);--shadow-saffron-hover: 0 4px 12px rgba(245, 158, 11, .4);--gradient-saffron-track: linear-gradient(90deg, rgba(245, 158, 11, .2) 0%, rgba(245, 158, 11, .5) 50%, var(--color-purple) 100%);--bg-sacred-pattern: repeating-conic-gradient(from 0deg, transparent 0deg 10deg, rgba(245, 158, 11, .03) 10deg 20deg);--gradient-japa-dark-bg: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 50%, #f3f4f6 100%);--text-japa-dark: #1f2937;--bg-media: #000000;--overlay-media-subtle: rgba(0, 0, 0, .4);--overlay-media-light: rgba(0, 0, 0, .5);--overlay-media-medium: rgba(0, 0, 0, .6);--overlay-media-heavy: rgba(0, 0, 0, .7);--overlay-media-dark: rgba(0, 0, 0, .8);--overlay-media-darker: rgba(0, 0, 0, .85);--color-media-text: #ffffff;--color-media-text-muted: rgba(255, 255, 255, .7);--color-media-text-subtle: rgba(255, 255, 255, .8);--bg-media-control: rgba(255, 255, 255, .15);--bg-media-control-hover: rgba(255, 255, 255, .25);--bg-media-control-active: rgba(255, 255, 255, .2);--bg-media-control-subtle: rgba(255, 255, 255, .1);--bg-media-control-muted: rgba(255, 255, 255, .05);--border-media-control: rgba(255, 255, 255, .2);--border-media-control-hover: rgba(255, 255, 255, .4);--border-media-control-subtle: rgba(255, 255, 255, .15);--border-media-control-strong: rgba(255, 255, 255, .5);--shadow-media-text: 0 4px 20px rgba(0, 0, 0, .5);--shadow-media-text-subtle: 0 1px 2px rgba(0, 0, 0, .5);--gradient-media-top-bar: linear-gradient(to bottom, rgba(0, 0, 0, .6), transparent);--gradient-media-bottom-bar: linear-gradient(to top, rgba(0, 0, 0, .7), transparent);--bg-recording: rgba(220, 38, 38, .9);--bg-recording-paused: rgba(217, 119, 6, .9);--color-recording-text: #ffffff;--gradient-camera-overlay: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, transparent 40%, transparent 60%, rgba(0, 0, 0, .5) 100%);--bg-flash: rgba(255, 255, 255, .95);--bg-camera-count: rgba(0, 0, 0, .5);--bg-capture-btn: #ffffff;--border-capture-outer: rgba(255, 255, 255, .5);--bg-action-success: rgba(22, 163, 74, .8);--bg-action-success-hover: rgba(22, 163, 74, 1);--bg-action-error: rgba(220, 38, 38, .8);--bg-action-error-hover: rgba(220, 38, 38, 1);--color-btn-text: #ffffff;--color-text-gradient-white: #111827;--resizer-bg: transparent;--resizer-bg-hover: var(--color-purple-subtle);--resizer-bg-active: var(--color-purple-muted);--resizer-handle: var(--border-default);--resizer-handle-hover: var(--color-purple);--resizer-handle-active: var(--color-purple-light)}:root{--app-bg: var(--bg-app);--panel-bg: var(--bg-panel);--canvas-bg: var(--bg-canvas);--card-bg: var(--bg-card);--input-bg: var(--bg-input);--hover-bg: var(--bg-hover);--border-color: var(--border-default);--bg-primary: var(--bg-app)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;background-color:var(--app-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background-color:var(--selection-bg);color:var(--text-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button{font-family:inherit;cursor:pointer}body.is-dragging{user-select:none;-webkit-user-select:none}body.is-dragging *{-webkit-user-drag:none!important}input,textarea,select{font-family:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.floating-tooltip{position:fixed;z-index:10000;min-width:240px;max-width:320px;background:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:4px;box-shadow:var(--shadow-md);animation:tooltipFadeIn .15s ease-out;pointer-events:none}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.floating-tooltip .tooltip-content{padding:12px 14px}.floating-tooltip .tooltip-desc{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--tooltip-text)}.floating-tooltip .tooltip-example{display:flex;align-items:center;gap:6px;padding-top:8px;border-top:1px solid var(--tooltip-border-subtle)}.floating-tooltip .example-label{font-size:11px;font-weight:600;color:var(--tooltip-text-muted);text-transform:uppercase}.floating-tooltip .example-flow{font-size:12px;font-family:monospace;color:var(--tooltip-code-text);background:var(--tooltip-code-bg);padding:2px 6px;border-radius:3px}.floating-tooltip .tooltip-arrow{position:absolute;left:-8px;top:40px;width:0;height:0;border:8px solid transparent;border-right-color:var(--tooltip-border)}.floating-tooltip .tooltip-arrow:after{content:"";position:absolute;left:-6px;top:-7px;width:0;height:0;border:7px solid transparent;border-right-color:var(--tooltip-bg)}.hljs{color:var(--syntax-text);background:transparent}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:var(--syntax-keyword)}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:var(--syntax-function)}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:var(--syntax-variable)}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:var(--syntax-string)}.hljs-built_in,.hljs-symbol{color:var(--syntax-builtin)}.hljs-comment,.hljs-code,.hljs-formula{color:var(--syntax-comment)}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:var(--syntax-tag)}.hljs-subst{color:var(--syntax-text)}.hljs-section{color:var(--syntax-section);font-weight:700}.hljs-bullet{color:var(--syntax-bullet)}.hljs-emphasis{color:var(--syntax-text);font-style:italic}.hljs-strong{color:var(--syntax-text);font-weight:700}.hljs-addition{color:var(--syntax-addition-text);background-color:var(--syntax-addition-bg)}.hljs-deletion{color:var(--syntax-deletion-text);background-color:var(--syntax-deletion-bg)}.hljs-char.escape_,.hljs-link,.hljs-params,.hljs-property,.hljs-punctuation,.hljs-tag{color:var(--syntax-text)}.panel-resizer{position:relative;flex-shrink:0;background:var(--resizer-bg);transition:background-color .2s ease;z-index:10}.panel-resizer:after{content:"";position:absolute;background:var(--resizer-handle);border-radius:2px;transition:background-color .2s ease,transform .2s ease}.panel-resizer:hover{background:var(--resizer-bg-hover)}.panel-resizer:hover:after{background:var(--resizer-handle-hover)}.panel-resizer.active{background:var(--resizer-bg-active)}.panel-resizer.active:after{background:var(--resizer-handle-active)}.resizer-horizontal{width:6px;cursor:col-resize}.resizer-horizontal:after{top:50%;left:50%;width:2px;height:32px;transform:translate(-50%,-50%)}.resizer-horizontal:hover:after,.resizer-horizontal.active:after{height:48px}.resizer-vertical{height:6px;cursor:row-resize}.resizer-vertical:after{top:50%;left:50%;width:32px;height:2px;transform:translate(-50%,-50%)}.resizer-vertical:hover:after,.resizer-vertical.active:after{width:48px}body.is-resizing{user-select:none;-webkit-user-select:none;cursor:col-resize}body.is-resizing *{cursor:inherit!important}body.is-resizing-vertical{cursor:row-resize}