:root{--color-primary: #444ae8;--color-canvas-default: #05070e;--color-canvas-contrast: #181c20;--color-canvas-dim: rgba(0, 0, 0, .7);--color-canvas-white: #ffffff;--color-surface-01: #05070e;--color-surface-02: #0f1217;--color-surface-03: #181c20;--color-surface-04: #282d32;--color-surface-05: #565d63;--color-surface-black: #000000;--color-surface-accent01: #000045;--color-surface-accent02: #0e0ea6;--color-surface-accent03: #5d6cfa;--color-surface-dim70: rgba(0, 0, 0, .7);--color-surface-dim50-gnb: rgba(0, 0, 0, .5);--color-text-primary: #e6eaf0;--color-text-secondary: #d3d7de;--color-text-placeholder: #898f95;--color-text-disabled: #353d43;--color-text-success: #2aeea8;--color-text-warning: #ffab5c;--color-text-extension: #fb8200;--color-text-failed: #ff7474;--color-text-inverse: #181c20;--color-text-white: #ffffff;--color-text-black: #181c20;--color-text-accent: #5d6cfa;--color-text-button-secondary: #d3d7de;--color-text-button-disabled: #898f95;--color-border-default: #353d43;--color-border-selected: #d3d7de;--color-border-success: #2aeea8;--color-border-warning: #ffab5c;--color-border-accent: #5d6cfa;--color-border-fail: #ff7474;--color-border-light: #181c20;--color-border-dim: rgba(255, 255, 255, .1);--color-modal: #181c20;--color-button-primary-default: #5d6cfa;--color-button-primary-hover: #444ae8;--color-button-primary-pressed: #0e0ea6;--color-button-primary-disabled: #000045;--color-button-secondary-default: #282d32;--color-button-secondary-hover: #353d43;--color-button-secondary-pressed: #565d63;--color-button-secondary-disabled: #282d32;--color-button-alert-default: #ff4550;--color-button-alert-hover: #e32f3f;--color-button-alert-pressed: #ad001d;--color-button-alert-disabled: #7a0000;--color-button-text-hover: rgba(0, 0, 0, .5);--color-button-text-pressed: rgba(0, 0, 0, .7);--color-button-text-focused: #5d6cfa;--color-checkbox-accent: #5d6cfa;--color-checkbox-disabled: #353d43;--color-icon-primary: #f2f4f7;--color-icon-secondary: #d3d7de;--color-icon-tertiary: #898f95;--color-icon-disabled: #353d43;--color-icon-button-disabled: #898f95;--color-icon-button-secondary: #d3d7de;--color-icon-inverse: #181c20;--color-icon-white: #ffffff;--color-icon-black: #05070e;--color-icon-accent: #5d6cfa;--color-icon-success: #2aeea8;--color-icon-warning: #ffab5c;--color-icon-failed: #ff7474;--color-badge-success: #00af79;--color-opacity-opacity1: rgba(0, 0, 0, .7);--color-shadow-shadow1: rgba(0, 0, 0, .5);--color-shadow-shadow2: rgba(0, 0, 0, .7);--color-shadow-popup: rgba(0, 0, 0, .5);--color-shadow-card: rgba(0, 0, 0, .2)}:root{--radius-thumbnail-sm: 4px;--radius-thumbnail-md: 6px;--radius-thumbnail-lg: 8px;--radius-thumbnail-xl: 12px;--radius-modal: 16px;--radius-toast: 6px;--radius-tooltip: 6px;--radius-input-lg: 6px;--radius-input-sm: 4px;--radius-tag: 999px;--radius-checkbox: 4px;--radius-chip: 4px;--radius-background-card: 8px;--radius-background-sheet: 8px;--radius-background-body: 24px;--radius-profile: 999px;--radius-button-sm: 4px;--radius-button-md: 4px;--radius-button-lg: 6px;--radius-button-xl: 6px;--radius-dropdown-md: 4px;--radius-dropdown-lg: 6px;--radius-list-item: 6px;--radius-overflow-menu: 4px;--radius-overflow-menu-list: 4px;--radius-toggle: 999px;--radius-slider: 999px}:root{--spacing-padding-xs: 4px;--spacing-padding-sm: 8px;--spacing-padding-md: 12px;--spacing-padding-lg: 16px;--spacing-padding-xl: 20px;--spacing-gap-sm: 2px;--spacing-gap-md: 4px;--spacing-gap-lg: 8px;--spacing-gap-xl: 12px;--spacing-margin-sm: 16px;--spacing-margin-md: 24px;--spacing-margin-lg: 32px;--spacing-margin-xl: 48px;--spacing-layout-xs: 12px;--spacing-layout-sm: 24px;--spacing-layout-md: 32px;--spacing-layout-lg: 48px;--spacing-layout-xl: 64px;--spacing-layout-xxl: 96px}:root{--stroke-icon-12px: 1px;--stroke-icon-16px: 1.25px;--stroke-icon-24px: 1.5px}:root{--shadow-dropdown: 0 2px 2px 0 rgba(0, 0, 0, .5);--shadow-overflow-menu: 0 0 4px 0 rgba(0, 0, 0, .5);--shadow-toast: 0 4px 4px 0 rgba(0, 0, 0, .5);--shadow-prompt-generator: 0 2px 10px 0 rgba(0, 0, 0, .7);--shadow-panel-right: 0 2px 4px 0 rgba(0, 0, 0, .7);--shadow-mini-modal: 0 0 4px 0 rgba(0, 0, 0, .5);--shadow-notification: 0 4px 4px 0 rgba(0, 0, 0, .7);--shadow-tutorial: 0 2px 8px 0 rgba(0, 0, 0, .5);--shadow-comment: 0 0 20px 0 rgba(0, 0, 0, .7)}:root[data-theme=light]{--color-primary: #444ae8;--color-canvas-default: #ffffff;--color-canvas-contrast: #f2f4f7;--color-canvas-dim: rgba(0, 0, 0, .7);--color-canvas-white: #ffffff;--color-surface-01: #ffffff;--color-surface-02: #f2f4f7;--color-surface-03: #e6eaf0;--color-surface-04: #d3d7de;--color-surface-05: #898f95;--color-surface-black: #000000;--color-surface-accent01: #e9eaff;--color-surface-accent02: #8793ff;--color-surface-accent03: #444ae8;--color-surface-dim70: rgba(0, 0, 0, .2);--color-surface-dim50-gnb: rgba(0, 0, 0, .12);--color-text-primary: #181c20;--color-text-secondary: #565d63;--color-text-placeholder: #7d8389;--color-text-disabled: #bdc2c9;--color-text-success: #00af79;--color-text-warning: #fa7500;--color-text-extension: #fb8200;--color-text-failed: #e32f3f;--color-text-inverse: #ffffff;--color-text-white: #ffffff;--color-text-black: #181c20;--color-text-accent: #444ae8;--color-text-button-secondary: #353d43;--color-text-button-disabled: #898f95;--color-border-default: #bdc2c9;--color-border-selected: #7d8389;--color-border-success: #00af79;--color-border-warning: #fa7500;--color-border-accent: #444ae8;--color-border-fail: #e32f3f;--color-border-light: #e6eaf0;--color-border-dim: rgba(0, 0, 0, .12);--color-modal: #ffffff;--color-button-primary-default: #444ae8;--color-button-primary-hover: #5d6cfa;--color-button-primary-pressed: #0e0ea6;--color-button-primary-disabled: #a7b1ff;--color-button-secondary-default: #d3d7de;--color-button-secondary-hover: #bdc2c9;--color-button-secondary-pressed: #7d8389;--color-button-secondary-disabled: #d3d7de;--color-button-alert-default: #e32f3f;--color-button-alert-hover: #ff4550;--color-button-alert-pressed: #ad001d;--color-button-alert-disabled: #ffcec9;--color-button-text-hover: rgba(0, 0, 0, .12);--color-button-text-pressed: rgba(0, 0, 0, .2);--color-button-text-focused: #a7b1ff;--color-checkbox-accent: #5d6cfa;--color-checkbox-disabled: #353d43;--color-icon-primary: #181c20;--color-icon-secondary: #565d63;--color-icon-tertiary: #7d8389;--color-icon-disabled: #bdc2c9;--color-icon-button-disabled: #898f95;--color-icon-button-secondary: #353d43;--color-icon-inverse: #ffffff;--color-icon-white: #ffffff;--color-icon-black: #05070e;--color-icon-accent: #444ae8;--color-icon-success: #00af79;--color-icon-warning: #fa7500;--color-icon-failed: #ff4550;--color-badge-success: #00af79;--color-opacity-opacity1: rgba(255, 255, 255, .7);--color-shadow-shadow1: rgba(0, 0, 0, .08);--color-shadow-shadow2: rgba(0, 0, 0, .12);--color-shadow-popup: rgba(0, 0, 0, .5);--color-shadow-card: rgba(0, 0, 0, .2)}:root[data-theme=light]{--shadow-dropdown: 0 2px 2px 0 rgba(0, 0, 0, .08);--shadow-overflow-menu: 0 0 4px 0 rgba(0, 0, 0, .08);--shadow-toast: 0 4px 4px 0 rgba(0, 0, 0, .08);--shadow-prompt-generator: 0 2px 10px 0 rgba(0, 0, 0, .12);--shadow-panel-right: 0 2px 4px 0 rgba(0, 0, 0, .12);--shadow-mini-modal: 0 0 4px 0 rgba(0, 0, 0, .08);--shadow-notification: 0 4px 4px 0 rgba(0, 0, 0, .12);--shadow-tutorial: 0 2px 8px 0 rgba(0, 0, 0, .08);--shadow-comment: 0 0 20px 0 rgba(0, 0, 0, .12)}