:root{--color-primary: #1a73e8;--color-primary-hover: #1557b0;--color-primary-active: #174ea6;--color-primary-light: #e8f0fe;--color-background: #ffffff;--color-surface: #f8f9fa;--color-surface-hover: #f1f3f4;--color-surface-active: #e8eaed;--color-text: #202124;--color-text-secondary: #5f6368;--color-text-disabled: #9aa0a6;--color-text-inverse: #ffffff;--color-border: #dadce0;--color-border-light: #e8eaed;--color-border-focus: #1a73e8;--color-error: #d93025;--color-error-light: #fce8e6;--color-success: #1e8e3e;--color-success-light: #e6f4ea;--color-warning: #f9ab00;--color-warning-light: #fef7e0;--color-info: #1a73e8;--color-info-light: #e8f0fe;--color-highlight-yellow: rgba(255, 235, 59, .5);--color-highlight-green: rgba(76, 175, 80, .5);--color-highlight-blue: rgba(33, 150, 243, .5);--color-highlight-pink: rgba(233, 30, 99, .5);--color-highlight-orange: rgba(255, 152, 0, .5);--color-toolbar-bg: #ffffff;--color-toolbar-border: #dadce0;--color-sidebar-bg: #f8f9fa;--color-panel-bg: #ffffff;--color-canvas-bg: #525659;--color-page-bg: #ffffff;--color-page-shadow: rgba(0, 0, 0, .2);--color-selection: rgba(26, 115, 232, .2);--color-selection-border: #1a73e8;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Fira Code", "Consolas", "Monaco", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--toolbar-height: 48px;--sidebar-width: 280px;--sidebar-collapsed-width: 48px;--properties-panel-width: 320px;--thumbnail-width: 120px;--thumbnail-height: 160px;--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: var(--color-primary);font-family:var(--font-family);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color-scheme:light dark;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--color-primary: #8ab4f8;--color-primary-hover: #aecbfa;--color-primary-active: #c2d9fc;--color-primary-light: #1a3a5c;--color-background: #202124;--color-surface: #292a2d;--color-surface-hover: #35363a;--color-surface-active: #3c4043;--color-text: #e8eaed;--color-text-secondary: #9aa0a6;--color-text-disabled: #5f6368;--color-text-inverse: #202124;--color-border: #5f6368;--color-border-light: #3c4043;--color-border-focus: #8ab4f8;--color-error: #f28b82;--color-error-light: #3c2a2a;--color-success: #81c995;--color-success-light: #2a3c2e;--color-warning: #fdd663;--color-warning-light: #3c3a2a;--color-info: #8ab4f8;--color-info-light: #1a3a5c;--color-toolbar-bg: #292a2d;--color-toolbar-border: #5f6368;--color-sidebar-bg: #292a2d;--color-panel-bg: #35363a;--color-canvas-bg: #1a1a1a;--color-page-bg: #ffffff;--color-page-shadow: rgba(0, 0, 0, .5);--color-selection: rgba(138, 180, 248, .2);--color-selection-border: #8ab4f8}}.dark{--color-primary: #8ab4f8;--color-primary-hover: #aecbfa;--color-primary-active: #c2d9fc;--color-primary-light: #1a3a5c;--color-background: #202124;--color-surface: #292a2d;--color-surface-hover: #35363a;--color-surface-active: #3c4043;--color-text: #e8eaed;--color-text-secondary: #9aa0a6;--color-text-disabled: #5f6368;--color-text-inverse: #202124;--color-border: #5f6368;--color-border-light: #3c4043;--color-border-focus: #8ab4f8;--color-error: #f28b82;--color-error-light: #3c2a2a;--color-success: #81c995;--color-success-light: #2a3c2e;--color-warning: #fdd663;--color-warning-light: #3c3a2a;--color-info: #8ab4f8;--color-info-light: #1a3a5c;--color-toolbar-bg: #292a2d;--color-toolbar-border: #5f6368;--color-sidebar-bg: #292a2d;--color-panel-bg: #35363a;--color-canvas-bg: #1a1a1a;--color-page-shadow: rgba(0, 0, 0, .5);--color-selection: rgba(138, 180, 248, .2);--color-selection-border: #8ab4f8}.light{--color-primary: #1a73e8;--color-primary-hover: #1557b0;--color-primary-active: #174ea6;--color-primary-light: #e8f0fe;--color-background: #ffffff;--color-surface: #f8f9fa;--color-surface-hover: #f1f3f4;--color-surface-active: #e8eaed;--color-text: #202124;--color-text-secondary: #5f6368;--color-text-disabled: #9aa0a6;--color-text-inverse: #ffffff;--color-border: #dadce0;--color-border-light: #e8eaed;--color-border-focus: #1a73e8;--color-error: #d93025;--color-error-light: #fce8e6;--color-success: #1e8e3e;--color-success-light: #e6f4ea;--color-warning: #f9ab00;--color-warning-light: #fef7e0;--color-info: #1a73e8;--color-info-light: #e8f0fe;--color-toolbar-bg: #ffffff;--color-toolbar-border: #dadce0;--color-sidebar-bg: #f8f9fa;--color-panel-bg: #ffffff;--color-canvas-bg: #525659;--color-page-shadow: rgba(0, 0, 0, .2);--color-selection: rgba(26, 115, 232, .2);--color-selection-border: #1a73e8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%}body{display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;height:100%;display:flex;flex-direction:column}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}h1{font-size:var(--font-size-2xl);line-height:1.1}button{border-radius:var(--radius-md);border:1px solid transparent;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-weight:500;font-family:inherit;background-color:var(--color-surface);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}