:root {
  --ui-header-height: 44px;
  --ui-footer-height: 24px;
  --ui-left-panel-width: 180px;
  --ui-right-panel-width: 224px;
  --ui-page-library-rail-width: 34px;
  --ui-page-library-width: 224px;
  --ui-icon-button-size: var(--size-22);
  --ui-header-button-size: 31px;
  --ui-header-settings-icon-size: 27px;
  --ui-header-social-icon-size: 22px;
  --ui-header-info-glyph-size: 19px;
  --ui-shell-inline-padding: 14px;
  --ui-status-inline-padding: 12px;
  --ui-sidebar-block-padding: 18px;
  --ui-sidebar-inline-padding: 14px;
  --ui-sidebar-title-gap: 24px;
  --ui-settings-panel-offset: 20px;
  --ui-settings-panel-width: 300px;
  --ui-page-library-rail-padding: 12px;
  --ui-page-library-padding-block-start: 18px;
  --ui-page-library-padding-inline-end: 13px;
  --ui-page-library-padding-block-end: 20px;
  --ui-page-library-padding-inline-start: 8px;
  --ui-tool-button-block-padding: 4px;
  --font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size: 15px;
  --line-height: 1.55;
  --list-level-0-size: 18px;
  --list-level-1-size: 16px;
  --list-level-2-size: 14px;
  --list-item-weight: 400;
  --list-root-weight: 620;
  --canvas-bg: #f7f7f5;
  --panel-bg: transparent;
  --text-color: #242523;
  --muted-color: var(--color-neutral-600);
  --accent-color: #0cb6ab;
  --ui-accent: var(--accent-color);
  --ui-text-primary: var(--text-color);
  --ui-text-muted: var(--muted-color);
  --ui-icon-color: var(--muted-color);
  --ui-bg: #f2f2ef;
  --ui-border: #dedfd9;
  --ui-control-bg: #fafaf8;
  --ui-shell-separator: var(--canvas-bg);
  --scrollbar-thumb: var(--color-neutral-475);
  --scrollbar-thumb-hover: var(--color-neutral-550);
  --color-white: #fff;
  --color-white-alpha-90: rgba(255, 255, 255, .9);
  --color-neutral-250: #e5e6e2;
  --color-neutral-325: #d7d8d5;
  --color-neutral-475: #b8bbb4;
  --color-neutral-550: #9fa39b;
  --color-neutral-600: #81847e;
  --color-neutral-600-alpha-13: rgba(92, 96, 89, .13);
  --color-neutral-650: #62655f;
  --color-neutral-700: #555852;
  --color-neutral-900: #242523;
  --color-neutral-900-alpha-14: rgba(36, 37, 35, .14);
  --color-neutral-900-alpha-22: rgba(36, 37, 35, .22);
  --color-neutral-950-alpha-82: rgba(20, 21, 20, .82);
  --color-sage-700-alpha-08: rgba(86, 111, 98, .08);
  --color-sage-700-alpha-28: rgba(86, 111, 98, .28);
  --color-sage-700-alpha-52: rgba(86, 111, 98, .52);
  --color-sage-700-alpha-56: rgba(86, 111, 98, .56);
  --color-danger-500: #756a64;
  --color-danger-550: #9b5a54;
  --color-danger-600: #8b514b;
  --color-error-600: #b84f49;
  --ui-value-primary: var(--color-neutral-900);
  --ui-value-secondary: var(--color-neutral-700);
  --ui-value-label: var(--color-neutral-650);
  --ui-value-muted: var(--color-neutral-600);
  --ui-value-subtle: var(--color-neutral-475);
  --ui-value-inactive: var(--color-neutral-600);
  --ui-value-disabled: var(--color-neutral-475);
  --ui-text-body-secondary: var(--ui-value-secondary);
  --ui-text-on-accent: var(--color-white);
  --ui-text-on-immersive: var(--color-white);
  --ui-surface-floating: var(--color-white);
  --ui-surface-field: var(--color-white);
  --ui-surface-drag-preview: var(--color-white);
  --ui-surface-draggable: color-mix(in srgb, var(--ui-bg) 72%, var(--ui-surface-floating));
  --ui-surface-draggable-hover: color-mix(in srgb, var(--ui-bg) 52%, var(--ui-surface-floating));
  --ui-draggable-grip-color: var(--ui-value-subtle);
  --ui-surface-overlay-control: var(--color-white-alpha-90);
  --ui-border-strong: var(--color-neutral-325);
  --ui-border-overlay-control: var(--color-neutral-900-alpha-14);
  --ui-editor-column-border: var(--color-neutral-600-alpha-13);
  --ui-editor-split-preview-halo: var(--color-sage-700-alpha-08);
  --ui-editor-drop-outline: var(--color-sage-700-alpha-28);
  --ui-editor-panel-selected-border: var(--color-sage-700-alpha-52);
  --ui-editor-column-selected-border: var(--color-sage-700-alpha-56);
  --ui-editor-text-selection-background: #2f78d0;
  --ui-editor-text-selection-foreground: var(--color-white);
  --ui-editor-compact-preview-text: #acacac;
  --ui-editor-compact-preview-line-height: 1.4;
  --ui-backdrop-modal: var(--color-neutral-900-alpha-22);
  --ui-backdrop-immersive: var(--color-neutral-950-alpha-82);
  --ui-drop-placeholder-surface: var(--color-neutral-250);
  --ui-danger-muted: var(--color-danger-500);
  --ui-danger-secondary: var(--color-danger-550);
  --ui-danger: var(--color-danger-600);
  --ui-error: var(--color-error-600);
  --ui-notification-badge: #e53935;
  --space-1: 2px;
  --space-2: 3px;
  --space-3: 4px;
  --space-4: 5px;
  --space-5: 6px;
  --space-6: 7px;
  --space-7: 8px;
  --space-8: 9px;
  --space-9: 10px;
  --space-10: 12px;
  --space-12: 16px;
  --space-13: 18px;
  --space-15: 24px;
  --ui-control-gap-sm: var(--space-3);
  --ui-control-gap-md: var(--space-5);
  --ui-control-gap-lg: var(--space-7);
  --ui-panel-section-gap: 27px;
  --ui-panel-item-gap: var(--space-8);
  --ui-panel-row-height: 35px;
  --ui-section-content-indent: var(--space-12);
  --ui-action-gap-compact: var(--space-4);
  --ui-action-gap-wide: var(--space-8);
  --ui-object-handle-selection-gap: var(--space-2);
  --ui-object-handle-color: var(--muted-color);
  --ui-object-handle-opacity-rest: .16;
  --ui-object-handle-opacity-selected: .52;
  --ui-object-handle-opacity-active: .7;
  --ui-object-row-marker-gap: var(--space-2);
  --ui-object-handle-glyph-block-shift: 1px;
  --ui-object-marker-glyph-block-shift: 0px;
  --ui-object-bullet-glyph-block-shift: -1px;
  --ui-editor-panel-padding-block-start: 29px;
  --ui-editor-panel-padding-inline-start: 12px;
  --ui-editor-panel-padding-block-end: 13px;
  --ui-editor-panel-padding-inline-end: 20px;
  --ui-compact-gap: var(--space-1);
  --ui-compact-inset: var(--space-2);
  --ui-compact-padding: var(--space-3);
  --ui-floating-gap: var(--space-6);
  --ui-floating-padding-xs: var(--space-2);
  --ui-floating-padding-sm: var(--space-6);
  --ui-floating-padding-md: var(--space-10);
  --ui-floating-padding-lg: var(--space-12);
  --dialog-padding: var(--space-15);
  --dialog-action-gap: var(--ui-control-gap-lg);
  --time-popover-gap-sm: var(--ui-control-gap-sm);
  --time-popover-gap-md: var(--ui-control-gap-md);
  --time-popover-gap-lg: var(--ui-control-gap-lg);
  --header-brand-gap: var(--space-4);
  --header-identity-gap: var(--space-8);
  --header-action-gap: var(--space-9);
  --header-meta-gap: var(--space-5);
  --status-item-gap: var(--space-13);
  --compatibility-brand-gap: var(--ui-floating-gap);
  --page-library-draft-meta-gap: var(--ui-compact-gap);
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --radius-full: 999px;
  --radius-circle: 50%;
  --ui-radius-placeholder: var(--radius-xs);
  --ui-radius-field: var(--radius-xs);
  --ui-radius-drag-preview: var(--radius-sm);
  --ui-radius-draggable: var(--radius-sm);
  --ui-radius-context-toolbar: var(--radius-sm);
  --ui-radius-block-selection: var(--radius-lg);
  --ui-radius-item-selection: var(--radius-xl);
  --ui-radius-item-selection-pill: var(--radius-full);
  --ui-radius-scrollbar: var(--radius-full);
  --ui-radius-circle: var(--radius-circle);
  --size-3: 3px;
  --size-4: 4px;
  --size-6: 6px;
  --size-8: 8px;
  --size-10: 10px;
  --size-11: 11px;
  --size-14: 14px;
  --size-15: 15px;
  --size-16: 16px;
  --size-17: 17px;
  --size-18: 18px;
  --size-20: 20px;
  --size-22: 22px;
  --size-24: 24px;
  --size-25: 25px;
  --size-26: 26px;
  --size-27: 27px;
  --size-28: 28px;
  --size-32: 32px;
  --ui-field-height-sm: var(--size-27);
  --ui-field-height-md: var(--size-28);
  --ui-inline-name-height: var(--size-24);
  --ui-column-inline-name-height: var(--ui-icon-button-size);
  --ui-rich-text-control-size: var(--size-24);
  --ui-alignment-control-width: var(--size-27);
  --ui-alignment-control-height: var(--size-25);
  --ui-color-swatch-size: var(--size-17);
  --ui-range-hit-height: var(--size-16);
  --ui-range-thumb-size: var(--size-10);
  --ui-picker-option-size: var(--size-28);
  --ui-drawing-color-control-size: var(--size-26);
  --ui-media-overlay-control-size: var(--ui-icon-button-size);
  --ui-immersive-close-size: var(--size-32);
  --ui-brand-icon-size: var(--size-18);
  --ui-compatibility-brand-icon-size: var(--size-20);
  --ui-header-icon-size: 29px;
  --ui-tool-icon-size: var(--size-14);
  --ui-panel-control-icon-size: var(--size-16);
  --ui-menu-leading-icon-width: var(--ui-tool-icon-size);
  --ui-library-file-icon-width: var(--size-15);
  --ui-library-file-icon-height: var(--size-17);
  --ui-panel-action-icon-size: var(--size-8);
  --ui-delete-icon-size: var(--size-11);
  --ui-column-boundary-icon-size: var(--size-4);
  --ui-status-indicator-size: var(--size-6);
  --ui-font-size-micro: 9px;
  --ui-font-size-caption: 10px;
  --ui-font-size-control: 11px;
  --ui-font-size-body-sm: 12px;
  --ui-font-size-drag-glyph: 8px;
  --ui-font-size-brand: 14px;
  --ui-font-size-action-glyph: 15px;
  --ui-font-size-dialog-title-sm: 17px;
  --ui-font-size-dialog-close: 18px;
  --ui-font-size-dialog-title: 21px;
  --ui-font-size-compatibility-title: 22px;
  --ui-font-size-media-placeholder: 22px;
  --ui-font-size-drawing-placeholder: 24px;
  --ui-font-size-immersive-close: 27px;
  --ui-font-weight-light: 300;
  --ui-font-weight-regular: 400;
  --ui-font-weight-compatibility-title: 520;
  --ui-font-weight-workspace-title: 560;
  --ui-font-weight-dialog-title: 580;
  --ui-font-weight-emphasis: 620;
  --ui-font-weight-strong: 650;
  --ui-font-weight-bold: 700;
  --ui-line-height-solid: 1;
  --ui-line-height-tooltip: 1.2;
  --ui-line-height-compact: 1.25;
  --ui-line-height-summary: 1.5;
  --ui-line-height-body: 1.55;
  --ui-line-height-prose: 1.65;
  --ui-letter-spacing-title: -.015em;
  --ui-letter-spacing-display: -.02em;
  --ui-letter-spacing-meta: .02em;
  --ui-letter-spacing-label: .08em;
  --ui-letter-spacing-eyebrow: .1em;
  --ui-letter-spacing-section: .12em;
  --ui-panel-title-color: var(--ui-value-muted);
  --ui-panel-title-font-size: var(--ui-font-size-caption);
  --ui-panel-title-font-weight: var(--ui-font-weight-bold);
  --ui-panel-title-letter-spacing: var(--ui-letter-spacing-section);
  --ui-panel-title-text-transform: uppercase;
  --ui-section-title-color: var(--ui-value-subtle);
  --ui-section-title-font-size: var(--ui-font-size-body-sm);
  --ui-section-title-font-size-compact: var(--ui-font-size-micro);
  --ui-section-title-font-weight: var(--ui-font-weight-regular);
  --ui-section-title-font-weight-compact: var(--ui-font-weight-strong);
  --ui-section-title-letter-spacing-compact: var(--ui-letter-spacing-label);
  --ui-section-title-text-transform: uppercase;
  --ui-subsection-title-color: var(--ui-value-muted);
  --ui-subsection-title-font-size: var(--ui-font-size-caption);
  --ui-subsection-title-font-weight: var(--ui-font-weight-regular);
  --ui-field-label-color: var(--ui-value-label);
  --ui-field-label-font-size: var(--ui-font-size-caption);
  --ui-field-label-font-size-compact: var(--ui-font-size-micro);
  --ui-field-label-font-weight: var(--ui-font-weight-regular);
  --ui-field-label-line-height: var(--ui-line-height-compact);
  --ui-field-value-color: var(--ui-value-muted);
  --ui-field-value-font-size: var(--ui-font-size-caption);
  --ui-field-value-font-weight: var(--ui-font-weight-regular);
  --ui-panel-meta-color: var(--ui-value-muted);
  --ui-panel-meta-font-size: var(--ui-font-size-caption);
  --ui-panel-meta-font-size-compact: var(--ui-font-size-micro);
  --ui-panel-meta-font-weight: var(--ui-font-weight-regular);
  --ui-control-label-font-size: var(--ui-font-size-body-sm);
  --ui-control-label-font-size-compact: var(--ui-font-size-control);
  --ui-control-label-font-weight: var(--ui-font-weight-regular);
  --ui-letter-spacing-drag-glyph: 2px;
  --shadow-object-tooltip-current: 0 2px 5px rgba(28, 31, 28, .12);
  --shadow-compact-current: 0 3px 6px rgba(28, 31, 28, .22);
  --shadow-nested-current: 0 6px 16px rgba(28, 31, 28, .16);
  --shadow-drag-current: 0 7px 16px rgba(28, 31, 28, .12);
  --shadow-toast-current: 0 7px 18px rgba(28, 31, 28, .11);
  --shadow-panel-current: 0 8px 16px rgba(28, 31, 28, .14);
  --shadow-float-current: 0 8px 22px rgba(28, 31, 28, .13);
  --ui-shadow-object-tooltip: var(--shadow-object-tooltip-current);
  --ui-shadow-compact-floating: var(--shadow-compact-current);
  --ui-shadow-nested-floating: var(--shadow-nested-current);
  --ui-shadow-drag-preview: var(--shadow-drag-current);
  --ui-shadow-toast: var(--shadow-toast-current);
  --ui-shadow-panel: var(--shadow-panel-current);
  --ui-shadow-floating: var(--shadow-float-current);
}

