:root[data-ui-theme="001"] {
  color-scheme: light;
  --ui-bg: #fff;
  --ui-control-bg: #eef1ed;
  --ui-shell-separator: var(--canvas-bg);
  --ui-border: #dfe4dd;
  --ui-border-strong: #cbd2c8;
  --scrollbar-thumb: #cbd1c9;
  --scrollbar-thumb-hover: #afb8ad;
  --ui-value-primary: #242923;
  --ui-value-secondary: #50584f;
  --ui-value-label: #626b61;
  --ui-value-muted: #737c72;
  --ui-value-subtle: #a3aba1;
  --ui-value-inactive: #939b91;
  --ui-value-disabled: #bcc2ba;
  --ui-icon-color: #50584f;
  --ui-header-meta-color: #50584f;
  --ui-panel-title-color: #242923;
  --ui-section-title-color: #343b33;
  --ui-subsection-title-color: #4f584e;
  --ui-text-body-secondary: var(--ui-value-secondary);
  --ui-surface-floating: #fff;
  --ui-surface-field: #fff;
  --ui-surface-draggable: #eef1ed;
  --ui-surface-draggable-hover: #e8ece7;
  --ui-surface-drag-preview: #fff;
  --ui-surface-overlay-control: rgba(255, 255, 255, .96);
  --ui-drop-placeholder-surface: #e7ebe5;
  --ui-draggable-grip-color: #8d978b;
  --ui-object-handle-color: #788176;
  --ui-editor-column-border: rgba(68, 78, 66, .12);
  --ui-editor-split-preview-halo: color-mix(in srgb, var(--ui-accent) 13%, transparent);
  --ui-editor-drop-outline: color-mix(in srgb, var(--ui-accent) 48%, transparent);
  --ui-editor-panel-selected-border: color-mix(in srgb, var(--ui-accent) 60%, transparent);
  --ui-editor-column-selected-border: color-mix(in srgb, var(--ui-accent) 66%, transparent);
  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --ui-radius-field: 8px;
  --ui-radius-draggable: 10px;
  --ui-radius-context-toolbar: 12px;
  --shadow-object-tooltip-current: 0 3px 8px rgba(27, 35, 26, .12);
  --shadow-compact-current: 0 3px 6px rgba(27, 35, 26, .18);
  --shadow-nested-current: 0 8px 22px rgba(27, 35, 26, .13);
  --shadow-drag-current: 0 9px 24px rgba(27, 35, 26, .14);
  --shadow-toast-current: 0 9px 24px rgba(27, 35, 26, .14);
  --shadow-panel-current: 0 14px 34px rgba(27, 35, 26, .14);
  --shadow-float-current: 0 12px 30px rgba(27, 35, 26, .15);
}

:root[data-ui-theme="001"] :is(.app-header, .sidebar, .status-bar) { background: var(--ui-bg); }

:root[data-ui-theme="001"] :is(.page-library, .sidebar--tools) {
  border-radius: 14px;
  background: var(--ui-surface-floating);
}

:root[data-ui-theme="001"] :is(.ui-icon-button, .header-icon-button) {
  border-radius: var(--ui-radius-field);
  transition: background-color 120ms ease, color 120ms ease, opacity 120ms ease;
}

:root[data-ui-theme="001"] .ui-icon-button:not(:disabled):not([aria-disabled="true"]):not([aria-expanded="true"]):not(.is-active):not(.is-selected):not(:hover):not(:focus-visible) {
  color: var(--ui-icon-color);
}

:root[data-ui-theme="001"] :is(.ui-icon-button, .header-icon-button):not(:disabled):hover {
  background: transparent;
  color: var(--ui-accent);
}

:root[data-ui-theme="001"] :is(
  .page-library.is-open .page-library__toggle,
  .ui-icon-button[aria-expanded="true"],
  .ui-icon-button.is-active,
  .ui-icon-button.is-selected
) {
  color: var(--ui-accent);
}

:root[data-ui-theme="001"] .app-header__meta :is(.header-icon-button, .info-button) {
  color: var(--ui-header-meta-color);
}

:root[data-ui-theme="001"] .app-header__meta :is(.header-icon-button, .info-button):not(:disabled):not([aria-disabled="true"]):hover {
  color: var(--ui-accent);
}

:root[data-ui-theme="001"] .app-header__meta .social-link-button[aria-disabled="true"] {
  color: var(--ui-value-disabled);
}

:root[data-ui-theme="001"] :is(button, input, select, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 2px;
}

:root[data-ui-theme="001"] .ui-field:not(.ui-range) {
  border-color: transparent;
  background: var(--ui-control-bg);
}

