:root{--primitive-gold: #FFB300;--primitive-gold-light: #FFE082;--primitive-gold-dark: #FF8F00;--primitive-turquoise: #00B0FF;--primitive-turquoise-light: #40C4FF;--primitive-turquoise-dark: #0091EA;--primitive-green-ancestral: #2E7D32;--primitive-white: #ffffff;--primitive-black: #000000;--primitive-gray-50: #f8fafc;--primitive-gray-100: #f1f5f9;--primitive-gray-200: #e2e8f0;--primitive-gray-300: #cbd5e1;--primitive-gray-400: #94a3b8;--primitive-gray-500: #64748b;--primitive-gray-600: #475569;--primitive-gray-700: #334155;--primitive-gray-800: #212121;--primitive-gray-900: #121212;--primitive-gray-950: #020617;--primitive-red: #f44336;--primitive-red-light: #ef5350;--primitive-red-dark: #c62828;--primitive-orange: #ff9800;--primitive-orange-light: #ffb74d;--primitive-orange-dark: #f57c00;--primitive-green: #4caf50;--primitive-green-light: #81c784;--primitive-green-dark: #388e3c;--primitive-stamp-blue: #2d3a4a;--primitive-stamp-blue-border: #3498db;--primitive-stamp-blue-hover: #3a4a5a;--primitive-stamp-blue-drag: #3a4a5a;--primitive-image-purple: #3d2d4a;--primitive-image-purple-border: #9b59b6;--primitive-image-purple-hover: #4a3a5a;--primitive-image-purple-active: #8e44ad;--primitive-image-purple-drag-over: #2d1f4a;--primitive-image-purple-drag-border: #bb86fc;--primitive-locked-slate: #2c3e50;--primitive-viewport-checker-light: #2a2a2a;--primitive-viewport-checker-dark: #1a1a2a;--primitive-viewport-border: #333333;--primitive-toolbar-bg: #0b121b;--primitive-panel-header-bg: #0b121b;--primitive-tooltip-bg: #1a1a1a;--primitive-order-badge-bg: #2a3545;--primitive-tiles-bg: #2e2e2e;--primitive-stamp-instance-border: #2a3a4a;--primitive-toast-info-bg: #1e3a5f;--primitive-toast-success-bg: #1e3a2e;--primitive-toast-warning-bg: #3a351e;--primitive-toast-error-bg: #3a1e1e;--primitive-link-visited: #9b59b6;--primitive-selection-stroke: rgba(0, 176, 255, .6);--primitive-selection-fill: rgba(0, 176, 255, .1);--primitive-selection-glow: rgba(0, 176, 255, .3);--primitive-primary-selection-fill: rgba(255, 179, 0, .15);--primitive-primary-selection-border: rgba(255, 179, 0, .8);--primitive-primary-selection-hover: rgba(255, 179, 0, .1);--primitive-primary-focus-ring: rgba(255, 179, 0, .3);--primitive-primary-scroll-thumb: rgba(255, 179, 0, .3);--primitive-primary-scroll-thumb-hover: rgba(255, 179, 0, .5);--primitive-tool-glow: rgba(0, 176, 255, .3);--primitive-grid-line: rgba(255, 255, 255, .1);--primitive-overlay-bg: rgba(0, 0, 0, .7);--primitive-dropdown-shadow: rgba(0, 0, 0, .4);--primitive-stamp-selected-bg: rgba(52, 152, 219, .25);--primitive-stamp-selected-hover-bg: rgba(52, 152, 219, .35);--primitive-badge-info-bg: rgba(0, 176, 255, .15);--primitive-badge-success-bg: rgba(46, 125, 50, .15);--primitive-badge-warning-bg: rgba(255, 152, 0, .15);--primitive-badge-error-bg: rgba(244, 67, 54, .15);--primitive-glass-bg: rgba(30, 30, 46, .8);--primitive-glass-border: rgba(255, 255, 255, .1);--primitive-glass-border-strong: rgba(255, 255, 255, .2);--primitive-glass-border-medium: rgba(255, 255, 255, .15);--primitive-light-bg-app: #ffffff;--primitive-light-bg-paper: #f9fafb;--primitive-light-bg-section: #f8fafc;--primitive-light-bg-header: rgba(255, 255, 255, .8);--primitive-light-bg-hover: #f1f5f9;--primitive-light-text-primary: #0f172a;--primitive-light-text-secondary: #334155;--primitive-light-text-muted: #475569;--primitive-light-text-subtle: #6b7280;--primitive-light-text-footer: #64748b;--primitive-light-border-light: #e5e7eb;--primitive-light-border-medium: #d1d5db;--primitive-light-primary-main: #1e40af;--primitive-light-primary-hover: #1e3a8a;--primitive-light-primary-light: #1d4ed8;--primitive-light-secondary-main: #374151;--primitive-light-secondary-hover: #1e293b;--primitive-light-accent-checkmark: #2563eb;--primitive-transparent: transparent;--color-primary: var(--primitive-gold);--color-primary-light: var(--primitive-gold-light);--color-primary-dark: var(--primitive-gold-dark);--color-primary-contrast: var(--primitive-black);--color-secondary: var(--primitive-turquoise);--color-secondary-light: var(--primitive-turquoise-light);--color-secondary-dark: var(--primitive-turquoise-dark);--color-secondary-contrast: var(--primitive-white);--color-bg-app: var(--primitive-gray-900);--color-bg-surface: var(--primitive-gray-800);--color-bg-dropdown: var(--primitive-gray-800);--color-bg-elevated: #1a1a1a;--color-bg-subtle: rgba(255, 255, 255, .03);--color-bg-hover: rgba(255, 255, 255, .05);--color-bg-selected: var(--primitive-primary-selection-fill);--color-bg-overlay: rgba(18, 18, 18, .9);--color-text-strong: #e6edf3;--color-text-normal: var(--primitive-gray-400);--color-text-muted: var(--primitive-gray-500);--color-text-disabled: #4a5568;--color-text-inverse: var(--primitive-black);--color-border-subtle: rgba(255, 255, 255, .08);--color-border-light: rgba(255, 255, 255, .15);--color-border-medium: rgba(255, 255, 255, .2);--color-border-strong: rgba(255, 255, 255, .3);--color-success: var(--primitive-green-ancestral);--color-success-light: var(--primitive-green-light);--color-error: var(--primitive-red);--color-error-light: var(--primitive-red-light);--color-error-dark: var(--primitive-red-dark);--color-warning: var(--primitive-orange);--color-warning-light: var(--primitive-orange-light);--color-info: var(--primitive-turquoise);--color-info-light: var(--primitive-turquoise-light);--grupo-enfasis-fuerte: var(--color-primary);--grupo-enfasis-medio: var(--color-primary-light);--grupo-enfasis-suave: var(--color-bg-selected);--grupo-accion-principal: var(--color-secondary);--grupo-accion-hover: var(--color-secondary-light);--grupo-accion-activa: var(--color-secondary-dark);--grupo-info-bg: var(--primitive-badge-info-bg);--grupo-info-text: var(--color-info);--grupo-info-border: var(--color-info);--grupo-exito-bg: var(--color-success);--grupo-exito-text: var(--primitive-white);--grupo-exito-border: var(--color-success);--grupo-advertencia-bg: var(--color-warning);--grupo-advertencia-text: var(--primitive-black);--grupo-advertencia-border: var(--color-warning);--grupo-peligro-bg: var(--color-error);--grupo-peligro-text: var(--primitive-white);--grupo-peligro-border: var(--color-error);--grupo-neutro-bg: var(--color-bg-surface);--grupo-neutro-text: var(--color-text-normal);--grupo-neutro-border: var(--color-border-light);--grupo-sutil-bg: var(--color-bg-subtle);--grupo-sutil-text: var(--color-text-muted);--grupo-sutil-border: var(--color-border-subtle);--tab-editor-active-bg: var(--grupo-enfasis-fuerte);--tab-editor-active-text: var(--color-primary-contrast);--tab-editor-active-border: var(--grupo-enfasis-fuerte);--tab-editor-active-indicator: var(--grupo-enfasis-fuerte);--tab-editor-inactive-bg: var(--primitive-transparent);--tab-editor-inactive-text: var(--color-text-normal);--tab-editor-inactive-border: var(--primitive-transparent);--tab-editor-hover-bg: var(--color-bg-hover);--tab-editor-hover-text: var(--color-text-strong);--tab-library-active-bg: var(--grupo-enfasis-suave);--tab-library-active-text: var(--grupo-enfasis-fuerte);--tab-library-active-icon: var(--grupo-enfasis-fuerte);--tab-library-inactive-bg: var(--primitive-transparent);--tab-library-inactive-text: var(--color-text-muted);--tab-library-inactive-icon: var(--color-text-muted);--tab-library-hover-bg: var(--color-bg-hover);--tab-library-hover-icon: var(--color-text-strong);--layer-panel-bg: var(--grupo-neutro-bg);--layer-panel-border: var(--grupo-neutro-border);--layer-panel-title-text: var(--color-text-strong);--layer-panel-subtitle-text: var(--color-text-muted);--layer-item-bg: var(--primitive-transparent);--layer-item-border: var(--grupo-sutil-border);--layer-item-text: var(--color-text-strong);--layer-item-hover-bg: var(--color-bg-hover);--layer-item-hover-border: var(--grupo-neutro-border);--layer-item-active-bg: var(--grupo-enfasis-fuerte);--layer-item-active-border: var(--color-primary-dark);--layer-item-active-text: var(--color-primary-contrast);--layer-item-active-accent: var(--grupo-enfasis-fuerte);--layer-item-dragging-bg: var(--grupo-enfasis-suave);--layer-item-dragging-border: var(--grupo-enfasis-fuerte);--layer-item-hidden-text: var(--color-text-muted);--layer-tiles-bg: var(--primitive-tiles-bg);--layer-tiles-active-bg: var(--grupo-enfasis-fuerte);--layer-tiles-active-border: var(--color-primary-dark);--layer-stamp-bg: var(--primitive-stamp-blue);--layer-stamp-border: var(--grupo-accion-principal);--layer-stamp-hover-bg: var(--primitive-stamp-blue-hover);--layer-stamp-active-bg: var(--grupo-accion-activa);--layer-stamp-active-border: var(--grupo-exito-border);--layer-image-bg: var(--primitive-image-purple);--layer-image-border: var(--primitive-image-purple-border);--layer-image-hover-bg: var(--primitive-image-purple-hover);--layer-image-active-bg: var(--primitive-image-purple-active);--layer-image-active-border: var(--grupo-peligro-border);--layer-image-drag-over-bg: var(--primitive-image-purple-drag-over);--layer-image-drag-over-border: var(--primitive-image-purple-drag-border);--layer-locked-bg: var(--primitive-locked-slate);--layer-locked-border: var(--grupo-peligro-border);--layer-order-badge-bg: var(--primitive-order-badge-bg);--layer-order-badge-text: var(--color-text-normal);--layer-type-badge-bg: var(--grupo-accion-principal);--layer-type-badge-text: var(--color-secondary-contrast);--stamp-instance-bg: var(--primitive-transparent);--stamp-instance-border: var(--primitive-stamp-instance-border);--stamp-instance-text: var(--color-text-normal);--stamp-instance-hover-bg: var(--primitive-stamp-instance-border);--stamp-instance-dragging-bg: var(--primitive-stamp-blue-drag);--stamp-instance-selected-bg: var(--primitive-stamp-selected-bg);--stamp-instance-selected-border: var(--grupo-accion-principal);--stamp-instance-selected-hover-bg: var(--primitive-stamp-selected-hover-bg);--tileset-card-bg: var(--grupo-neutro-bg);--tileset-card-border: var(--grupo-sutil-border);--tileset-card-hover-border: var(--grupo-neutro-border);--tileset-card-selected-border: var(--grupo-enfasis-fuerte);--tileset-card-selected-bg: var(--grupo-enfasis-suave);--tileset-card-thumbnail-bg: var(--color-bg-elevated);--tileset-card-title-text: var(--color-text-strong);--tileset-card-subtitle-text: var(--color-text-muted);--tileset-selection-fill: var(--primitive-primary-selection-fill);--tileset-selection-border: var(--primitive-primary-selection-border);--tileset-selection-hover-fill: var(--primitive-primary-selection-hover);--toolbar-bg: var(--primitive-toolbar-bg);--toolbar-border: var(--grupo-sutil-border);--toolbar-button-bg: var(--primitive-transparent);--toolbar-button-border: var(--primitive-transparent);--toolbar-button-text: var(--color-text-normal);--toolbar-button-icon: var(--color-text-normal);--toolbar-button-hover-bg: var(--color-bg-hover);--toolbar-button-hover-text: var(--color-text-strong);--toolbar-button-hover-icon: var(--color-text-strong);--toolbar-button-active-bg: var(--grupo-accion-principal);--toolbar-button-active-text: var(--color-secondary-contrast);--toolbar-button-active-icon: var(--color-secondary-contrast);--toolbar-button-active-border: var(--grupo-accion-principal);--tool-active-bg: var(--grupo-accion-principal);--tool-active-text: var(--color-secondary-contrast);--tool-active-icon: var(--color-secondary-contrast);--tool-active-border: var(--color-secondary-dark);--tool-active-glow: var(--primitive-tool-glow);--panel-bg: var(--grupo-neutro-bg);--panel-header-bg: var(--primitive-panel-header-bg);--panel-header-text: var(--color-text-strong);--panel-header-border: var(--grupo-neutro-border);--panel-content-bg: var(--grupo-neutro-bg);--panel-border: var(--grupo-neutro-border);--panel-title-text: var(--color-text-strong);--panel-title-icon: var(--grupo-enfasis-fuerte);--button-primary-bg: var(--grupo-enfasis-fuerte);--button-primary-text: var(--color-primary-contrast);--button-primary-border: var(--primitive-transparent);--button-primary-hover-bg: var(--grupo-enfasis-medio);--button-primary-active-bg: var(--color-primary-dark);--button-secondary-bg: var(--grupo-accion-principal);--button-secondary-text: var(--color-secondary-contrast);--button-secondary-border: var(--primitive-transparent);--button-secondary-hover-bg: var(--grupo-accion-hover);--button-secondary-active-bg: var(--grupo-accion-activa);--button-ghost-bg: var(--primitive-transparent);--button-ghost-text: var(--color-text-strong);--button-ghost-border: var(--grupo-neutro-border);--button-ghost-hover-bg: var(--color-bg-hover);--button-ghost-hover-border: var(--grupo-enfasis-fuerte);--button-icon-bg: var(--primitive-transparent);--button-icon-icon: var(--color-text-normal);--button-icon-hover-bg: var(--color-bg-hover);--button-icon-hover-icon: var(--color-text-strong);--button-icon-active-bg: var(--grupo-enfasis-fuerte);--button-icon-active-icon: var(--color-primary-contrast);--button-warning-bg: var(--grupo-advertencia-bg);--button-warning-text: var(--grupo-advertencia-text);--button-warning-border: var(--grupo-advertencia-border);--button-warning-hover-bg: var(--color-warning-light);--button-danger-bg: var(--grupo-peligro-bg);--button-danger-text: var(--grupo-peligro-text);--button-danger-border: var(--grupo-peligro-border);--button-danger-hover-bg: var(--color-error-light);--input-bg: var(--color-bg-elevated);--input-text: var(--color-text-strong);--input-placeholder: var(--color-text-muted);--input-border: var(--grupo-neutro-border);--input-focus-border: var(--grupo-enfasis-fuerte);--input-focus-ring: var(--primitive-primary-focus-ring);--input-error-border: var(--grupo-peligro-border);--input-disabled-bg: var(--grupo-neutro-bg);--input-disabled-text: var(--color-text-disabled);--slider-track: var(--grupo-sutil-border);--slider-track-active: var(--grupo-enfasis-fuerte);--slider-thumb: var(--grupo-enfasis-fuerte);--slider-thumb-hover: var(--grupo-enfasis-medio);--slider-thumb-active: var(--color-primary-dark);--checkbox-border: var(--grupo-neutro-border);--checkbox-checked-bg: var(--grupo-enfasis-fuerte);--checkbox-checked-icon: var(--color-primary-contrast);--checkbox-hover-border: var(--grupo-enfasis-medio);--badge-info-bg: var(--primitive-badge-info-bg);--badge-info-text: var(--grupo-info-text);--badge-info-border: var(--grupo-info-border);--badge-success-bg: var(--primitive-badge-success-bg);--badge-success-text: var(--grupo-exito-bg);--badge-success-border: var(--grupo-exito-border);--badge-warning-bg: var(--primitive-badge-warning-bg);--badge-warning-text: var(--grupo-advertencia-bg);--badge-warning-border: var(--grupo-advertencia-border);--badge-error-bg: var(--primitive-badge-error-bg);--badge-error-text: var(--grupo-peligro-bg);--badge-error-border: var(--grupo-peligro-border);--badge-neutral-bg: var(--color-bg-elevated);--badge-neutral-text: var(--color-text-muted);--badge-neutral-border: var(--grupo-sutil-border);--viewport-bg: var(--color-bg-app);--viewport-checker-light: var(--primitive-viewport-checker-light);--viewport-checker-dark: var(--primitive-viewport-checker-dark);--viewport-border: var(--primitive-viewport-border);--viewport-grid-line: var(--primitive-grid-line);--canvas-selection-stroke: var(--primitive-selection-stroke);--canvas-selection-fill: var(--primitive-selection-fill);--canvas-selection-handle-fill: var(--grupo-accion-principal);--canvas-selection-handle-stroke: var(--primitive-white);--modal-overlay-bg: var(--primitive-overlay-bg);--modal-bg: var(--grupo-neutro-bg);--modal-header-bg: var(--primitive-panel-header-bg);--modal-header-text: var(--color-text-strong);--modal-border: var(--grupo-neutro-border);--modal-footer-bg: var(--grupo-neutro-bg);--dropdown-bg: var(--grupo-neutro-bg);--dropdown-border: var(--grupo-neutro-border);--dropdown-shadow: var(--primitive-dropdown-shadow);--dropdown-item-bg: var(--primitive-transparent);--dropdown-item-text: var(--color-text-strong);--dropdown-item-hover-bg: var(--color-bg-hover);--dropdown-item-active-bg: var(--grupo-enfasis-suave);--dropdown-item-active-text: var(--grupo-enfasis-fuerte);--dropdown-divider: var(--grupo-sutil-border);--scrollbar-track: var(--primitive-transparent);--scrollbar-thumb: var(--primitive-primary-scroll-thumb);--scrollbar-thumb-hover: var(--primitive-primary-scroll-thumb-hover);--timeline-bg: var(--grupo-neutro-bg);--timeline-track-bg: var(--color-bg-elevated);--timeline-border: var(--grupo-neutro-border);--timeline-frame-bg: var(--color-bg-hover);--timeline-frame-border: var(--grupo-sutil-border);--timeline-frame-active-bg: var(--grupo-enfasis-fuerte);--timeline-frame-active-text: var(--color-primary-contrast);--timeline-playhead-color: var(--grupo-accion-principal);--timeline-playhead-glow: var(--primitive-selection-glow);--folder-bg: var(--primitive-transparent);--folder-hover-bg: var(--color-bg-hover);--folder-selected-bg: var(--grupo-enfasis-suave);--folder-icon-default: var(--color-text-normal);--folder-icon-expanded: var(--grupo-enfasis-fuerte);--folder-icon-hover: var(--color-text-strong);--folder-label-text: var(--color-text-strong);--folder-count-bg: var(--color-bg-elevated);--folder-count-text: var(--color-text-muted);--toast-info-bg: var(--primitive-toast-info-bg);--toast-info-border: var(--grupo-info-border);--toast-info-text: var(--color-text-strong);--toast-info-icon: var(--grupo-info-text);--toast-success-bg: var(--primitive-toast-success-bg);--toast-success-border: var(--grupo-exito-border);--toast-success-text: var(--color-text-strong);--toast-success-icon: var(--grupo-exito-bg);--toast-warning-bg: var(--primitive-toast-warning-bg);--toast-warning-border: var(--grupo-advertencia-border);--toast-warning-text: var(--color-text-strong);--toast-warning-icon: var(--grupo-advertencia-bg);--toast-error-bg: var(--primitive-toast-error-bg);--toast-error-border: var(--grupo-peligro-border);--toast-error-text: var(--color-text-strong);--toast-error-icon: var(--grupo-peligro-bg);--link-text: var(--grupo-accion-principal);--link-hover-text: var(--grupo-accion-hover);--link-visited-text: var(--primitive-link-visited);--tooltip-bg: var(--primitive-tooltip-bg);--tooltip-text: var(--color-text-strong);--tooltip-border: var(--grupo-sutil-border);--auth-bg-gradient: linear-gradient(135deg, var(--primitive-gray-900) 0%, #1a1a2e 50%, #0f0f1a 100%);--auth-glass-bg: var(--primitive-glass-bg);--auth-glass-border: var(--primitive-glass-border);--auth-glass-border-strong: var(--primitive-glass-border-strong);--auth-glass-border-medium: var(--primitive-glass-border-medium);--auth-text-primary: var(--color-text-strong);--auth-text-secondary: var(--color-text-normal);--auth-text-muted: var(--color-text-muted);--auth-button-gradient: linear-gradient(90deg, var(--primitive-gold) 0%, var(--primitive-gold-light) 100%);--auth-button-hover-gradient: linear-gradient(90deg, var(--primitive-gold-light) 0%, var(--primitive-gold) 100%);--auth-link-color: var(--color-secondary);--auth-link-hover: var(--color-secondary-light);--auth-success: var(--color-success);--auth-error: var(--color-error);--auth-error-light: var(--color-error-light);--landing-bg-app: var(--primitive-light-bg-app);--landing-bg-paper: var(--primitive-light-bg-paper);--landing-bg-section: var(--primitive-light-bg-section);--landing-bg-header: var(--primitive-light-bg-header);--landing-bg-hover: var(--primitive-light-bg-hover);--landing-text-primary: var(--primitive-light-text-primary);--landing-text-secondary: var(--primitive-light-text-secondary);--landing-text-muted: var(--primitive-light-text-muted);--landing-text-subtle: var(--primitive-light-text-subtle);--landing-text-footer: var(--primitive-light-text-footer);--landing-border-light: var(--primitive-light-border-light);--landing-border-medium: var(--primitive-light-border-medium);--landing-primary-main: var(--primitive-light-primary-main);--landing-primary-hover: var(--primitive-light-primary-hover);--landing-primary-light: var(--primitive-light-primary-light);--landing-secondary-main: var(--primitive-light-secondary-main);--landing-secondary-hover: var(--primitive-light-secondary-hover);--landing-accent-checkmark: var(--primitive-light-accent-checkmark);--user-menu-bg-paper: var(--color-bg-surface);--user-menu-border: var(--primitive-glass-border);--user-menu-text-primary: var(--color-text-strong);--user-menu-text-muted: var(--color-text-muted);--user-menu-text-secondary: var(--color-text-normal);--user-menu-text-disabled: var(--color-text-disabled);--user-menu-divider: var(--primitive-glass-border);--user-menu-hover-bg: var(--color-bg-hover);--user-menu-avatar-bg: var(--color-secondary);--user-menu-logout-color: var(--color-error);--color-background-app: var(--color-bg-app);--color-background-paper: var(--color-bg-surface);--color-background-hover: var(--color-bg-hover);--color-background-dropdown: var(--color-bg-surface);--color-background-toolbar: var(--toolbar-bg);--color-bg-paper: var(--color-bg-surface);--color-bg-control: var(--color-bg-elevated);--color-bg-toolbar: var(--toolbar-bg);--color-viewer-bg: var(--color-bg-app);--color-viewer-info-bg: var(--color-bg-surface);--color-text-primary: var(--color-text-strong);--color-text-secondary: var(--color-text-normal);--color-primary-hover: var(--color-primary-light);--color-secondary-hover: var(--color-secondary-light);--color-border-focus: var(--grupo-enfasis-fuerte);--color-link: var(--link-text);--color-link-hover: var(--link-hover-text);--color-scrollbar-thumb: var(--scrollbar-thumb);--color-scrollbar-thumb-hover: var(--scrollbar-thumb-hover);--layer-active-bg: var(--layer-item-active-bg);--layer-active-border: var(--layer-item-active-border);--layer-active-text: var(--layer-item-active-text);--layer-active-accent: var(--layer-item-active-accent);--layer-dragging-bg: var(--layer-item-dragging-bg);--layer-dragging-border: var(--layer-item-dragging-border)}:root{--font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;--font-family-mono: Consolas, Monaco, "Courier New", monospace;--line-height: 1.5;--font-weight: 400;color-scheme:light dark;font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight);color:var(--color-text-strong);background-color:var(--color-bg-app);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--link-text);text-decoration:inherit}a:hover{color:var(--link-hover-text)}html,body,#root{margin:0;padding:0;height:100%}body.no-scroll{overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-elevated);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-secondary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@keyframes landingFloat{0%{transform:translateY(0) translate(0) scale(1)}50%{transform:translateY(-8px) translate(6px) scale(1.02)}to{transform:translateY(0) translate(0) scale(1)}}.landing-orb{animation:landingFloat 8s ease-in-out infinite;will-change:transform,opacity;opacity:.95}.landing-orb.two{animation-duration:10s;opacity:.85}.glow-text{text-shadow:0 6px 30px rgba(100,108,255,.12)}.hero-screenshot{border-radius:12px;overflow:hidden}.stamp-instances-list{list-style:none;padding:0;margin:0 0 0 32px;border-left:2px solid var(--color-layer-stamp-border);background-color:var(--color-stamp-instances-bg, #1e2a38)}.stamp-instance-item{display:flex;flex-direction:row!important;align-items:center;padding:4px 8px;font-size:11px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-stamp-instance-border, #2a3a4a);transition:background-color .15s;cursor:grab}.stamp-instance-item:last-child{border-bottom:none}.stamp-instance-item:hover{background-color:var(--color-stamp-instance-hover, #2a3a4a)}.stamp-instance-item:active{cursor:grabbing}.stamp-instance-item.dragging{background-color:var(--color-stamp-instance-dragging, #3a4a5a);box-shadow:0 2px 8px #0000004d;cursor:grabbing}.stamp-instance-order{font-size:9px;color:var(--color-order-badge-text, #667788);background-color:var(--color-order-badge-bg, #2a3545);padding:1px 4px;border-radius:3px;margin-right:6px;font-family:monospace;min-width:14px;text-align:center}.stamp-instance-icon{margin-right:6px;font-size:10px;opacity:.7}.stamp-instance-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stamp-instance-pos{font-size:10px;color:var(--color-text-muted);margin-left:8px;font-family:monospace}.stamp-instance-visibility{cursor:pointer;margin-right:4px;font-size:11px;opacity:.7;transition:opacity .15s}.stamp-instance-visibility:hover{opacity:1}.stamp-instance-item.selected{background-color:var(--color-stamp-instance-selected, rgba(52, 152, 219, .25));border-left:2px solid var(--color-layer-stamp-border);padding-left:6px}.stamp-instance-item.selected:hover{background-color:var(--color-stamp-instance-selected-hover, rgba(52, 152, 219, .35))}.stamp-instance-item.hidden-instance{opacity:.5}.stamp-instance-item.hidden-instance .stamp-instance-name{text-decoration:line-through;color:var(--color-text-muted)}.delete-stamp-instance-btn{margin-left:8px;cursor:pointer;color:#c0392b;opacity:0;transition:opacity .15s;font-size:12px;font-weight:700;padding:2px 4px}.stamp-instance-item:hover .delete-stamp-instance-btn{opacity:.7}.delete-stamp-instance-btn:hover{opacity:1!important;background-color:#c0392b33;border-radius:3px}.layer-manager{background-color:var(--layer-panel-bg);color:var(--layer-item-text);padding:10px;border-bottom:1px solid var(--layer-panel-border);display:flex;flex-direction:column;max-height:100%;overflow:visible}.layer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;position:relative;overflow:visible;z-index:10}.layer-manager h4{margin:0;font-size:14px;text-transform:uppercase}.layer-subtitle{display:block;font-size:11px;color:var(--color-text-secondary);text-transform:none}.auto-select-toggle{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:4px}.auto-select-toggle input[type=checkbox]{width:12px;height:12px;margin:0;cursor:pointer;accent-color:var(--color-primary)}.auto-select-toggle:hover{color:var(--color-text-primary)}.auto-select-toggle span{text-transform:none}.add-layer-btn{background-color:var(--button-primary-bg);color:var(--button-primary-text);border:none;border-radius:4px;width:24px;height:24px;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.add-layer-btn:hover{background-color:var(--button-primary-active-bg)}.add-layer-btn:active{transform:scale(.95)}.layer-manager ul{list-style:none;padding:0;margin:0}.layer-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.layer-list::-webkit-scrollbar{width:6px}.layer-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.layer-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.layer-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.layer-manager li{display:flex;flex-direction:column;padding:6px 10px;cursor:grab;border-radius:4px;border:1px solid transparent;transition:background-color .2s,border-color .2s;gap:4px}.layer-manager li:hover{background-color:var(--layer-item-hover-bg)}.layer-manager li.active{background-color:var(--layer-active-bg);color:var(--layer-active-text);border-color:var(--layer-active-border)}.layer-name{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:grab}.layer-row{display:flex;align-items:center;width:100%}.layer-row-main{gap:4px}.layer-row-controls{justify-content:space-between;padding-left:20px}.layer-opacity-wrapper{display:flex;align-items:center;gap:6px}.layer-opacity-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase}.layer-actions{display:flex;align-items:center;gap:2px}.visibility-toggle{margin-right:10px;display:inline-block;width:20px;text-align:center;cursor:pointer}.delete-layer-btn{margin-left:8px;display:inline-block;width:20px;text-align:center;cursor:pointer;opacity:.6;transition:opacity .2s}.delete-layer-btn:hover{opacity:1}.layer-name-input{flex-grow:1;background-color:var(--input-bg);color:var(--input-text);border:1px solid var(--input-focus-border);border-radius:3px;padding:2px 6px;font-size:12px;font-family:inherit;outline:none}.layer-name-input:focus{border-color:var(--color-primary-dark)}.layer-manager li.layer-hidden{color:var(--color-text-muted)}.layer-manager li.layer-hidden:hover{color:var(--color-text-secondary)}.layer-manager li.layer-hidden.active{background-color:var(--layer-active-bg);color:#ccc;border-color:var(--layer-active-border)}.layer-item-overlay{display:flex;align-items:center;padding:8px 12px;border-radius:4px;background-color:var(--layer-dragging-bg);box-shadow:0 5px 15px #0000004d;list-style:none}.layer-manager li.locked{background-color:var(--layer-locked-bg);opacity:.8;border-left:4px solid var(--layer-locked-border)}.add-layer-container{position:relative}.add-layer-dropdown{position:absolute;top:100%;right:0;background-color:var(--color-bg-dropdown);border:1px solid var(--modal-border);border-radius:4px;box-shadow:0 4px 12px #0006;z-index:1000;min-width:150px;overflow:hidden;margin-top:4px}.add-layer-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:var(--color-text-primary);font-size:12px;text-align:left;cursor:pointer;transition:background-color .15s}.add-layer-dropdown button:hover{background-color:var(--color-bg-hover)}.add-layer-dropdown button:active{background-color:var(--color-border-medium)}.add-layer-dropdown .layer-type-icon{font-size:14px}.layer-manager li .layer-type-icon{font-size:12px;margin-right:6px;opacity:.8}.stamp-count{font-size:10px;color:var(--color-text-muted);margin-left:6px}.layer-manager li.stamp-container{background-color:var(--layer-stamp-bg);border-left:3px solid var(--layer-stamp-border)}.layer-manager li.stamp-container:hover{background-color:var(--layer-stamp-hover-bg)}.layer-manager li.stamp-container.active{background-color:var(--layer-stamp-active-bg);border-left-color:var(--layer-stamp-active-border)}.layer-manager li.image-container{background-color:var(--layer-image-bg);border-left:3px solid var(--layer-image-border)}.layer-manager li.image-container:hover{background-color:var(--layer-image-hover-bg)}.layer-manager li.image-container.active{background-color:var(--layer-image-active-bg);border-left-color:var(--layer-image-active-border)}.image-container-actions{padding:8px 12px;background-color:var(--toolbar-bg);border-left:3px solid var(--layer-image-border);margin-left:0;display:flex;align-items:center;gap:8px;transition:all .2s ease}.image-container-actions.drag-over{background-color:var(--layer-image-drag-over-bg);border-color:var(--layer-image-drag-over-border);box-shadow:inset 0 0 10px #bb86fc4d}.image-container-actions .drop-hint{font-size:11px;color:var(--color-text-muted);font-style:italic}.image-container-actions.drag-over .drop-hint{color:var(--layer-image-drag-over-border);font-weight:700;font-style:normal}.image-container-actions .MuiIconButton-root{font-size:12px!important}.map-viewer{width:100%;height:100%;overflow:hidden;cursor:grab;background:var(--color-canvas-bg, #303030)}.map-viewer:active{cursor:grabbing}.map-viewer canvas{display:block}.map-viewer-page{display:flex;flex-direction:column;height:100vh;background:var(--color-viewer-bg, #0f0f23);color:var(--color-text-primary)}.viewer-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--color-background-toolbar);border-bottom:1px solid var(--color-border-medium)}.viewer-header h1{flex:1;font-size:1.25rem;font-weight:500;margin:0}.viewer-header .back-btn{background:var(--color-background-dropdown);border:none;color:var(--color-text-primary);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background .2s}.viewer-header .back-btn:hover{background:var(--color-background-hover)}.visibility-badge{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;color:var(--color-text-primary)}.viewer-info{display:flex;gap:24px;padding:12px 24px;background:var(--color-viewer-info-bg, #16213e);font-size:.875rem;color:var(--color-text-secondary)}.viewer-info span{display:flex;gap:6px}.viewer-info strong{color:var(--color-text-primary)}.viewer-canvas-container{flex:1;overflow:hidden}.viewer-loading,.viewer-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.viewer-loading .spinner{width:40px;height:40px;border:3px solid var(--color-border-medium);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewer-error{background:var(--color-background-toolbar);margin:24px;border-radius:8px;padding:48px}.viewer-error h2{font-size:1.5rem;margin:0;color:var(--color-error, #ff6b6b)}.viewer-error p{color:var(--color-text-secondary);margin:8px 0 24px}.viewer-error button{background:var(--color-primary);border:none;color:var(--color-text-primary);padding:12px 24px;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .2s}.viewer-error button:hover{background:var(--color-primary-dark)}