@charset "UTF-8";:root{--color-primary: #2b6df0;--color-primary-hover: #2b6df0;--color-on-primary: #ffffff;--color-surface: #ffffff;--color-surface-subtle: #f2f5fa;--color-surface-muted: #e6edfa;--color-surface-hover: #f1f5f9;--color-text: #17233b;--color-text-strong: #0f172a;--color-text-muted: #7c8eb2;--color-text-muted-alt: #64748b;--color-text-muted-weak: #94a3b8;--color-border: #e6edfa;--color-border-subtle: #e2e8f0;--color-overlay-dark: #17233b;--color-success: #2fcc5b;--color-danger: #ff3b5e;--color-accent-component: #c54dd5;--color-focus-ring: #3b82f6;--font-family-base: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--line-height-tight: 1;--line-height-base: 1.4;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--space-xs: 4px;--space-sm: 6px;--space-md: 8px;--space-lg: 12px;--space-xl: 16px;--space-2xl: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--panel-bg: var(--color-surface);--panel-border-color: var(--color-border);--panel-border-width: 2px;--text-color: var(--color-text);--text-color-muted: var(--color-text-muted);--heading-color: var(--color-text-strong);--link-color: var(--color-primary);--link-color-hover: var(--color-primary-hover);--input-bg: var(--color-surface-subtle);--input-text-color: var(--color-text);--input-label-color: var(--color-text-muted);--input-radius: var(--radius-md);--input-focus-ring: var(--color-focus-ring);--dropdown-bg: var(--color-overlay-dark);--dropdown-item-color: var(--color-on-primary);--focus-border: color-mix(in srgb, var(--color-focus-ring) 60%, transparent);--drop-target-bg: color-mix(in srgb, var(--color-primary) 15%, transparent);--drop-target-ring: 0 0 0 1px rgba(59, 124, 255, .2);--input-border-focus: 1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);--link-hover-bg: color-mix(in srgb, var(--color-primary) 8%, transparent);--primary-hover-bg: color-mix(in srgb, var(--color-primary) 10%, transparent);--border-subtle-color: color-mix(in srgb, var(--color-text-strong) 8%, transparent);--border-subtle: 1px solid var(--border-subtle-color);--border-default-color: color-mix(in srgb, var(--color-text-strong) 16%, transparent);--border-default: 1px solid var(--border-default-color);--border-hover-color: color-mix(in srgb, var(--color-text-strong) 24%, transparent);--surface-hover-subtle: color-mix(in srgb, var(--color-text-strong) 4%, transparent);--surface-hover-subtle-alt: color-mix(in srgb, var(--color-text-strong) 5%, transparent);--surface-muted-subtle: color-mix(in srgb, var(--color-text-strong) 6%, transparent);--overlay-blocking-bg: color-mix(in srgb, var(--color-text-strong) 40%, transparent);--shadow: 0 4px 12px rgba(0, 0, 0, .3);--shadow-soft: 0 1px 3px rgba(0, 0, 0, .05);--on-overlay-muted: color-mix(in srgb, var(--color-on-primary) 70%, transparent);--on-overlay-muted-strong: color-mix(in srgb, var(--color-on-primary) 80%, transparent);--on-overlay-muted-hover: color-mix(in srgb, var(--color-on-primary) 90%, transparent);--on-overlay-disabled: color-mix(in srgb, var(--color-on-primary) 50%, transparent);--on-overlay-divider: color-mix(in srgb, var(--color-on-primary) 12%, transparent);--on-overlay-border: 1px solid color-mix(in srgb, var(--color-on-primary) 10%, transparent);--on-overlay-hover: color-mix(in srgb, var(--color-on-primary) 10%, transparent);--on-overlay-active: color-mix(in srgb, var(--color-on-primary) 15%, transparent);--scrollbar-thumb-bg: rgba(0, 0, 0, .3);--scrollbar-thumb-bg-hover: rgba(0, 0, 0, .4);--scrollbar-thumb-bg-active: rgba(0, 0, 0, .5);--backdrop-overlay-bg: rgba(0, 0, 0, .45);--tree-component-bg-hover: color-mix(in srgb, var(--color-accent-component) 15%, transparent);--tree-component-bg-active: color-mix(in srgb, var(--color-accent-component) 20%, transparent);--toolbar-bg: var(--panel-bg);--toolbar-height: 58px;--toolbar-border-color: var(--panel-border-color);--toolbar-gap: var(--space-lg);--toolbar-padding-x: 10px;--toolbar-padding-y: 9px;--toolbar-group-gap: var(--space-md);--toolbar-btn-size: 40px;--toolbar-btn-radius: var(--radius-md);--toolbar-btn-menu-min-width: 80px;--toolbar-btn-menu-padding-x: 14px;--toolbar-btn-bg: var(--color-surface-muted);--toolbar-btn-bg-hover: #d0dffc;--toolbar-btn-bg-active: var(--color-primary);--toolbar-btn-bg-active-hover: var(--color-primary);--toolbar-icon-size: 18px;--toolbar-icon-stroke-width: 1;--toolbar-icon-color: var(--color-primary);--toolbar-icon-color-active: var(--color-on-primary);--toolbar-icon-color-hover: var(--color-primary);--toolbar-dropdown-bg: var(--dropdown-bg);--toolbar-dropdown-radius: var(--radius-lg);--toolbar-dropdown-item-height: 30px;--toolbar-dropdown-item-radius: 0;--toolbar-dropdown-item-bg-active: #213254;--toolbar-dropdown-item-color: var(--dropdown-item-color);--toolbar-dropdown-item-padding-x: 14px;--toolbar-dropdown-item-shortcut-color: var(--on-overlay-muted-strong);--toolbar-dropdown-shadow: var(--shadow);--toolbar-font: var(--font-weight-regular) var(--font-size-md) / var(--line-height-base) var(--font-family-base);--toolbar-font-size: var(--font-size-md);--toolbar-line-height: var(--line-height-base);--toolbar-font-weight: var(--font-weight-regular);--toolbar-font-family: var(--font-family-base);--toolbar-dropdown-font: var(--toolbar-font);--toolbar-dropdown-trigger-font: var(--font-weight-semibold) var(--toolbar-font-size) / var(--toolbar-line-height) var(--toolbar-font-family);--tool-group-trigger-width: 56px;--tool-group-trigger-padding-right: var(--space-md);--tool-group-select-size: 11px;--tool-group-item-gap: var(--space-xl);--tool-group-item-shortcut-font-size: var(--font-size-sm);--toolbar-user-gap: var(--space-sm);--toolbar-user-trigger-padding: 2px 10px 2px 2px;--toolbar-user-trigger-border: none;--toolbar-user-trigger-bg: transparent;--toolbar-user-trigger-radius: 20px;--toolbar-user-trigger-bg-hover: var(--color-surface-subtle);--toolbar-user-trigger-border-hover: none;--toolbar-user-avatar-size: 32px;--toolbar-user-avatar-bg: var(--color-surface-muted);--toolbar-user-avatar-icon-size: var(--space-xl);--toolbar-user-chevron-size: 10px;--toolbar-user-icon-color: var(--color-primary);--theme-switcher-btn-size: 32px;--theme-switcher-btn-radius: 50%;--theme-switcher-btn-bg: transparent;--theme-switcher-btn-bg-hover: var(--color-surface-hover);--theme-switcher-icon-size: 18px;--theme-switcher-icon-color: var(--color-primary);--theme-switcher-icon-stroke-width: 1;--left-sidebar-width: 280px;--right-sidebar-width: 280px;--sidebar-bg: var(--panel-bg);--sidebar-border-width: var(--panel-border-width);--sidebar-border-left: var(--sidebar-border-width) solid var(--panel-border-color);--sidebar-width: var(--right-sidebar-width);--sidebar-padding: 0;--view-mode-switcher-padding: var(--space-xl) 20px;--view-mode-switcher-gap: var(--space-xl);--view-mode-switcher-font: var(--font-weight-medium) var(--font-size-lg) / var(--line-height-base) var(--font-family-base);--view-mode-switcher-color-active: var(--color-text);--view-mode-switcher-color-inactive: var(--color-text-muted);--view-mode-switcher-manage-right: 20px;--view-mode-switcher-manage-icon-color: var(--color-primary);--view-mode-switcher-update-dot-size: 10px;--view-mode-switcher-update-dot-top: 5px;--view-mode-switcher-update-dot-right: 3px;--view-mode-switcher-update-dot-border: 2px solid var(--color-surface);--project-structure-section-divider: 2px solid var(--color-border);--document-section-padding: var(--space-lg) var(--space-lg);--document-title-gap: 1px;--document-title-font: var(--font-weight-medium) var(--font-size-lg) / var(--line-height-base) var(--font-family-base);--document-title-text-color: var(--input-text-color);--document-title-bg-active: var(--input-bg);--document-title-trigger-icon-size: 11px;--document-title-trigger-icon-color: var(--input-text-color);--document-title-menu-offset: var(--space-xs);--document-title-menu-divider-bg: var(--on-overlay-divider);--document-title-menu-divider-margin: var(--space-xs) 0;--document-menu-min-width: 180px;--document-menu-max-width: min(90vw, 400px);--document-menu-padding: 10px 0;--pages-section-header-padding: var(--space-lg) 20px;--pages-section-header-border-bottom: 2px solid var(--panel-border-color);--pages-section-body-padding-bottom: 10px;--pages-section-item-height: 40px;--pages-section-item-padding-x: 20px;--pages-section-item-bg-hover: var(--surface-hover-subtle);--pages-section-item-bg-active: var(--color-surface-muted);--pages-section-item-font: var(--font-weight-regular) var(--font-size-sm) / var(--line-height-base) var(--font-family-base);--pages-section-item-color: var(--color-text-strong);--pages-section-header-gap: var(--space-md);--pages-section-body-max-height: 350px;--pages-section-page-name-focus-outline: 1px solid var(--color-focus-ring);--pages-section-page-name-focus-outline-offset: 1px;--pages-section-page-name-radius: 2px;--tree-indent-per-level: 20px;--tree-icon-offset: 25px;--tree-content-padding-left-with-expand: 5px;--tree-content-gap: var(--space-xs);--tree-node-bg-hover: var(--color-surface-subtle);--tree-node-bg-selected: var(--color-surface-muted);--tree-node-component-bg-hover: var(--tree-component-bg-hover);--tree-node-component-bg-active: var(--tree-component-bg-active);--tree-expand-button-size: var(--space-xl);--tree-expand-button-color: var(--color-text-muted-alt);--tree-expand-button-color-hover: var(--color-text-strong);--tree-expand-icon-size: 10px;--tree-type-icon-size: var(--space-xl);--tree-component-accent: var(--color-accent-component);--tree-drop-target-bg: var(--drop-target-bg);--tree-drop-target-outline: 2px solid var(--color-primary);--tree-drop-target-outline-offset: -2px;--tree-drop-target-shadow: var(--drop-target-ring);--tree-control-button-size: 20px;--tree-control-icon-size: var(--space-xl);--tree-control-icon-color: var(--color-text-muted-alt);--tree-control-icon-color-hover: var(--color-text);--tree-node-input-bg: var(--color-surface);--tree-node-input-border: var(--input-border-focus);--tree-node-input-border-focus: var(--focus-border);--tree-node-input-focus-shadow: var(--shadow-soft);--tree-drop-indicator-color: var(--color-primary);--tree-node-content-padding: var(--space-xs) var(--space-md);--tree-node-content-radius: var(--radius-sm);--tree-node-input-padding: 2px var(--space-xs);--tree-node-input-radius: 3px;--tree-drop-indicator-margin-x: var(--space-md);--tree-drop-indicator-dot-size: var(--space-md);--tree-group-icon-font-size: var(--font-size-md);--tree-group-icon-margin-right: var(--space-xs);--properties-section-gap: var(--space-md);--properties-section-padding: var(--space-lg) var(--space-xl);--properties-section-border-bottom: 2px solid var(--panel-border-color);--properties-section-title-font: var(--font-weight-medium) var(--font-size-lg) / var(--line-height-base) var(--font-family-base);--properties-section-title-color: var(--color-text);--properties-section-add-icon-size: 20px;--properties-section-add-icon-color: var(--color-primary);--input-height: 32px;--input-padding-x: var(--space-md);--input-padding-y: var(--space-sm);--input-font: var(--font-weight-medium) var(--font-size-md) / var(--line-height-tight) var(--font-family-base);--input-font-size: var(--font-size-sm);--input-icon-size: var(--space-xl);--input-label-gap: var(--space-md);--field-label-font: var(--font-weight-regular) var(--font-size-sm) / var(--line-height-tight) var(--font-family-base);--field-label-color: var(--input-label-color);--checkbox-size: var(--space-xl);--checkbox-radius: var(--radius-sm);--checkbox-gap: var(--space-md);--checkbox-accent: var(--color-primary);--checkbox-border-width: 1px;--checkbox-disabled-opacity: .5;--checkbox-check-width: 6px;--checkbox-check-height: 10px;--checkbox-check-stroke-width: 2px;--checkbox-check-color: var(--color-on-primary);--checkbox-check-translate-y: -1px;--button-group-height: 32px;--button-group-gap: 1px;--button-group-radius: var(--radius-md);--button-group-bg: transparent;--button-group-button-bg: var(--color-surface-subtle);--button-group-button-bg-hover: var(--surface-muted-subtle);--button-group-button-bg-active: var(--color-surface-muted);--button-group-button-bg-active-hover: var(--color-surface-muted);--button-group-button-color: var(--color-text);--button-group-button-icon-size: var(--space-xl);--properties-panel-font: var(--font-weight-medium) var(--font-size-md) / var(--line-height-base) var(--font-family-base);--properties-panel-section-title-margin: 1em 0;--properties-panel-section-title-font-size: 13px;--properties-panel-section-title-color: var(--color-text-strong);--properties-panel-section-header-gap: var(--space-md);--properties-panel-color-list-gap: var(--space-md);--properties-panel-fill-item-gap: var(--space-md);--properties-panel-fill-item-btn-padding: var(--space-md) 10px;--properties-panel-fill-item-btn-border: var(--border-default);--properties-panel-fill-item-btn-radius: var(--radius-md);--properties-panel-fill-item-btn-bg: var(--color-surface-subtle);--properties-panel-fill-item-btn-color: var(--color-text);--properties-panel-fill-item-btn-font-size: 13px;--properties-panel-fill-item-btn-bg-hover: var(--color-surface-muted);--properties-panel-fill-item-gradient-swatch-size: 28px;--properties-panel-fill-item-gradient-swatch-radius: 6px;--properties-panel-fill-item-gradient-swatch-border: var(--border-default);--properties-panel-fill-item-image-icon-color: var(--color-text-muted-weak);--properties-panel-fill-divider-margin: 10px 0;--properties-panel-fill-divider-border: 1px solid var(--color-border-subtle);--properties-panel-empty-list-padding: var(--space-md) 0;--properties-panel-empty-list-color: var(--color-text-muted-weak);--properties-panel-empty-list-font-size: 13px;--properties-panel-field-gap: var(--space-sm);--properties-panel-field-label-color: var(--color-text-muted-weak);--properties-panel-field-input-with-label-left: var(--space-lg);--properties-panel-field-input-with-label-padding-left: 32px;--properties-panel-field-input-with-label-padding-x: var(--space-lg);--properties-panel-field-input-with-label-padding-y: var(--space-md);--properties-panel-field-input-with-label-border: 1px solid var(--color-border-subtle);--properties-panel-field-input-with-label-radius: var(--radius-md);--properties-panel-field-input-with-label-bg: var(--color-surface);--properties-panel-field-input-with-label-color: var(--color-text-strong);--properties-panel-field-input-with-label-font-size: 13px;--properties-panel-field-input-focus-border: var(--color-focus-ring);--properties-panel-field-input-focus-shadow: var(--shadow-soft);--properties-panel-field-input-disabled-bg: #f8fafc;--properties-panel-field-input-disabled-color: var(--color-text-muted-weak);--properties-panel-field-input-placeholder-color: #cbd5e1;--properties-panel-empty-color: var(--color-text-muted-alt);--properties-panel-empty-font-size: var(--font-size-md);--properties-panel-empty-min-height: 200px;--properties-panel-empty-padding: var(--space-lg);--properties-panel-guides-section-margin-bottom: 24px;--properties-panel-guides-section-header-margin-bottom: 12px;--properties-panel-guides-section-title-font-size: 13px;--properties-panel-guides-section-title-color: #1e293b;--properties-panel-add-guide-btn-size: 24px;--properties-panel-add-guide-btn-border: 1px solid #cbd5e1;--properties-panel-add-guide-btn-bg: #fff;--properties-panel-add-guide-btn-radius: 4px;--properties-panel-add-guide-btn-color: var(--color-text-muted-weak);--properties-panel-add-guide-btn-font-size: 18px;--properties-panel-add-guide-btn-bg-hover: #f1f5f9;--properties-panel-add-guide-btn-border-hover: var(--color-text-muted-weak);--properties-panel-add-guide-btn-bg-active: #e2e8f0;--properties-panel-guides-list-gap: 8px;--properties-panel-guide-item-gap: 12px;--properties-panel-guide-item-padding-y: 8px;--properties-panel-guide-item-border: 1px solid #e2e8f0;--properties-panel-guide-name-font-size: 13px;--properties-panel-guide-name-color: var(--color-text-muted-weak);--properties-panel-guide-name-min-width: 120px;--properties-panel-guide-input-wrapper-gap: 8px;--properties-panel-guide-delete-btn-size: 20px;--properties-panel-guide-delete-btn-color: var(--color-text-muted-weak);--properties-panel-guide-delete-btn-radius: 4px;--properties-panel-guide-delete-btn-bg-hover: #f1f5f9;--properties-panel-guide-delete-btn-color-hover: var(--color-text-muted-alt);--properties-panel-guide-delete-btn-bg-active: #e2e8f0;--properties-panel-corner-radii-grid-gap: 12px;--properties-panel-corner-radius-item-label-color: var(--color-text-muted-weak);--properties-panel-corner-radius-item-label-font-size: 12px;--properties-panel-field-group-gap: 8px;--properties-panel-field-group-select-min-width: 60px;--properties-panel-gradient-stops-gap: 8px;--properties-panel-gradient-stops-margin-top: 8px;--properties-panel-gradient-stops-title-font-size: 12px;--properties-panel-gradient-stops-title-color: var(--color-text-strong);--properties-panel-stops-list-gap: 4px;--properties-panel-stop-item-gap: 6px;--properties-panel-stop-item-padding: 6px 8px;--properties-panel-stop-item-radius: 6px;--properties-panel-stop-item-bg: #f8fafc;--properties-panel-stop-item-bg-hover: #f1f5f9;--properties-panel-stop-item-bg-selected: #e0e7ff;--properties-panel-stop-position-width: 50px;--properties-panel-stop-position-font-size: 11px;--properties-panel-stop-position-padding: 4px 6px;--properties-panel-stop-position-border: var(--border-default);--properties-panel-stop-position-radius: 4px;--properties-panel-stop-position-bg: #ffffff;--properties-panel-stop-position-color: var(--color-text-strong);--properties-panel-stop-position-focus-border: var(--focus-border);--properties-panel-stop-position-focus-shadow: var(--shadow-soft);--properties-panel-stop-color-picker-size: 28px;--properties-panel-stop-color-swatch-size: 24px;--properties-panel-stop-hex-input-width: 70px;--properties-panel-stop-alpha-width: 50px;--properties-panel-handle-item-padding: 8px;--properties-panel-handle-item-radius: 6px;--properties-panel-handle-item-bg: #f8fafc;--properties-panel-handle-item-border: var(--border-subtle);--properties-panel-handle-item-label-color: var(--color-text-muted-weak);--properties-panel-handle-item-label-font-size: 12px;--properties-panel-coord-field-label-color: var(--color-text-muted-alt);--properties-panel-coord-field-label-font-size: 11px;--properties-panel-coord-field-input-padding: 4px 6px;--properties-panel-distribute-button-size: 32px;--properties-panel-distribute-button-border: var(--border-default);--properties-panel-distribute-button-radius: 8px;--properties-panel-distribute-button-bg: #ffffff;--properties-panel-distribute-button-color: var(--color-text);--properties-panel-distribute-button-font-size: 14px;--properties-panel-distribute-button-bg-hover: #f1f5f9;--properties-panel-distribute-button-border-hover: var(--border-hover-color);--properties-panel-distribute-button-bg-active: #e2e8f0;--properties-panel-distribute-button-bg-active-state: var(--color-surface-muted);--properties-panel-distribute-menu-offset: 4px;--properties-panel-distribute-menu-min-width: 220px;--properties-panel-distribute-menu-bg: #1e293b;--properties-panel-distribute-menu-border: var(--on-overlay-border);--properties-panel-distribute-menu-radius: 8px;--properties-panel-distribute-menu-padding: 4px;--properties-panel-distribute-menu-shadow: var(--shadow);--properties-panel-distribute-menu-item-gap: 12px;--properties-panel-distribute-menu-item-padding: 8px 12px;--properties-panel-distribute-menu-item-radius: 6px;--properties-panel-distribute-menu-item-color: #e2e8f0;--properties-panel-distribute-menu-item-font-size: 13px;--properties-panel-distribute-menu-item-bg-hover: var(--on-overlay-hover);--properties-panel-distribute-menu-item-bg-active: var(--on-overlay-active);--properties-panel-distribute-menu-item-icon-size: 16px;--properties-panel-distribute-menu-item-icon-width: 20px;--properties-panel-distribute-menu-item-icon-color: #cbd5e1;--properties-panel-distribute-menu-item-shortcut-font-size: 11px;--properties-panel-distribute-menu-item-shortcut-color: var(--color-text-muted-weak);--properties-panel-position-fields-gap: 6px;--properties-panel-position-fields-margin-bottom: 4px;--properties-panel-rotation-controls-gap: 6px;--properties-panel-rotation-field-icon-left: 12px;--properties-panel-rotation-field-icon-color: var(--color-text-muted-alt);--properties-panel-rotation-field-icon-size: 16px;--properties-panel-rotation-field-input-padding-left: 32px;--properties-panel-rotation-field-input-padding-right: 24px;--properties-panel-rotation-field-unit-right: 10px;--properties-panel-rotation-field-unit-color: var(--color-text-muted-alt);--properties-panel-rotation-field-unit-font-size: 13px;--properties-panel-flip-buttons-gap: 4px;--properties-panel-flip-button-size: 28px;--properties-panel-flip-button-border: var(--border-default);--properties-panel-flip-button-radius: 8px;--properties-panel-flip-button-bg: #ffffff;--properties-panel-flip-button-color: var(--color-text-strong);--properties-panel-flip-button-font-size: 14px;--properties-panel-flip-button-bg-hover: #f1f5f9;--properties-panel-flip-button-border-hover: var(--border-hover-color);--properties-panel-flip-button-bg-active: #e2e8f0;--properties-panel-flip-button-icon-size: 16px;--properties-panel-file-upload-gap: 8px;--properties-position-open-icon-bg: #d0ddf5;--properties-position-dropdown-min-width: 220px;--properties-position-dropdown-item-gap: 12px;--properties-position-dropdown-item-icon-size: 20px;--properties-position-dropdown-item-icon-height: 16px;--properties-position-dropdown-shortcut-font-size: 12px;--properties-position-dropdown-shortcut-color: var(--color-text-muted-weak);--properties-position-grid-gap: 8px;--editor-page-display: grid;--editor-page-grid-template-columns: var(--left-sidebar-width) 1fr var(--right-sidebar-width);--editor-page-grid-template-rows: auto 1fr;--editor-page-gap: 0;--editor-page-loader-overlay-bg: var(--color-surface);--btn-height: 40px;--btn-height-xs: 22px;--btn-height-sm: 32px;--btn-height-lg: 48px;--btn-radius: var(--radius-md);--btn-radius-xs: var(--radius-sm);--btn-radius-sm: 6px;--btn-radius-lg: var(--radius-lg);--btn-font: var(--font-weight-medium) var(--font-size-lg) / var(--line-height-tight) var(--font-family-base);--btn-font-size-xs: 10px;--btn-font-size-sm: var(--font-size-md);--btn-font-size-lg: var(--font-size-xl);--btn-border-width: 2px;--btn-focus-outline-color: var(--color-focus-ring);--btn-primary-bg: var(--color-primary);--btn-primary-color: var(--color-on-primary);--btn-primary-border: var(--color-primary);--btn-primary-bg-hover: var(--color-primary-hover);--btn-primary-bg-disabled: #dfe4ed;--btn-primary-color-disabled: var(--color-text-muted);--btn-primary-bg-focused: #e3ebfa;--btn-primary-color-focused: var(--color-primary);--btn-primary-bg-loading: #dfe4ed;--btn-primary-color-loading: #8794ad;--btn-secondary-bg: var(--color-surface-muted);--btn-secondary-color: var(--color-primary);--btn-secondary-border: var(--color-surface-muted);--btn-secondary-bg-hover: #d7e3fa;--btn-secondary-bg-disabled: #dfe4ed;--btn-secondary-color-disabled: var(--color-text-muted);--btn-secondary-bg-focused: #e3ebfa;--btn-secondary-color-focused: var(--color-primary);--btn-secondary-bg-loading: #dfe4ed;--btn-secondary-color-loading: #8794ad;--btn-success-bg: var(--color-success);--btn-success-color: var(--color-on-primary);--btn-success-border: var(--color-success);--btn-success-bg-hover: #22bd4d;--btn-success-bg-disabled: #dfe4ed;--btn-success-color-disabled: var(--color-text-muted);--btn-success-bg-focused: var(--color-success);--btn-success-color-focused: var(--color-on-primary);--btn-success-bg-loading: #dfe4ed;--btn-success-color-loading: #8794ad;--btn-danger-bg: #fae3e7;--btn-danger-color: var(--color-danger);--btn-danger-border: #fae3e7;--btn-danger-bg-hover: #fad4db;--btn-danger-bg-disabled: #dfe4ed;--btn-danger-color-disabled: var(--color-text-muted);--btn-danger-bg-focused: #fae3e7;--btn-danger-color-focused: var(--color-danger);--btn-danger-bg-loading: #dfe4ed;--btn-danger-color-loading: #8794ad;--library-card-height: 32px;--library-card-padding: var(--space-sm) var(--space-md);--library-card-gap: var(--space-md);--library-card-bg: var(--color-surface-subtle);--library-card-bg-hover: #d7e3fa;--library-card-radius: 6px;--library-card-icon-size: 20px;--library-card-icon-color: var(--color-primary);--library-card-name-font: var(--font-weight-medium) var(--font-size-md) / var(--line-height-base) var(--font-family-base);--library-card-name-color: var(--color-text-strong);--library-card-update-badge-color: var(--color-success);--library-card-update-badge-size: 10px;--library-card-update-badge-margin-left: 2px;--library-card-update-badge-text-font: var(--font-weight-regular) 11px / var(--line-height-base) var(--font-family-base);--component-card-bg: var(--color-surface-subtle);--component-card-radius: 6px;--component-card-font: var(--font-weight-medium) var(--font-size-sm) / 1.3 var(--font-family-base);--component-card-color: var(--color-text);--component-card-shadow-hover: var(--shadow-soft);--component-card-icon-bg: #f8fafc;--component-card-icon-symbol-size: 18px;--component-card-info-padding: 10px;--component-card-info-gap: var(--space-xs);--component-card-description-font-size: 11px;--component-card-description-color: var(--color-text-muted-alt);--component-details-modal-width: 320px;--component-details-modal-preview-size: 320px;--component-details-modal-subtitle-color: var(--color-text-muted-alt);--component-details-modal-preview-placeholder-color: var(--color-text-muted-alt);--component-details-modal-preview-placeholder-font-size: var(--font-size-md);--component-details-modal-close-color: var(--color-text-muted-weak);--component-details-modal-close-bg-hover: var(--color-surface-muted);--component-details-modal-close-color-hover: var(--color-text-strong);--component-details-modal-left: 300px;--component-details-modal-close-size: 28px;--component-details-modal-header-border: 2px solid var(--color-border);--component-details-modal-header-gap: var(--space-md);--component-details-modal-header-text-gap: var(--space-xs);--component-details-modal-title-font: var(--font-weight-semibold) var(--font-size-sm) / 1 var(--font-family-base);--component-details-modal-subtitle-font: var(--font-weight-regular) 11px / 1.3 var(--font-family-base);--component-details-modal-component-name-font: var(--font-weight-medium) var(--font-size-sm) / 1.3 var(--font-family-base);--component-details-modal-footer-gap: var(--space-lg);--component-details-modal-preview-placeholder-padding: var(--space-xl);--update-library-modal-max-width: 500px;--update-library-modal-body-padding: var(--space-xl) 20px;--update-library-modal-description-bg: #f8fafc;--update-library-modal-description-border: 1px solid var(--border-subtle-color);--update-library-modal-description-radius: var(--radius-md);--update-library-modal-description-padding: 10px var(--space-lg);--update-library-modal-description-label-font-size: var(--font-size-sm);--update-library-modal-description-label-color: var(--color-text-muted-alt);--update-library-modal-description-label-margin-bottom: var(--space-sm);--update-library-modal-description-text-font-size: var(--font-size-md);--update-library-modal-description-text-color: var(--color-text-strong);--update-library-modal-search-margin-bottom: var(--space-md);--update-library-modal-section-title-margin-top: 20px;--update-library-modal-preview-size: 28px;--update-library-modal-empty-padding: var(--space-xl) 0;--update-library-modal-empty-font-size: var(--font-size-md);--update-library-modal-empty-color: var(--color-text-muted-alt);--publish-library-modal-max-width: 500px;--publish-library-modal-body-padding: var(--space-xl) 20px;--publish-library-modal-unchanged-header-gap: var(--space-md);--publish-library-modal-unchanged-header-padding: 10px 0;--publish-library-modal-unchanged-header-color: var(--color-text-muted-alt);--publish-library-modal-unchanged-header-font-size: var(--font-size-md);--publish-library-modal-unchanged-header-radius: 6px;--publish-library-modal-unchanged-header-bg-hover: var(--surface-hover-subtle-alt);--publish-library-modal-unchanged-chevron-font-size: 10px;--publish-library-modal-unchanged-chevron-opacity: .8;--publish-library-modal-empty-padding: var(--space-xl) 0;--publish-library-modal-empty-font-size: var(--font-size-md);--publish-library-modal-empty-color: var(--color-text-muted-alt);--libraries-loading-min-height: 120px;--libraries-loading-padding: 32px 20px;--libraries-loading-gap: var(--space-lg);--libraries-spinner-size: 28px;--libraries-spinner-border: 3px solid var(--border-subtle-color);--libraries-spinner-color: var(--color-focus-ring);--libraries-empty-state-padding: 20px var(--space-xl);--libraries-empty-state-color: var(--color-text-muted-alt);--libraries-empty-state-font-size: 13px;--library-breadcrumb-gap: var(--space-sm);--library-breadcrumb-min-height: 24px;--library-breadcrumb-font: var(--font-weight-medium) var(--font-size-sm) / var(--line-height-base) var(--font-family-base);--library-breadcrumb-color: var(--color-primary);--library-breadcrumb-segment-hover-color: var(--color-primary-hover);--library-breadcrumb-segment-hover-bg: var(--link-hover-bg);--library-breadcrumb-segment-radius: var(--radius-sm);--components-empty-state-padding: 24px var(--space-xl);--components-empty-state-color: var(--color-text-muted-alt);--components-empty-state-font-size: 13px;--components-list-gap: var(--space-md);--subcatalogs-list-gap: var(--space-xs);--layers-empty-state-color: var(--color-text-muted-alt);--layers-empty-state-font-size: var(--font-size-md);--layers-empty-state-min-height: 200px;--layers-empty-state-padding: var(--space-lg);--layers-empty-state-hint-font-size: var(--font-size-sm);--layers-empty-state-hint-color: var(--color-text-muted-weak);--layers-empty-state-p-margin: var(--space-xs) 0;--manage-libraries-modal-min-height: 400px;--manage-libraries-sidebar-width: 28%;--manage-libraries-sidebar-min-width: 200px;--manage-libraries-sidebar-max-width: 240px;--manage-libraries-sidebar-padding: var(--space-lg) 0 var(--space-xl);--manage-libraries-sidebar-search-margin: 0 var(--space-lg) 10px;--manage-libraries-sidebar-section-margin-top: var(--space-lg);--manage-libraries-sidebar-section-padding-top: var(--space-lg);--manage-libraries-nav-item-gap: 10px;--manage-libraries-nav-item-padding: 9px var(--space-xl);--manage-libraries-nav-item-bg-hover: var(--color-surface-subtle);--manage-libraries-nav-item-bg-active: var(--color-surface-muted);--manage-libraries-nav-icon-size: 20px;--manage-libraries-nav-icon-color: var(--color-primary);--manage-libraries-nav-label-font-size: var(--font-size-md);--manage-libraries-nav-label-color: var(--color-text-strong);--manage-libraries-section-title-font: var(--font-weight-medium) var(--font-size-md) / var(--line-height-base) var(--font-family-base);--manage-libraries-section-title-color: var(--color-text);--manage-libraries-content-section-padding: var(--space-xl);--manage-libraries-section-placeholder-font-size: var(--font-size-md);--manage-libraries-section-placeholder-color: var(--color-text-muted-alt);--manage-libraries-publish-card-padding: var(--space-xl);--manage-libraries-publish-card-bg: var(--color-surface-muted);--manage-libraries-publish-card-radius: var(--radius-md);--manage-libraries-publish-card-icon-size: 24px;--manage-libraries-publish-card-title-font: var(--font-weight-medium) var(--font-size-md) / var(--line-height-base) var(--font-family-base);--manage-libraries-publish-card-title-color: var(--color-text);--manage-libraries-components-view-header-padding: var(--space-xl);--manage-libraries-components-view-title-font: var(--font-weight-medium) var(--font-size-lg) / var(--line-height-base) var(--font-family-base);--manage-libraries-components-view-title-color: var(--color-text);--manage-libraries-components-view-subtitle-font: var(--font-weight-regular) var(--font-size-sm) / var(--line-height-base) var(--font-family-base);--manage-libraries-components-view-subtitle-color: var(--color-text-muted);--manage-libraries-components-view-empty-font-size: 13px;--manage-libraries-components-view-empty-color: var(--color-text-muted-alt);--manage-libraries-components-view-grid-gap: var(--space-xl);--manage-libraries-components-view-grid-min: 100px;--manage-libraries-components-view-btn-primary-bg: var(--color-focus-ring);--manage-libraries-components-view-btn-primary-hover: #2563eb;--manage-libraries-components-view-btn-secondary-color: var(--color-text-muted-alt);--manage-libraries-components-view-btn-secondary-bg: var(--surface-muted-subtle);--manage-libraries-components-view-btn-secondary-hover: var(--surface-hover-subtle-alt);--manage-libraries-breaking-overlay-bg: var(--overlay-blocking-bg);--manage-libraries-breaking-dialog-bg: var(--color-surface);--manage-libraries-breaking-dialog-radius: 12px;--manage-libraries-breaking-dialog-padding: var(--space-2xl);--manage-libraries-breaking-dialog-shadow: var(--shadow);--manage-libraries-breaking-title-font-size: var(--font-size-xl);--manage-libraries-breaking-title-color: var(--color-text-strong);--manage-libraries-breaking-text-font-size: var(--font-size-md);--manage-libraries-breaking-text-color: var(--color-text-muted-alt);--manage-libraries-update-instance-border: 1px solid var(--surface-muted-subtle);--manage-libraries-update-instance-font-size: var(--font-size-md);--manage-libraries-update-instance-color: var(--color-text-strong);--manage-libraries-sidebar-section-title-margin: 0 0 6px;--manage-libraries-sidebar-section-title-padding: 0 16px;--manage-libraries-section-title-row-gap: 12px;--manage-libraries-section-title-row-margin: 0 0 10px;--manage-libraries-section-title-row-padding: 0 20px;--manage-libraries-section-title-margin: 0 0 12px;--manage-libraries-section-content-min-height: 48px;--manage-libraries-section-content-placeholder-min-height: 200px;--manage-libraries-libraries-empty-state-padding: 32px 20px;--manage-libraries-libraries-empty-state-min-height: 200px;--manage-libraries-section-placeholder-margin: 0 0 var(--space-xl);--manage-libraries-publish-card-gap: var(--space-lg);--manage-libraries-publish-card-header-gap: var(--space-md);--manage-libraries-placeholder-content-color: var(--color-text-muted-alt);--manage-libraries-placeholder-content-font-size: var(--font-size-md);--manage-libraries-placeholder-content-padding: 48px 0;--manage-libraries-placeholder-content-min-height: 80px;--manage-libraries-library-item-gap: var(--space-lg);--manage-libraries-library-item-btn-min-width: 100px;--manage-libraries-status-badge-padding: 3px var(--space-md);--manage-libraries-status-badge-font-size: 11px;--manage-libraries-status-badge-color: var(--color-text-muted-alt);--manage-libraries-status-badge-bg: var(--surface-muted-subtle);--manage-libraries-status-badge-radius: var(--radius-sm);--manage-libraries-status-badge-changes-color: var(--color-on-primary);--manage-libraries-status-badge-changes-bg: #1e40af;--manage-libraries-publish-button-padding: var(--space-md) 14px;--manage-libraries-publish-button-font-size: var(--font-size-md);--manage-libraries-publish-button-color: var(--color-on-primary);--manage-libraries-publish-button-bg: var(--color-focus-ring);--manage-libraries-publish-button-radius: 6px;--manage-libraries-publish-button-bg-hover: #2563eb;--manage-libraries-publish-button-bg-active: #1d4ed8;--manage-libraries-components-view-header-gap: 12px;--manage-libraries-components-view-titles-gap: 2px;--manage-libraries-components-view-content-padding: 16px;--manage-libraries-components-view-section-title-margin: 0 0 20px;--manage-libraries-components-view-hidden-section-margin-top: 20px;--manage-libraries-components-view-hidden-section-padding-top: 20px;--manage-libraries-components-view-hidden-section-border: var(--border-subtle);--manage-libraries-components-view-folder-padding: 10px 14px;--manage-libraries-components-view-folder-gap: 10px;--manage-libraries-components-view-folder-font-size: 14px;--manage-libraries-components-view-folder-color: var(--color-text-strong);--manage-libraries-components-view-folder-bg-hover: var(--surface-hover-subtle-alt);--manage-libraries-components-view-folder-icon-size: 16px;--manage-libraries-components-view-hidden-title-margin: 0 0 12px;--manage-libraries-components-view-hidden-title-font-size: 13px;--manage-libraries-components-view-btn-padding: 6px 12px;--manage-libraries-components-view-btn-font-size: 13px;--manage-libraries-update-instance-row-padding: 8px 0;--manage-libraries-update-instance-actions-gap: 10px;--manage-libraries-update-instance-actions-border: var(--border-subtle);--manage-libraries-breaking-dialog-actions-gap: 12px;--manage-libraries-breaking-title-margin: 0 0 12px;--manage-libraries-breaking-text-margin: 0 0 20px;--modal-library-section-title-font: var(--font-weight-medium) var(--font-size-md) / var(--line-height-base) var(--font-family-base);--modal-library-section-title-color: var(--color-text);--modal-library-list-item-preview-size: 28px;--modal-library-list-item-preview-bg: #f1f5f9;--modal-library-list-item-icon-size: var(--font-size-sm);--modal-library-list-item-icon-color: var(--color-text-muted-alt);--modal-library-list-item-name-font-size: var(--font-size-md);--modal-library-list-item-name-color: var(--color-text-strong);--modal-library-list-item-status-font: var(--font-weight-regular) var(--font-size-sm) / var(--line-height-base) var(--font-family-base);--modal-library-list-item-status-color: var(--color-text-muted);--modal-library-list-item-removed-status-color: var(--color-text-muted-weak);--modal-library-list-item-hover-bg: var(--surface-hover-subtle-alt);--modal-library-list-item-padding: var(--space-md) var(--space-lg);--modal-library-list-header-padding: var(--space-md) 0;--modal-library-list-header-checkbox-font: var(--font-weight-regular) var(--font-size-md) / var(--line-height-base) var(--font-family-base);--modal-library-list-item-preview-radius: var(--radius-sm);--modal-library-subtitle-font: var(--font-weight-regular) var(--font-size-md) / var(--line-height-base) var(--font-family-base);--modal-library-subtitle-color: var(--color-text-muted);--modal-library-section-title-margin-bottom: 10px;--modal-library-list-wrap-margin-bottom: var(--space-lg);--modal-library-subtitle-margin: 0 0 var(--space-lg);--search-input-height: 40px;--search-input-placeholder-color: var(--color-text-muted);--search-input-icon-size: 20px;--search-input-icon-color: var(--color-primary);--search-input-clear-color: var(--color-primary);--search-input-clear-bg-hover: var(--primary-hover-bg);--search-input-clear-radius: var(--radius-sm);--search-input-clear-focus-outline: var(--color-focus-ring);--canvas-default-bg: #f5f5f5;--canvas-ruler-bg: var(--color-surface);--canvas-ruler-guide-selected-color: var(--color-primary);--canvas-ruler-guide-creating-color: #fd3f3f;--canvas-ruler-border-color: var(--color-border);--canvas-ruler-label-color: var(--color-text-muted);--canvas-ruler-tick-color: var(--color-text-muted);--canvas-ruler-size: 24px;--canvas-ruler-tick-length: 5px;--canvas-ruler-label-font-size: 9px;--canvas-ruler-label-offset: var(--space-md);--canvas-ruler-label-width: 10px;--canvas-ruler-guide-label-font-size: 10px;--canvas-ruler-guide-label-offset-h: 7px;--canvas-ruler-guide-label-offset-v: var(--space-md);--canvas-ruler-guide-label-left: 5px;--canvas-ruler-guide-label-top: -14px;--canvas-ruler-guide-gradient-size: 160px;--canvas-ruler-corner-bg: var(--color-surface);--canvas-ruler-corner-border-color: var(--color-border);--canvas-scrollbar-size: 6px;--canvas-scrollbar-thumb-bg: var(--scrollbar-thumb-bg);--canvas-scrollbar-thumb-bg-hover: var(--scrollbar-thumb-bg-hover);--canvas-scrollbar-thumb-bg-active: var(--scrollbar-thumb-bg-active);--canvas-scrollbar-thumb-radius: 3px;--canvas-scrollbar-thumb-min-size: 20px;--canvas-scrollbar-transition: opacity .2s ease;--canvas-scrollbar-thumb-transition: background .15s ease;--floating-panel-width: 264px;--floating-panel-radius: var(--radius-md);--floating-panel-bg: var(--color-surface);--floating-panel-header-bg: var(--color-surface);--floating-panel-body-bg: var(--color-surface);--floating-panel-title-color: var(--color-text);--floating-panel-border-color: var(--border-subtle-color);--floating-panel-shadow: var(--shadow);--floating-panel-header-padding: 10px var(--space-lg);--floating-panel-close-btn-radius: 6px;--floating-panel-header-border: 2px solid var(--color-border);--floating-panel-header-gap: var(--space-md);--floating-panel-close-btn-size: 28px;--floating-panel-close-btn-color: var(--color-text-muted-weak);--floating-panel-close-btn-bg-hover: var(--color-surface-muted);--floating-panel-close-btn-color-hover: var(--color-text-strong);--icon-button-size: 32px;--icon-button-icon-size: var(--space-xl);--icon-button-radius: var(--radius-md);--icon-button-color: var(--color-text-strong);--icon-button-bg-hover: var(--color-surface-muted);--icon-button-bg-active: #d0ddf5;--icon-button-remove-color: var(--color-danger);--icon-button-add-size: 30px;--icon-button-add-icon-size: 20px;--icon-button-back-color: var(--color-primary);--icon-button-back-color-hover: var(--color-primary-hover);--icon-button-back-icon-size: 20px;--dropdown-trigger-icon-size: 11px;--dropdown-trigger-gap: var(--space-xs);--btn-gap: var(--space-md);--btn-padding-x: var(--space-xl);--btn-padding-x-xs: var(--space-md);--btn-padding-x-sm: var(--space-lg);--btn-padding-x-lg: 20px;--btn-spinner-size: 18px;--btn-spinner-size-xs: 12px;--search-input-padding-x: var(--space-lg);--search-input-gap: var(--space-md);--search-input-clear-padding: var(--space-xs);--search-input-clear-margin: -4px -4px -4px 0;--base-modal-backdrop-bg: var(--backdrop-overlay-bg);--base-modal-container-max-width: 720px;--base-modal-container-min-height: 200px;--base-modal-header-border: 2px solid var(--color-border);--base-modal-header-gap: var(--space-md);--base-modal-title-font: var(--font-weight-medium) var(--font-size-lg) / var(--line-height-base) var(--font-family-base);--base-modal-title-color: var(--color-text);--base-modal-close-size: 28px;--base-modal-close-color: var(--color-text-muted-weak);--base-modal-close-bg-hover: var(--color-surface-muted);--base-modal-close-color-hover: var(--color-text-strong);--base-modal-footer-gap: 10px;--base-modal-footer-border: 2px solid var(--color-border);--base-modal-btn-padding: var(--space-md) var(--space-xl);--base-modal-btn-font-size: var(--font-size-md);--document-card-bg: var(--color-surface);--document-card-border: 1px solid var(--color-border-subtle);--document-card-radius: 12px;--document-card-shadow: var(--shadow-soft);--document-card-border-hover: #cbd5e1;--document-card-shadow-hover: var(--shadow-soft);--document-card-transform-hover: translateY(-2px);--document-card-preview-bg: #f8fafc;--document-card-info-padding: var(--space-lg) var(--space-xl);--document-card-info-gap: var(--space-xs);--document-card-title-font-size: var(--font-size-md);--document-card-title-color: var(--color-text-strong);--document-card-timestamp-font-size: var(--font-size-sm);--document-card-timestamp-color: var(--color-text-muted-alt);--context-menu-item-color: #ffffff;--context-menu-item-shortcut-font-size: 12px;--context-menu-item-shortcut-color: var(--on-overlay-muted);--context-menu-item-shortcut-color-hover: var(--on-overlay-muted-hover);--context-menu-item-arrow-margin-left: 8px;--context-menu-item-arrow-font-size: 16px;--context-menu-item-arrow-color: var(--on-overlay-muted);--context-menu-item-disabled-color: var(--on-overlay-disabled);--context-menu-divider-bg: var(--on-overlay-divider);--context-menu-divider-margin: 4px 0;--context-menu-submenu-margin-left: 4px;--panel-section-header-gap: var(--space-md);--panel-section-body-margin-top: var(--space-md);--labeled-input-label-top-gap: var(--space-sm);--labeled-input-label-top-font-size: var(--font-size-sm);--color-picker-panel-tabs-gap: 10px;--color-picker-panel-tabs-padding: 10px;--color-picker-panel-tabs-border: 1px solid rgb(15 23 42 / 8%);--color-picker-panel-tab-size: 22px;--color-picker-panel-tab-border: 2px solid transparent;--color-picker-panel-tab-color: var(--color-text-muted-weak);--color-picker-panel-tab-color-hover: var(--color-primary);--color-picker-panel-tab-icon-size: 20px;--color-picker-panel-content-min-height: 200px;--color-picker-panel-solid-gap: var(--space-md);--color-picker-panel-picker-wrap-min-height: 180px;--color-picker-panel-picker-wrap-radius: var(--radius-md);--color-picker-panel-picker-wrap-border: 1px solid var(--border-subtle-color);--color-picker-panel-label-font-size: var(--font-size-sm);--color-picker-panel-label-color: var(--color-text-muted-weak);--color-picker-panel-label-margin-bottom: var(--space-sm);--color-picker-panel-select-padding: var(--space-md) 10px;--color-picker-panel-select-border: var(--border-default);--color-picker-panel-select-radius: var(--radius-md);--color-picker-panel-select-color: var(--color-text-strong);--color-picker-panel-select-bg: var(--color-surface)}.field-label{font:var(--field-label-font);color:var(--field-label-color)}[data-theme=dark]{--color-primary: #4a8cff;--color-primary-hover: #5b9aff;--color-on-primary: #ffffff;--color-focus-ring: #4a8cff;--color-surface: #333333;--color-surface-subtle: #464646;--color-surface-muted: #383838;--color-surface-hover: #333333;--color-text: #ffffff;--color-text-strong: #ffffff;--color-text-muted: #cccccc;--color-text-muted-alt: #b0b0b0;--color-text-muted-weak: #999999;--color-border: #3e3e3e;--color-border-subtle: #404040;--color-overlay-dark: #222222;--panel-bg: var(--color-surface);--panel-border-color: var(--color-border);--toolbar-btn-bg-hover: #525252;--toolbar-dropdown-item-bg-active: #333333;--toolbar-icon-color: #ffffff;--toolbar-icon-color-hover: #ffffff;--tree-node-bg-selected: #3e3e3e;--tree-node-bg-hover: #383838;--pages-section-item-bg-hover: #383838;--pages-section-item-bg-active: #3e3e3e;--properties-section-add-icon-color: #ffffff;--icon-button-remove-color: #ffffff;--search-input-icon-color: #ffffff;--library-card-icon-color: #ffffff;--toolbar-user-icon-color: #ffffff;--view-mode-switcher-manage-icon-color: #ffffff;--library-breadcrumb-color: #ffffff;--library-card-bg-hover: #4a8cff;--theme-switcher-btn-bg: #383838;--theme-switcher-btn-bg-hover: #525252;--theme-switcher-icon-color: #ffffff;--shadow: 0 4px 12px rgba(0, 0, 0, .5);--shadow-soft: 0 1px 3px rgba(0, 0, 0, .2);--scrollbar-thumb-bg: rgba(255, 255, 255, .25);--scrollbar-thumb-bg-hover: rgba(255, 255, 255, .35);--scrollbar-thumb-bg-active: rgba(255, 255, 255, .45);--backdrop-overlay-bg: rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-family-base);background-color:var(--color-surface);color:var(--color-text)}app-root{display:block;width:100%;height:100vh}input,select,textarea{width:100%;min-width:0;max-width:100%;height:var(--input-height);min-height:var(--input-height);padding:var(--input-padding-y) var(--input-padding-x);background:var(--input-bg);border:none;border-radius:var(--input-radius);font:var(--input-font);color:var(--input-text-color);box-sizing:border-box}input:focus,select:focus,textarea:focus{outline:none}input:disabled,input:readonly,select:disabled,select:readonly,textarea:disabled,textarea:readonly{opacity:.7;cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--input-label-color)}textarea{min-height:64px;resize:none}