:root[data-ui-theme="001"] .ui-action-button {
  min-height: var(--ui-field-height-md);
  padding: var(--space-5) var(--space-9);
  border: 0;
  border-radius: var(--ui-radius-field);
  background: var(--ui-control-bg);
  color: var(--ui-value-primary);
  font-size: var(--ui-font-size-caption);
  font-weight: var(--ui-control-label-font-weight);
  transition: background-color 120ms ease, color 120ms ease, opacity 120ms ease;
}

:root[data-ui-theme="001"] .ui-action-button:not(:disabled):hover {
  border-color: transparent;
  background: var(--ui-surface-draggable-hover);
  color: var(--ui-value-primary);
}

:root[data-ui-theme="001"] .ui-action-button[aria-pressed="true"] {
  background: var(--ui-accent);
  color: var(--ui-text-on-accent);
  box-shadow: none;
}

:root[data-ui-theme="001"] .ui-select__trigger {
  border: 0;
  background: var(--ui-control-bg);
  color: var(--ui-value-primary);
}

:root[data-ui-theme="001"] .ui-select__options {
  border: 0;
  border-radius: 10px;
  background: var(--ui-surface-floating);
}

:root[data-ui-theme="001"] .ui-select__option { color: var(--ui-value-primary); }
:root[data-ui-theme="001"] .ui-select__option:hover,
:root[data-ui-theme="001"] .ui-select__option:focus-visible {
  background: var(--ui-surface-draggable-hover);
}
:root[data-ui-theme="001"] .ui-select__option[aria-selected="true"] {
  background: var(--ui-accent);
  color: var(--ui-text-on-accent);
}

:root[data-ui-theme="001"] .ui-action-button--primary,
:root[data-ui-theme="001"] .new-workspace-dialog__actions .ui-action-button--primary {
  background: var(--ui-accent);
  color: var(--ui-text-on-accent);
}

:root[data-ui-theme="001"] .ui-action-button--primary:not(:disabled):hover,
:root[data-ui-theme="001"] .new-workspace-dialog__actions .ui-action-button--primary:not(:disabled):hover {
  background: color-mix(in srgb, var(--ui-accent) 88%, #000);
  color: var(--ui-text-on-accent);
}

:root[data-ui-theme="001"] .ui-action-button--quiet,
:root[data-ui-theme="001"] .new-workspace-dialog__actions .ui-action-button--quiet { background: transparent; }

:root[data-ui-theme="001"] .ui-action-button--danger { color: var(--ui-danger); }

:root[data-ui-theme="001"] .ui-range { background: transparent; }

:root[data-ui-theme="001"] .ui-range::-webkit-slider-runnable-track {
  height: 2px;
  border-radius: 0;
  background: var(--ui-border-strong);
}

:root[data-ui-theme="001"] .ui-range::-moz-range-track {
  height: 2px;
  border-radius: 0;
  background: var(--ui-border-strong);
}

:root[data-ui-theme="001"] :is(
  .ui-floating-surface,
  .ui-dialog-surface,
  .view-menu__popover,
  .timer-popover,
  .alert-menu,
  .bullet-picker,
  .object-context-toolbar
) {
  border-color: transparent;
  border-radius: 12px;
}

:root[data-ui-theme="001"] .sidebar--settings {
  border-radius: 16px;
  background: var(--ui-surface-floating);
  scrollbar-color: var(--scrollbar-thumb) transparent;
  scrollbar-width: thin;
}

:root[data-ui-theme="001"] .sidebar--settings::-webkit-scrollbar { width: 8px; }

:root[data-ui-theme="001"] .sidebar--settings::-webkit-scrollbar-track {
  margin-block: 12px;
  background: transparent;
}

:root[data-ui-theme="001"] .sidebar--settings::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: var(--ui-radius-scrollbar);
  background: var(--scrollbar-thumb);
  background-clip: content-box;
}

:root[data-ui-theme="001"] .sidebar--settings::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: content-box;
}

:root[data-ui-theme="001"] :is(.info-dialog, .new-workspace-dialog) { border-radius: 16px; }

:root[data-ui-theme="001"] .ui-tooltip-anchor::after {
  border: 0;
  border-radius: 8px;
  box-shadow: var(--ui-shadow-object-tooltip);
}

:root[data-ui-theme="001"] .ui-draggable-tile { padding-inline: var(--space-7); }

:root[data-ui-theme="001"] .ui-draggable-tile:not(:disabled) { color: var(--ui-value-primary); }