* { box-sizing: border-box; }
*::-webkit-scrollbar { width: 7px; height: 7px; }
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-corner { background: transparent; }
*::-webkit-scrollbar-button,
*::-webkit-scrollbar-button:single-button,
*::-webkit-scrollbar-button:vertical:decrement,
*::-webkit-scrollbar-button:vertical:increment,
*::-webkit-scrollbar-button:horizontal:decrement,
*::-webkit-scrollbar-button:horizontal:increment,
*::-webkit-scrollbar-button:start:decrement,
*::-webkit-scrollbar-button:end:increment {
  display: none;
  width: 0;
  height: 0;
  border: 0;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
}
*::-webkit-scrollbar-thumb {
  border: 0;
  border-radius: var(--ui-radius-scrollbar);
  background: var(--scrollbar-thumb);
}
*::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); }

@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) transparent;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

html, body { height: 100%; }

/* The shell is not a document selection surface. Editors explicitly opt in. */
input,
textarea,
[contenteditable=""],
[contenteditable="true"],
[contenteditable="plaintext-only"] {
  -webkit-user-select: text;
  user-select: text;
}

body {
  -webkit-user-select: none;
  user-select: none;
  margin: 0;
  overflow: hidden;
  color: var(--text-color);
  background: var(--ui-bg);
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: var(--line-height);
  -webkit-font-smoothing: antialiased;
}

button, input, select { font: inherit; }
button { color: inherit; }