:root[data-ui-theme="001"] .ui-draggable-tile:not(:disabled):active {
  background: color-mix(in srgb, var(--ui-accent) 10%, var(--ui-surface-draggable));
}

:root[data-ui-theme="001"] :is(.app-version, .save-state, .status-bar) { color: var(--ui-value-muted); }
:root[data-ui-theme="001"] :is(.app-brand__name, .workspace-title) { color: var(--ui-value-primary); }

:root[data-ui-theme="001"] .content-panel {
  border-radius: 0;
  background: #fff;
}

:root[data-ui-theme="001"][data-ui-scheme="dark"] {
  color-scheme: dark;
  --ui-bg: #1b201d;
  --ui-control-bg: #2a302d;
  --ui-shell-separator: #151917;
  --ui-border: #343b37;
  --ui-border-strong: #49524c;
  --text-color: #e4e8e5;
  --muted-color: #a8b0aa;
  --scrollbar-thumb: #4b544e;
  --scrollbar-thumb-hover: #626d66;
  --ui-value-primary: #f0f3f0;
  --ui-value-secondary: #c8cec9;
  --ui-value-label: #b6beb8;
  --ui-value-muted: #a6aea8;
  --ui-value-subtle: #7f8982;
  --ui-value-inactive: #737c76;
  --ui-value-disabled: #626a65;
  --ui-icon-color: #aab3ac;
  --ui-header-meta-color: #9fa9a1;
  --ui-panel-title-color: #f0f3f0;
  --ui-section-title-color: #dce1dd;
  --ui-subsection-title-color: #c1c8c3;
  --ui-text-body-secondary: var(--ui-value-secondary);
  --ui-surface-floating: #222825;
  --ui-surface-field: #2a302d;
  --ui-surface-draggable: #2a302d;
  --ui-surface-draggable-hover: #343b37;
  --ui-surface-drag-preview: #2e3531;
  --ui-surface-overlay-control: rgba(34, 40, 37, .96);
  --ui-drop-placeholder-surface: #343b37;
  --ui-draggable-grip-color: #89938c;
  --ui-object-handle-color: #929c95;
  --ui-editor-column-border: rgba(226, 234, 228, .13);
  --ui-editor-split-preview-halo: color-mix(in srgb, var(--ui-accent) 18%, transparent);
  --ui-editor-drop-outline: color-mix(in srgb, var(--ui-accent) 58%, transparent);
  --ui-editor-panel-selected-border: color-mix(in srgb, var(--ui-accent) 68%, transparent);
  --ui-editor-column-selected-border: color-mix(in srgb, var(--ui-accent) 72%, transparent);
  --ui-backdrop-modal: rgba(0, 0, 0, .58);
  --shadow-object-tooltip-current: 0 3px 8px rgba(0, 0, 0, .34);
  --shadow-compact-current: 0 3px 6px rgba(0, 0, 0, .42);
  --shadow-nested-current: 0 8px 22px rgba(0, 0, 0, .4);
  --shadow-drag-current: 0 9px 24px rgba(0, 0, 0, .42);
  --shadow-toast-current: 0 9px 24px rgba(0, 0, 0, .42);
  --shadow-panel-current: 0 14px 34px rgba(0, 0, 0, .44);
  --shadow-float-current: 0 12px 30px rgba(0, 0, 0, .46);
}

:root[data-ui-theme="001"][data-ui-scheme="dark"] .canvas-viewport {
  --canvas-bg: #151917 !important;
  --panel-bg: rgba(39, 45, 41, .92) !important;
  --text-color: #e4e8e5 !important;
}

:root[data-ui-theme="001"][data-ui-scheme="dark"] .content-panel { background: var(--panel-bg); }

:root[data-ui-theme="001"][data-ui-scheme="dark"] .item-bullet-marker[data-bullet-style="black"],
:root[data-ui-theme="001"][data-ui-scheme="dark"] .item-bullet-marker[data-bullet-style="blackLarge"] {
  color: var(--text-color);
}

:root[data-ui-theme="001"][data-ui-scheme="dark"] .canvas-segment {
  --segment-scrollbar-thumb: color-mix(in srgb, #fff 15%, var(--canvas-bg));
  --segment-scrollbar-thumb-hover: color-mix(in srgb, #fff 24%, var(--canvas-bg));
}

:root[data-ui-theme="001"][data-ui-scheme="dark"] .app-brand__mark,
:root[data-ui-theme="001"][data-ui-scheme="dark"] .mobile-gate__brand img { filter: invert(1); }

:root[data-ui-theme="001"][data-ui-scheme="dark"] .drawing-editor {
  background: rgba(24, 29, 26, .98);
}