/* src/styles/fonts.css */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("./fonts/Manrope-Latin.woff2") format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("./fonts/Manrope-LatinExt.woff2") format("woff2-variations");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}

/* src/styles/tokens.css */
:root {
  --ornie-primary-50: #edf4f1;
  --ornie-primary-100: #d7e7e0;
  --ornie-primary-200: #b4d0c5;
  --ornie-primary-300: #8bb2a4;
  --ornie-primary-400: #679487;
  --ornie-primary-500: #4c7d70;
  --ornie-primary-600: #3e685d;
  --ornie-primary-700: #32544b;
  --ornie-primary-800: #26413a;
  --ornie-primary-900: #1b2f2a;
  --ornie-neutral-0: #ffffff;
  --ornie-neutral-50: #f8f5f1;
  --ornie-neutral-100: #efeae3;
  --ornie-neutral-200: #e2dacf;
  --ornie-neutral-300: #cfc3b4;
  --ornie-neutral-400: #aea08f;
  --ornie-neutral-450: #9c8f7e;
  --ornie-neutral-500: #7f7365;
  --ornie-neutral-550: #75685a;
  --ornie-neutral-600: #6a5f52;
  --ornie-neutral-700: #4e453b;
  --ornie-neutral-800: #38312a;
  --ornie-neutral-900: #241e18;
  --ornie-neutral-950: #1d1813;
  --ornie-neutral-1000: #16110d;
  --ornie-ink-50: #f4ede5;
  --ornie-ink-100: #e8d9c8;
  --ornie-ink-200: #d6bda3;
  --ornie-ink-300: #bf9d7d;
  --ornie-ink-500: #8b6a4f;
  --ornie-ink-700: #5e4433;
  --ornie-ink-900: #362619;
  --ornie-positive-50: #edf2ea;
  --ornie-positive-100: #d8e4d2;
  --ornie-positive-200: #b9cfae;
  --ornie-positive-300: #97b489;
  --ornie-positive-500: #567a4e;
  --ornie-positive-600: #46653f;
  --ornie-positive-700: #375031;
  --ornie-positive-900: #202e1d;
  --ornie-caution-50: #f6efe1;
  --ornie-caution-100: #ecdfc0;
  --ornie-caution-200: #e0cda1;
  --ornie-caution-300: #cfb178;
  --ornie-caution-500: #a98038;
  --ornie-caution-600: #8c6828;
  --ornie-caution-700: #6f521f;
  --ornie-caution-900: #392b16;
  --ornie-critical-50: #f7ece8;
  --ornie-critical-100: #eed6cd;
  --ornie-critical-300: #cd9681;
  --ornie-critical-500: #a55c47;
  --ornie-critical-600: #8f4936;
  --ornie-critical-700: #733a2b;
  --ornie-critical-900: #3f221a;
  --ornie-font-sans:
    "Manrope",
    ui-sans-serif,
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --ornie-text-xs: 12px;
  --ornie-text-sm: 13px;
  --ornie-text-md: 15px;
  --ornie-text-lg: 17px;
  --ornie-text-xl: 20px;
  --ornie-text-2xl: 24px;
  --ornie-text-3xl: 30px;
  --ornie-text-4xl: 38px;
  --ornie-leading-tight: 1.25;
  --ornie-leading-normal: 1.5;
  --ornie-weight-regular: 400;
  --ornie-weight-medium: 500;
  --ornie-weight-semibold: 600;
  --ornie-weight-bold: 700;
  --ornie-weight-extrabold: 800;
  --ornie-space-1: 4px;
  --ornie-space-2: 8px;
  --ornie-space-3: 12px;
  --ornie-space-4: 16px;
  --ornie-space-5: 20px;
  --ornie-space-6: 24px;
  --ornie-space-8: 32px;
  --ornie-space-10: 40px;
  --ornie-space-12: 48px;
  --ornie-space-16: 64px;
  --ornie-radius-xs: 6px;
  --ornie-radius-sm: 8px;
  --ornie-radius-md: 12px;
  --ornie-radius-lg: 16px;
  --ornie-radius-full: 999px;
  --ornie-shadow-sm: 0 1px 2px rgba(36, 30, 24, 0.06);
  --ornie-shadow-md: 0 2px 8px rgba(36, 30, 24, 0.08), 0 1px 2px rgba(36, 30, 24, 0.05);
  --ornie-shadow-lg: 0 12px 32px rgba(36, 30, 24, 0.14), 0 2px 8px rgba(36, 30, 24, 0.06);
  --ornie-duration-quick: 120ms;
  --ornie-duration-gentle: 220ms;
  --ornie-duration-fast: 120ms;
  --ornie-duration-normal: 180ms;
  --ornie-ease-out: cubic-bezier(0.2, 0, 0.2, 1);
  --ornie-ease-inout: cubic-bezier(0.45, 0, 0.25, 1);
  --ornie-ease: cubic-bezier(0.2, 0, 0.2, 1);
  --ornie-duration-spin: 900ms;
  --ornie-spin-state: running;
  --ornie-z-dock: 100;
  --ornie-z-drawer: 800;
  --ornie-z-sheet: 900;
  --ornie-z-modal: 1000;
  --ornie-z-tooltip: 1100;
  --ornie-z-toast: 1200;
  --ornie-keyboard-inset: 0px;
  --ornie-river-50: var(--ornie-primary-50);
  --ornie-river-100: var(--ornie-primary-100);
  --ornie-river-200: var(--ornie-primary-200);
  --ornie-river-300: var(--ornie-primary-300);
  --ornie-river-400: var(--ornie-primary-400);
  --ornie-river-500: var(--ornie-primary-500);
  --ornie-river-600: var(--ornie-primary-600);
  --ornie-river-700: var(--ornie-primary-700);
  --ornie-river-800: var(--ornie-primary-800);
  --ornie-river-900: var(--ornie-primary-900);
  --ornie-sand-0: var(--ornie-neutral-0);
  --ornie-sand-50: var(--ornie-neutral-50);
  --ornie-sand-100: var(--ornie-neutral-100);
  --ornie-sand-200: var(--ornie-neutral-200);
  --ornie-sand-300: var(--ornie-neutral-300);
  --ornie-sand-400: var(--ornie-neutral-400);
  --ornie-sand-450: var(--ornie-neutral-450);
  --ornie-sand-500: var(--ornie-neutral-500);
  --ornie-sand-550: var(--ornie-neutral-550);
  --ornie-sand-600: var(--ornie-neutral-600);
  --ornie-sand-700: var(--ornie-neutral-700);
  --ornie-sand-800: var(--ornie-neutral-800);
  --ornie-sand-900: var(--ornie-neutral-900);
  --ornie-sand-950: var(--ornie-neutral-950);
  --ornie-sand-1000: var(--ornie-neutral-1000);
  --ornie-fur-50: var(--ornie-ink-50);
  --ornie-fur-100: var(--ornie-ink-100);
  --ornie-fur-200: var(--ornie-ink-200);
  --ornie-fur-300: var(--ornie-ink-300);
  --ornie-fur-500: var(--ornie-ink-500);
  --ornie-fur-700: var(--ornie-ink-700);
  --ornie-fur-900: var(--ornie-ink-900);
  --ornie-moss-50: var(--ornie-positive-50);
  --ornie-moss-100: var(--ornie-positive-100);
  --ornie-moss-200: var(--ornie-positive-200);
  --ornie-moss-300: var(--ornie-positive-300);
  --ornie-moss-500: var(--ornie-positive-500);
  --ornie-moss-600: var(--ornie-positive-600);
  --ornie-moss-700: var(--ornie-positive-700);
  --ornie-moss-900: var(--ornie-positive-900);
  --ornie-clay-50: var(--ornie-caution-50);
  --ornie-clay-100: var(--ornie-caution-100);
  --ornie-clay-200: var(--ornie-caution-200);
  --ornie-clay-300: var(--ornie-caution-300);
  --ornie-clay-500: var(--ornie-caution-500);
  --ornie-clay-600: var(--ornie-caution-600);
  --ornie-clay-700: var(--ornie-caution-700);
  --ornie-clay-900: var(--ornie-caution-900);
  --ornie-rust-50: var(--ornie-critical-50);
  --ornie-rust-100: var(--ornie-critical-100);
  --ornie-rust-300: var(--ornie-critical-300);
  --ornie-rust-500: var(--ornie-critical-500);
  --ornie-rust-600: var(--ornie-critical-600);
  --ornie-rust-700: var(--ornie-critical-700);
  --ornie-rust-900: var(--ornie-critical-900);
}
:root,
[data-ornie-theme=light] {
  color-scheme: light;
  --ornie-bg: var(--ornie-neutral-50);
  --ornie-surface: var(--ornie-neutral-0);
  --ornie-surface-sunken: var(--ornie-neutral-100);
  --ornie-surface-hover: var(--ornie-neutral-100);
  --ornie-surface-inverse: var(--ornie-neutral-900);
  --ornie-hover: var(--ornie-neutral-50);
  --ornie-selected: var(--ornie-primary-100);
  --ornie-track: var(--ornie-neutral-100);
  --ornie-done: var(--ornie-primary-300);
  --ornie-border: var(--ornie-neutral-200);
  --ornie-border-strong: var(--ornie-neutral-300);
  --ornie-border-hover: var(--ornie-neutral-400);
  --ornie-border-subtle: rgba(36, 30, 24, 0.05);
  --ornie-text: var(--ornie-neutral-900);
  --ornie-text-muted: var(--ornie-neutral-600);
  --ornie-text-subtle: var(--ornie-neutral-550);
  --ornie-text-on-accent: #ffffff;
  --ornie-text-inverse: #ffffff;
  --ornie-inverse-surface: var(--ornie-surface-inverse);
  --ornie-inverse-text: var(--ornie-text-inverse);
  --ornie-accent: var(--ornie-primary-500);
  --ornie-accent-hover: var(--ornie-primary-600);
  --ornie-accent-active: var(--ornie-primary-700);
  --ornie-accent-subtle: var(--ornie-primary-50);
  --ornie-accent-subtle-border: var(--ornie-primary-200);
  --ornie-accent-text: var(--ornie-primary-600);
  --ornie-accent-text-hover: var(--ornie-primary-700);
  --ornie-success: var(--ornie-positive-500);
  --ornie-success-subtle: var(--ornie-positive-50);
  --ornie-success-text: var(--ornie-positive-700);
  --ornie-warning: var(--ornie-caution-500);
  --ornie-warning-subtle: var(--ornie-caution-50);
  --ornie-warning-text: var(--ornie-caution-700);
  --ornie-danger: var(--ornie-critical-500);
  --ornie-danger-hover: var(--ornie-critical-600);
  --ornie-danger-active: var(--ornie-critical-700);
  --ornie-danger-subtle: var(--ornie-critical-50);
  --ornie-danger-text: var(--ornie-critical-600);
  --ornie-tone-river: var(--ornie-primary-100);
  --ornie-tone-river-ink: var(--ornie-primary-700);
  --ornie-tone-fur: var(--ornie-ink-100);
  --ornie-tone-fur-ink: var(--ornie-ink-700);
  --ornie-tone-moss: var(--ornie-positive-100);
  --ornie-tone-moss-ink: var(--ornie-positive-700);
  --ornie-tone-clay: var(--ornie-caution-100);
  --ornie-tone-clay-ink: var(--ornie-caution-700);
  --ornie-tone-stone: var(--ornie-neutral-200);
  --ornie-tone-stone-ink: var(--ornie-neutral-700);
  --ornie-project-1: var(--ornie-primary-500);
  --ornie-project-2: var(--ornie-positive-500);
  --ornie-project-3: var(--ornie-critical-500);
  --ornie-project-4: var(--ornie-caution-500);
  --ornie-project-5: #7d5a78;
  --ornie-project-6: #5c6f7d;
  --ornie-focus-ring: var(--ornie-primary-500);
  --ornie-focus-ring-danger: var(--ornie-critical-500);
  --ornie-overlay: rgba(36, 30, 24, 0.4);
  --ornie-project-river: var(--ornie-project-1);
  --ornie-project-moss: var(--ornie-project-2);
  --ornie-project-clay: var(--ornie-project-4);
  --ornie-project-rust: var(--ornie-project-3);
  --ornie-project-fur: var(--ornie-ink-500);
}
[data-ornie-theme=dark] {
  color-scheme: dark;
  --ornie-bg: var(--ornie-neutral-950);
  --ornie-surface: var(--ornie-neutral-900);
  --ornie-surface-sunken: var(--ornie-neutral-1000);
  --ornie-surface-hover: var(--ornie-neutral-800);
  --ornie-surface-inverse: var(--ornie-neutral-100);
  --ornie-hover: var(--ornie-neutral-800);
  --ornie-selected: var(--ornie-primary-800);
  --ornie-track: var(--ornie-neutral-700);
  --ornie-done: var(--ornie-primary-600);
  --ornie-border: var(--ornie-neutral-700);
  --ornie-border-strong: var(--ornie-neutral-600);
  --ornie-border-hover: var(--ornie-neutral-500);
  --ornie-border-subtle: rgba(248, 245, 241, 0.08);
  --ornie-text: var(--ornie-neutral-100);
  --ornie-text-muted: var(--ornie-neutral-400);
  --ornie-text-subtle: var(--ornie-neutral-450);
  --ornie-text-on-accent: #ffffff;
  --ornie-text-inverse: var(--ornie-neutral-900);
  --ornie-inverse-surface: var(--ornie-surface-inverse);
  --ornie-inverse-text: var(--ornie-text-inverse);
  --ornie-accent: var(--ornie-primary-500);
  --ornie-accent-hover: var(--ornie-primary-600);
  --ornie-accent-active: var(--ornie-primary-700);
  --ornie-accent-subtle: var(--ornie-primary-900);
  --ornie-accent-subtle-border: var(--ornie-primary-700);
  --ornie-accent-text: var(--ornie-primary-300);
  --ornie-accent-text-hover: var(--ornie-primary-200);
  --ornie-success: var(--ornie-positive-500);
  --ornie-success-subtle: var(--ornie-positive-900);
  --ornie-success-text: var(--ornie-positive-300);
  --ornie-warning: var(--ornie-caution-500);
  --ornie-warning-subtle: var(--ornie-caution-900);
  --ornie-warning-text: var(--ornie-caution-300);
  --ornie-danger: var(--ornie-critical-500);
  --ornie-danger-hover: var(--ornie-critical-600);
  --ornie-danger-active: var(--ornie-critical-700);
  --ornie-danger-subtle: var(--ornie-critical-900);
  --ornie-danger-text: var(--ornie-critical-300);
  --ornie-tone-river: var(--ornie-primary-900);
  --ornie-tone-river-ink: var(--ornie-primary-200);
  --ornie-tone-fur: var(--ornie-ink-900);
  --ornie-tone-fur-ink: var(--ornie-ink-200);
  --ornie-tone-moss: var(--ornie-positive-900);
  --ornie-tone-moss-ink: var(--ornie-positive-200);
  --ornie-tone-clay: var(--ornie-caution-900);
  --ornie-tone-clay-ink: var(--ornie-caution-200);
  --ornie-tone-stone: var(--ornie-neutral-800);
  --ornie-tone-stone-ink: var(--ornie-neutral-200);
  --ornie-project-1: var(--ornie-primary-500);
  --ornie-project-2: var(--ornie-positive-500);
  --ornie-project-3: var(--ornie-critical-500);
  --ornie-project-4: var(--ornie-caution-500);
  --ornie-project-5: #7d5a78;
  --ornie-project-6: #5c6f7d;
  --ornie-focus-ring: var(--ornie-primary-300);
  --ornie-focus-ring-danger: var(--ornie-critical-300);
  --ornie-overlay: rgba(22, 17, 13, 0.55);
  --ornie-shadow-sm: 0 1px 2px rgba(10, 7, 4, 0.5);
  --ornie-shadow-md: 0 2px 8px rgba(10, 7, 4, 0.55), 0 1px 2px rgba(10, 7, 4, 0.4);
  --ornie-shadow-lg: 0 12px 32px rgba(10, 7, 4, 0.65), 0 2px 8px rgba(10, 7, 4, 0.5);
  --ornie-project-river: var(--ornie-project-1);
  --ornie-project-moss: var(--ornie-project-2);
  --ornie-project-clay: var(--ornie-project-4);
  --ornie-project-rust: var(--ornie-project-3);
  --ornie-project-fur: var(--ornie-ink-500);
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --ornie-duration-quick: 1ms;
    --ornie-duration-gentle: 1ms;
    --ornie-duration-fast: 1ms;
    --ornie-duration-normal: 1ms;
    --ornie-spin-state: paused;
  }
}

/* src/styles/base.css */
.ornie-app {
  font-family: var(--ornie-font-sans);
  font-size: var(--ornie-text-md);
  line-height: var(--ornie-leading-normal);
  background: var(--ornie-bg);
  color: var(--ornie-text);
  -webkit-font-smoothing: antialiased;
}
[class^=ornie-],
[class*=" ornie-"],
[class^=ornie-] *,
[class*=" ornie-"] *,
[class^=ornie-] *::before,
[class*=" ornie-"] *::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --ornie-duration-fast: 0ms;
    --ornie-duration-normal: 0ms;
  }
  .ornie-modal,
  .ornie-modal__panel,
  .ornie-tooltip__bubble {
    animation: none;
  }
  .ornie-btn__spinner::after {
    animation-duration: 1.6s;
  }
}

/* src/styles/field.css */
.ornie-field {
  display: flex;
  flex-direction: column;
  gap: var(--ornie-space-2);
  font-family: var(--ornie-font-sans);
  min-width: 0;
}
.ornie-field__label {
  font-size: var(--ornie-text-sm);
  font-weight: var(--ornie-weight-semibold);
  color: var(--ornie-text);
  line-height: var(--ornie-leading-tight);
}
.ornie-field__control {
  position: relative;
  display: flex;
}
.ornie-field__desc {
  font-size: var(--ornie-text-sm);
  color: var(--ornie-text-muted);
  line-height: var(--ornie-leading-tight);
}
.ornie-field__desc--error {
  color: var(--ornie-danger-text);
  font-weight: var(--ornie-weight-medium);
}
.ornie-field--disabled .ornie-field__label,
.ornie-field--disabled .ornie-field__desc {
  opacity: 0.55;
}
.ornie-field :is(.ornie-input, .ornie-select) {
  width: 100%;
  font-family: var(--ornie-font-sans);
  color: var(--ornie-text);
  background: var(--ornie-surface);
  border: 1px solid var(--ornie-border-strong);
  border-radius: var(--ornie-radius-md);
  transition: border-color var(--ornie-duration-fast) var(--ornie-ease), box-shadow var(--ornie-duration-fast) var(--ornie-ease);
}
.ornie-field :is(.ornie-input, .ornie-select):hover:not(:disabled):not(:focus) {
  border-color: var(--ornie-border-hover);
}
.ornie-field :is(.ornie-input, .ornie-select):focus {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
  border-color: var(--ornie-accent);
}
.ornie-field :is(.ornie-input, .ornie-select):disabled {
  background: var(--ornie-surface-sunken);
  color: var(--ornie-text-muted);
  cursor: not-allowed;
}
.ornie-field--sm :is(.ornie-input, .ornie-select) {
  height: 32px;
  padding: 0 var(--ornie-space-3);
  font-size: var(--ornie-text-sm);
  border-radius: var(--ornie-radius-sm);
}
.ornie-field--md :is(.ornie-input, .ornie-select) {
  height: 40px;
  padding: 0 var(--ornie-space-3);
  font-size: var(--ornie-text-md);
}
.ornie-field--lg :is(.ornie-input, .ornie-select) {
  height: 48px;
  padding: 0 var(--ornie-space-4);
  font-size: 16px;
}
.ornie-field--error :is(.ornie-input, .ornie-select) {
  border-color: var(--ornie-danger);
}
.ornie-field--error :is(.ornie-input, .ornie-select):focus {
  border-color: var(--ornie-danger);
}
.ornie-field__icon {
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  color: var(--ornie-text-subtle);
  pointer-events: none;
}
.ornie-field__icon--start {
  left: var(--ornie-space-3);
}
.ornie-field__icon--end {
  right: var(--ornie-space-3);
}
.ornie-field__icon svg {
  width: 16px;
  height: 16px;
}
.ornie-field--icon-start .ornie-input {
  padding-left: 38px;
}
.ornie-field--icon-end .ornie-input {
  padding-right: 38px;
}
.ornie-field--icon-start.ornie-field--sm .ornie-input {
  padding-left: 34px;
}
.ornie-field--icon-end.ornie-field--sm .ornie-input {
  padding-right: 34px;
}

/* src/primitives/Icon/Icon.css */
.ornie-icon {
  flex: none;
  display: inline-block;
  vertical-align: middle;
}

/* src/primitives/Chip/Chip.css */
.ornie-chip {
  display: inline-flex;
  align-items: center;
  border-radius: var(--ornie-radius-full);
  background: var(--ornie-surface-sunken);
  color: var(--ornie-text-muted);
  font-family: var(--ornie-font-sans);
  white-space: nowrap;
  transition: background-color var(--ornie-duration-quick) var(--ornie-ease-out), color var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-chip--sm {
  height: 24px;
  font-size: 11.5px;
}
.ornie-chip--md {
  height: 32px;
  font-size: var(--ornie-text-sm);
}
.ornie-chip--selectable:not(.ornie-chip--disabled):hover {
  color: var(--ornie-text);
}
.ornie-chip--disabled {
  opacity: 0.55;
}
.ornie-chip--disabled .ornie-chip__action,
.ornie-chip--disabled .ornie-chip__remove {
  cursor: not-allowed;
}
.ornie-chip--selected {
  background: var(--ornie-accent-subtle);
  color: var(--ornie-accent-text);
  font-weight: var(--ornie-weight-semibold);
}
.ornie-chip__action {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 100%;
  padding: 0 var(--ornie-space-3);
  border: 0;
  border-radius: inherit;
  background: none;
  font: inherit;
  color: inherit;
}
.ornie-chip--sm .ornie-chip__action {
  padding: 0 10px;
}
button.ornie-chip__action {
  cursor: pointer;
}
.ornie-chip__action:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}
.ornie-chip--removable .ornie-chip__action {
  padding-right: var(--ornie-space-1);
}
.ornie-chip__leading {
  display: inline-flex;
  align-items: center;
}
.ornie-chip__leading svg {
  width: 14px;
  height: 14px;
}
.ornie-chip__remove {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  padding: 0;
  border: 0;
  border-radius: var(--ornie-radius-full);
  background: none;
  color: inherit;
  opacity: 0.7;
  cursor: pointer;
  transition: opacity var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-chip__remove:hover {
  opacity: 1;
}
.ornie-chip__remove:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 1px;
  opacity: 1;
}
.ornie-chip__remove-glyph {
  width: 12px;
  height: 12px;
}
@media (pointer: coarse) {
  .ornie-chip__action::after,
  .ornie-chip__remove::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: max(100%, 44px);
    height: 44px;
    transform: translate(-50%, -50%);
  }
}

/* src/primitives/Kbd/Kbd.css */
.ornie-kbd {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-family: var(--ornie-font-sans);
}
.ornie-kbd__key {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  background: var(--ornie-surface-sunken);
  border: 1px solid var(--ornie-border);
  border-radius: var(--ornie-radius-xs);
  color: var(--ornie-text-muted);
  font-family: inherit;
  font-size: 11px;
  font-weight: var(--ornie-weight-medium);
  line-height: 1;
  white-space: nowrap;
}
.ornie-kbd--inverse .ornie-kbd__key {
  background: transparent;
  border-color: currentColor;
  color: var(--ornie-text-inverse);
  opacity: 0.85;
}

/* src/primitives/Spinner/Spinner.css */
.ornie-spinner {
  display: inline-block;
  flex: none;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: var(--ornie-radius-full);
  color: var(--ornie-text-subtle);
  animation: ornie-spinner-spin var(--ornie-duration-spin) linear infinite;
  animation-play-state: var(--ornie-spin-state);
}
.ornie-spinner--14 {
  width: 14px;
  height: 14px;
}
.ornie-spinner--18 {
  width: 18px;
  height: 18px;
}
.ornie-spinner--24 {
  width: 24px;
  height: 24px;
}
@keyframes ornie-spinner-spin {
  to {
    transform: rotate(360deg);
  }
}

/* src/primitives/Divider/Divider.css */
.ornie-divider {
  position: relative;
  margin: 0;
  border: 0;
  padding: 0;
  background: none;
  flex: none;
}
.ornie-divider::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ornie-border-subtle);
}
.ornie-divider--horizontal {
  display: block;
  width: 100%;
  height: 1px;
}
.ornie-divider--vertical {
  display: inline-block;
  width: 1px;
  align-self: stretch;
}
.ornie-divider--inset-md.ornie-divider--horizontal::before {
  left: var(--ornie-space-4);
}
.ornie-divider--inset-lg.ornie-divider--horizontal::before {
  left: var(--ornie-space-6);
}
.ornie-divider--inset-md.ornie-divider--vertical::before {
  top: var(--ornie-space-4);
}
.ornie-divider--inset-lg.ornie-divider--vertical::before {
  top: var(--ornie-space-6);
}

/* src/primitives/Link/Link.css */
.ornie-link {
  border-radius: var(--ornie-radius-xs);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  cursor: pointer;
  transition: color var(--ornie-duration-quick) var(--ornie-ease-out), text-decoration-color var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-link:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}
.ornie-link--accent {
  color: var(--ornie-accent-text);
  text-decoration-color: var(--ornie-accent-subtle-border);
}
.ornie-link--accent:hover {
  color: var(--ornie-accent-text-hover);
  text-decoration-color: currentColor;
}
.ornie-link--muted {
  color: var(--ornie-text-muted);
  text-decoration-color: var(--ornie-border-strong);
}
.ornie-link--muted:hover {
  color: var(--ornie-text);
  text-decoration-color: currentColor;
}

/* src/primitives/Button/Button.css */
.ornie-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ornie-space-2);
  border: 1px solid transparent;
  border-radius: var(--ornie-radius-md);
  font-family: var(--ornie-font-sans);
  font-weight: var(--ornie-weight-semibold);
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition:
    background-color var(--ornie-duration-quick) var(--ornie-ease-out),
    border-color var(--ornie-duration-quick) var(--ornie-ease-out),
    color var(--ornie-duration-quick) var(--ornie-ease-out),
    box-shadow var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-btn:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}
.ornie-btn:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.ornie-btn--sm {
  height: 32px;
  padding: 0 var(--ornie-space-3);
  font-size: var(--ornie-text-sm);
  border-radius: var(--ornie-radius-sm);
}
.ornie-btn--md {
  height: 40px;
  padding: 0 var(--ornie-space-4);
  font-size: var(--ornie-text-md);
}
.ornie-btn--lg {
  height: 48px;
  padding: 0 var(--ornie-space-5);
  font-size: 16px;
}
.ornie-btn--primary {
  background: var(--ornie-accent);
  color: var(--ornie-text-on-accent);
}
.ornie-btn--primary:hover:not(:disabled) {
  background: var(--ornie-accent-hover);
}
.ornie-btn--primary:active:not(:disabled) {
  background: var(--ornie-accent-active);
}
.ornie-btn--secondary {
  background: var(--ornie-surface);
  color: var(--ornie-text);
  border-color: var(--ornie-border-strong);
  box-shadow: var(--ornie-shadow-sm);
}
.ornie-btn--secondary:hover:not(:disabled) {
  background: var(--ornie-bg);
  border-color: var(--ornie-border-hover);
}
.ornie-btn--secondary:active:not(:disabled) {
  background: var(--ornie-surface-sunken);
}
.ornie-btn--ghost {
  background: transparent;
  color: var(--ornie-text);
}
.ornie-btn--ghost:hover:not(:disabled) {
  background: var(--ornie-surface-sunken);
}
.ornie-btn--ghost:active:not(:disabled) {
  background: var(--ornie-border);
}
.ornie-btn--danger {
  background: var(--ornie-danger);
  color: var(--ornie-text-on-accent);
}
.ornie-btn--danger:hover:not(:disabled) {
  background: var(--ornie-danger-hover);
}
.ornie-btn--danger:active:not(:disabled) {
  background: var(--ornie-danger-active);
}
.ornie-btn--full {
  width: 100%;
}
.ornie-btn__leading,
.ornie-btn__trailing {
  display: inline-flex;
  align-items: center;
}
.ornie-btn__leading svg,
.ornie-btn__trailing svg {
  width: 1.1em;
  height: 1.1em;
}
.ornie-btn--loading .ornie-btn__label,
.ornie-btn--loading .ornie-btn__leading,
.ornie-btn--loading .ornie-btn__trailing {
  visibility: hidden;
}
.ornie-btn__loading-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.ornie-btn__spinner {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}
.ornie-btn__spinner::after {
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: 2px solid currentColor;
  border-right-color: transparent;
  animation: ornie-btn-spin var(--ornie-duration-spin) linear infinite;
  animation-play-state: var(--ornie-spin-state);
}
@keyframes ornie-btn-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (pointer: coarse) {
  .ornie-btn::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: max(100%, 44px);
    height: max(100%, 44px);
    transform: translate(-50%, -50%);
  }
}

/* src/primitives/Input/Input.css */
.ornie-input::placeholder {
  color: var(--ornie-text-subtle);
}
.ornie-input-shell__leading,
.ornie-input-shell__trailing {
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  gap: var(--ornie-space-1);
  color: var(--ornie-text-subtle);
  pointer-events: none;
}
.ornie-input-shell__leading {
  left: var(--ornie-space-3);
}
.ornie-input-shell__trailing {
  right: var(--ornie-space-3);
}
.ornie-input-shell__trailing :is(button, a, [role=button], label) {
  pointer-events: auto;
}
.ornie-input-shell__leading svg,
.ornie-input-shell__trailing svg {
  width: 16px;
  height: 16px;
}
.ornie-input-shell--leading .ornie-input {
  padding-left: 38px;
}
.ornie-input-shell--trailing .ornie-input {
  padding-right: 38px;
}
.ornie-input-shell--sm.ornie-input-shell--leading .ornie-input {
  padding-left: 34px;
}
.ornie-input-shell--sm.ornie-input-shell--trailing .ornie-input {
  padding-right: 34px;
}

/* src/primitives/TextArea/TextArea.css */
.ornie-textarea {
  width: 100%;
  font-family: var(--ornie-font-sans);
  line-height: var(--ornie-leading-normal);
  color: var(--ornie-text);
  background: var(--ornie-surface);
  border: 1px solid var(--ornie-border-strong);
  border-radius: var(--ornie-radius-md);
  resize: vertical;
  transition: border-color var(--ornie-duration-quick) var(--ornie-ease-out), box-shadow var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-textarea::placeholder {
  color: var(--ornie-text-subtle);
}
.ornie-textarea:hover:not(:disabled):not(:focus) {
  border-color: var(--ornie-border-hover);
}
.ornie-textarea:focus {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
  border-color: var(--ornie-accent);
}
.ornie-textarea:disabled {
  background: var(--ornie-surface-sunken);
  color: var(--ornie-text-muted);
  cursor: not-allowed;
  resize: none;
}
.ornie-textarea--sm {
  padding: 6px var(--ornie-space-3);
  font-size: var(--ornie-text-sm);
  border-radius: var(--ornie-radius-sm);
}
.ornie-textarea--md {
  padding: 8px var(--ornie-space-3);
  font-size: var(--ornie-text-md);
}
.ornie-textarea--lg {
  padding: var(--ornie-space-3) var(--ornie-space-4);
  font-size: 16px;
}
.ornie-textarea--error,
.ornie-textarea--error:focus {
  border-color: var(--ornie-danger);
}

/* src/primitives/IconButton/IconButton.css */
.ornie-icon-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--ornie-radius-full);
  background: transparent;
  color: var(--ornie-text-muted);
  cursor: pointer;
  user-select: none;
  transition:
    background-color var(--ornie-duration-quick) var(--ornie-ease-out),
    border-color var(--ornie-duration-quick) var(--ornie-ease-out),
    color var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-icon-btn:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}
.ornie-icon-btn:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.ornie-icon-btn--32 {
  width: 32px;
  height: 32px;
}
.ornie-icon-btn--40 {
  width: 40px;
  height: 40px;
}
.ornie-icon-btn--44 {
  width: 44px;
  height: 44px;
}
.ornie-icon-btn--ghost:hover:not(:disabled) {
  background: var(--ornie-surface-sunken);
  color: var(--ornie-text);
}
.ornie-icon-btn--ghost:active:not(:disabled) {
  background: var(--ornie-border);
}
.ornie-icon-btn--outline {
  background: var(--ornie-surface);
  border-color: var(--ornie-border-strong);
}
.ornie-icon-btn--outline:hover:not(:disabled) {
  border-color: var(--ornie-border-hover);
  color: var(--ornie-text);
}
.ornie-icon-btn--outline:active:not(:disabled) {
  background: var(--ornie-surface-sunken);
}
.ornie-icon-btn--filled {
  background: var(--ornie-accent);
  color: var(--ornie-text-on-accent);
}
.ornie-icon-btn--filled:hover:not(:disabled) {
  background: var(--ornie-accent-hover);
}
.ornie-icon-btn--filled:active:not(:disabled) {
  background: var(--ornie-accent-active);
}
.ornie-icon-btn__glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (pointer: coarse) {
  .ornie-icon-btn--32::after,
  .ornie-icon-btn--40::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
  }
}

/* src/primitives/ProgressRing/ProgressRing.css */
.ornie-progress-ring {
  --ornie-progress-ring-value: 0;
  --ornie-progress-ring-track: var(--ornie-track);
  --ornie-progress-ring-stroke: 3.5px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border-radius: var(--ornie-radius-full);
  background: conic-gradient(var(--ornie-accent) calc(var(--ornie-progress-ring-value) * 360deg), var(--ornie-progress-ring-track) 0);
}
.ornie-progress-ring--16 {
  width: 16px;
  height: 16px;
  --ornie-progress-ring-stroke: 2.5px;
}
.ornie-progress-ring--24 {
  width: 24px;
  height: 24px;
  --ornie-progress-ring-stroke: 3.5px;
}
.ornie-progress-ring--46 {
  width: 46px;
  height: 46px;
  --ornie-progress-ring-stroke: 4.5px;
  --ornie-progress-ring-font: 12.5px;
}
.ornie-progress-ring__disc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - var(--ornie-progress-ring-stroke) * 2);
  height: calc(100% - var(--ornie-progress-ring-stroke) * 2);
  border-radius: var(--ornie-radius-full);
  background: var(--ornie-progress-ring-disc, var(--ornie-surface));
  color: var(--ornie-text);
  font-family: var(--ornie-font-sans);
  font-size: var(--ornie-progress-ring-font, 12.5px);
  font-weight: var(--ornie-weight-semibold);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

/* src/primitives/Select/Select.css */
.ornie-select {
  appearance: none;
  padding-right: 36px !important;
  cursor: pointer;
}
.ornie-select:disabled {
  cursor: not-allowed;
}
.ornie-select:has(option[value=""]:checked) {
  color: var(--ornie-text-subtle);
}
.ornie-field__chevron {
  position: absolute;
  top: 50%;
  right: var(--ornie-space-3);
  transform: translateY(-50%);
  display: inline-flex;
  color: var(--ornie-text-subtle);
  pointer-events: none;
}
.ornie-field__chevron svg {
  width: 16px;
  height: 16px;
}
.ornie-select-shell__leading {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--ornie-space-3);
  display: inline-flex;
  align-items: center;
  color: var(--ornie-text-subtle);
  pointer-events: none;
}
.ornie-select-shell__leading svg {
  width: 16px;
  height: 16px;
}
.ornie-select-shell--leading .ornie-select {
  padding-left: 38px;
}
.ornie-select-shell--sm.ornie-select-shell--leading .ornie-select {
  padding-left: 34px;
}

/* src/primitives/Checkbox/Checkbox.css */
.ornie-check {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  gap: var(--ornie-space-3);
  cursor: pointer;
  font-family: var(--ornie-font-sans);
}
.ornie-check--disabled {
  cursor: not-allowed;
}
.ornie-check__input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
}
.ornie-check__box {
  position: relative;
  flex: none;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  display: inline-grid;
  place-items: center;
  background: var(--ornie-surface);
  border: 1.5px solid var(--ornie-border-strong);
  border-radius: var(--ornie-radius-xs);
  color: var(--ornie-text-on-accent);
  transition:
    background-color var(--ornie-duration-quick) var(--ornie-ease-out),
    border-color var(--ornie-duration-quick) var(--ornie-ease-out),
    box-shadow var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-check__box svg {
  grid-area: 1 / 1;
  width: 12px;
  height: 12px;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity var(--ornie-duration-quick) var(--ornie-ease-out), transform var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-check:hover .ornie-check__input:not(:disabled):not(:checked):not(:indeterminate) + .ornie-check__box {
  border-color: var(--ornie-border-hover);
}
.ornie-check__input:checked + .ornie-check__box,
.ornie-check__input:indeterminate + .ornie-check__box {
  background: var(--ornie-accent);
  border-color: var(--ornie-accent);
}
.ornie-check__input:checked:not(:indeterminate) + .ornie-check__box .ornie-check__check {
  opacity: 1;
  transform: none;
}
.ornie-check__input:indeterminate + .ornie-check__box .ornie-check__dash {
  opacity: 1;
  transform: none;
}
.ornie-check__input:focus-visible + .ornie-check__box {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}
.ornie-check__input:disabled + .ornie-check__box {
  opacity: 0.55;
}
.ornie-check__input:disabled ~ .ornie-check__text {
  opacity: 0.55;
}
.ornie-check__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.ornie-check__label {
  font-size: var(--ornie-text-md);
  font-weight: var(--ornie-weight-medium);
  color: var(--ornie-text);
  line-height: 1.35;
}
.ornie-check__description {
  font-size: var(--ornie-text-sm);
  color: var(--ornie-text-muted);
  line-height: var(--ornie-leading-normal);
}
@media (pointer: coarse) {
  .ornie-check__box::before {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
  }
}

/* src/primitives/Radio/Radio.css */
.ornie-radio {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  gap: var(--ornie-space-3);
  cursor: pointer;
  font-family: var(--ornie-font-sans);
}
.ornie-radio--disabled {
  cursor: not-allowed;
}
.ornie-radio__input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
}
.ornie-radio__circle {
  position: relative;
  flex: none;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  display: inline-grid;
  place-items: center;
  background: var(--ornie-surface);
  border: 1.5px solid var(--ornie-border-strong);
  border-radius: 50%;
  transition:
    background-color var(--ornie-duration-quick) var(--ornie-ease-out),
    border-color var(--ornie-duration-quick) var(--ornie-ease-out),
    box-shadow var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-radio__circle::after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ornie-text-on-accent);
  transform: scale(0);
  transition: transform var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-radio:hover .ornie-radio__input:not(:disabled):not(:checked) + .ornie-radio__circle {
  border-color: var(--ornie-border-hover);
}
.ornie-radio__input:checked + .ornie-radio__circle {
  background: var(--ornie-accent);
  border-color: var(--ornie-accent);
}
.ornie-radio__input:checked + .ornie-radio__circle::after {
  transform: scale(1);
}
.ornie-radio__input:focus-visible + .ornie-radio__circle {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}
.ornie-radio__input:disabled + .ornie-radio__circle {
  opacity: 0.55;
}
.ornie-radio__input:disabled ~ .ornie-radio__text {
  opacity: 0.55;
}
.ornie-radio__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.ornie-radio__label {
  font-size: var(--ornie-text-md);
  font-weight: var(--ornie-weight-medium);
  color: var(--ornie-text);
  line-height: 1.35;
}
.ornie-radio__description {
  font-size: var(--ornie-text-sm);
  color: var(--ornie-text-muted);
  line-height: var(--ornie-leading-normal);
}
@media (pointer: coarse) {
  .ornie-radio__circle::before {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
  }
}
.ornie-radiogroup {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
  font-family: var(--ornie-font-sans);
}
.ornie-radiogroup__label {
  display: block;
  padding: 0;
  margin: 0 0 var(--ornie-space-2);
  font-size: var(--ornie-text-sm);
  font-weight: var(--ornie-weight-semibold);
  color: var(--ornie-text);
  line-height: var(--ornie-leading-tight);
}
.ornie-radiogroup__description {
  display: block;
  margin: 0 0 var(--ornie-space-3);
  font-size: var(--ornie-text-sm);
  color: var(--ornie-text-muted);
  line-height: var(--ornie-leading-normal);
}
.ornie-radiogroup__options {
  display: flex;
  flex-direction: column;
  gap: var(--ornie-space-3);
}
.ornie-radiogroup--horizontal .ornie-radiogroup__options {
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--ornie-space-3) var(--ornie-space-5);
}

/* src/primitives/Switch/Switch.css */
.ornie-switch {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  gap: var(--ornie-space-3);
  cursor: pointer;
  font-family: var(--ornie-font-sans);
}
.ornie-switch--disabled {
  cursor: not-allowed;
}
.ornie-switch__input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
}
.ornie-switch__track {
  position: relative;
  flex: none;
  border-radius: var(--ornie-radius-full);
  background: var(--ornie-border-strong);
  transition: background-color var(--ornie-duration-gentle) var(--ornie-ease-out), box-shadow var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-switch--md .ornie-switch__track {
  width: 42px;
  height: 24px;
}
.ornie-switch--sm .ornie-switch__track {
  width: 34px;
  height: 20px;
  margin-top: 1px;
}
.ornie-switch__thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 50%;
  background: var(--ornie-surface);
  box-shadow: var(--ornie-shadow-sm);
  transition: transform var(--ornie-duration-gentle) var(--ornie-ease-inout);
}
.ornie-switch--md .ornie-switch__thumb {
  width: 18px;
  height: 18px;
}
.ornie-switch--sm .ornie-switch__thumb {
  width: 14px;
  height: 14px;
}
.ornie-switch__input:checked ~ .ornie-switch__track {
  background: var(--ornie-accent);
}
.ornie-switch--md .ornie-switch__input:checked ~ .ornie-switch__track .ornie-switch__thumb {
  transform: translateX(18px);
}
.ornie-switch--sm .ornie-switch__input:checked ~ .ornie-switch__track .ornie-switch__thumb {
  transform: translateX(14px);
}
.ornie-switch__input:focus-visible ~ .ornie-switch__track {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}
.ornie-switch__input:disabled ~ .ornie-switch__track {
  opacity: 0.55;
}
.ornie-switch__input:disabled ~ .ornie-switch__text {
  opacity: 0.55;
}
.ornie-switch__text {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.ornie-switch__label {
  font-size: var(--ornie-text-md);
  font-weight: var(--ornie-weight-medium);
  color: var(--ornie-text);
  line-height: 1.5;
}
.ornie-switch__description {
  font-size: var(--ornie-text-sm);
  color: var(--ornie-text-muted);
  line-height: var(--ornie-leading-normal);
}
@media (pointer: coarse) {
  .ornie-switch__track::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: max(100%, 44px);
    height: 44px;
    transform: translate(-50%, -50%);
  }
}

/* src/primitives/Badge/Badge.css */
.ornie-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: var(--ornie-radius-full);
  font-family: var(--ornie-font-sans);
  font-weight: var(--ornie-weight-semibold);
  line-height: 1;
  white-space: nowrap;
}
.ornie-badge--sm {
  font-size: var(--ornie-text-xs);
  padding: 3px 8px;
}
.ornie-badge--md {
  font-size: var(--ornie-text-sm);
  padding: 4px 10px;
}
.ornie-badge--count {
  justify-content: center;
  box-sizing: border-box;
  font-variant-numeric: tabular-nums;
}
.ornie-badge--count.ornie-badge--sm {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
}
.ornie-badge--count.ornie-badge--md {
  min-width: 21px;
  height: 21px;
  padding: 0 6px;
}
.ornie-badge__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.ornie-badge--neutral {
  background: var(--ornie-surface-sunken);
  color: var(--ornie-text-muted);
}
.ornie-badge--accent {
  background: var(--ornie-accent-subtle);
  color: var(--ornie-accent-text);
}
.ornie-badge--success {
  background: var(--ornie-success-subtle);
  color: var(--ornie-success-text);
}
.ornie-badge--warning {
  background: var(--ornie-warning-subtle);
  color: var(--ornie-warning-text);
}
.ornie-badge--danger {
  background: var(--ornie-danger-subtle);
  color: var(--ornie-danger-text);
}

/* src/primitives/Avatar/Avatar.css */
.ornie-avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  overflow: hidden;
  background: var(--ornie-surface-sunken);
  color: var(--ornie-text-muted);
  font-family: var(--ornie-font-sans);
  font-weight: var(--ornie-weight-bold);
  user-select: none;
}
.ornie-avatar--circle {
  border-radius: 50%;
}
.ornie-avatar--square {
  border-radius: var(--ornie-radius-md);
}
.ornie-avatar--xs {
  width: 20px;
  height: 20px;
  font-size: 9px;
}
.ornie-avatar--sm {
  width: 28px;
  height: 28px;
  font-size: 11px;
}
.ornie-avatar--md {
  width: 36px;
  height: 36px;
  font-size: 14px;
}
.ornie-avatar--lg {
  width: 44px;
  height: 44px;
  font-size: var(--ornie-text-lg);
}
.ornie-avatar--xl {
  width: 56px;
  height: 56px;
  font-size: 21px;
}
.ornie-avatar--xs.ornie-avatar--square {
  border-radius: var(--ornie-radius-xs);
}
.ornie-avatar--sm.ornie-avatar--square {
  border-radius: var(--ornie-radius-sm);
}
.ornie-avatar__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ornie-avatar__icon {
  width: 60%;
  height: 60%;
}
.ornie-avatar--tone-river {
  background: var(--ornie-tone-river);
  color: var(--ornie-tone-river-ink);
}
.ornie-avatar--tone-fur {
  background: var(--ornie-tone-fur);
  color: var(--ornie-tone-fur-ink);
}
.ornie-avatar--tone-moss {
  background: var(--ornie-tone-moss);
  color: var(--ornie-tone-moss-ink);
}
.ornie-avatar--tone-clay {
  background: var(--ornie-tone-clay);
  color: var(--ornie-tone-clay-ink);
}
.ornie-avatar--tone-stone {
  background: var(--ornie-tone-stone);
  color: var(--ornie-tone-stone-ink);
}

/* src/primitives/Card/Card.css */
.ornie-card {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: var(--ornie-surface);
  border-radius: var(--ornie-radius-lg);
  font-family: var(--ornie-font-sans);
  color: var(--ornie-text);
  text-align: inherit;
}
a.ornie-card,
button.ornie-card {
  width: 100%;
  appearance: none;
  font: inherit;
  font-family: var(--ornie-font-sans);
  text-decoration: none;
}
.ornie-card--flat {
  border: 1px solid var(--ornie-border-subtle);
}
.ornie-card--elevated {
  border: 1px solid var(--ornie-border-subtle);
  box-shadow: var(--ornie-shadow-md);
}
.ornie-card--sunken {
  background: var(--ornie-surface-sunken);
}
.ornie-card--pad-sm {
  padding: var(--ornie-space-3);
}
.ornie-card--pad-md {
  padding: var(--ornie-space-4);
}
.ornie-card--pad-lg {
  padding: var(--ornie-space-6);
}
.ornie-card--spine {
  overflow: hidden;
}
.ornie-card--spine::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--ornie-accent);
}
.ornie-card--interactive {
  cursor: pointer;
  transition: background-color var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-card--interactive:hover {
  background: var(--ornie-hover);
}
.ornie-card--interactive:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}

/* src/primitives/Modal/Modal.css */
.ornie-modal {
  position: fixed;
  inset: 0;
  z-index: var(--ornie-z-modal);
  display: grid;
  place-items: center;
  padding: var(--ornie-space-4);
  background: var(--ornie-overlay);
  animation: ornie-modal-fade var(--ornie-duration-gentle) var(--ornie-ease-out);
}
.ornie-modal--top {
  place-items: start center;
  padding-top: 12vh;
}
.ornie-modal--contained {
  position: absolute;
}
.ornie-modal__panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: calc(100vh - var(--ornie-space-16));
  background: var(--ornie-surface);
  color: var(--ornie-text);
  font-family: var(--ornie-font-sans);
  border-radius: var(--ornie-radius-lg);
  box-shadow: var(--ornie-shadow-lg);
}
.ornie-modal--top .ornie-modal__panel {
  max-height: calc(88vh - var(--ornie-space-8));
}
.ornie-modal__panel:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}
.ornie-modal__panel--sm {
  max-width: 400px;
}
.ornie-modal__panel--md {
  max-width: 540px;
}
.ornie-modal__panel--lg {
  max-width: 680px;
}
.ornie-modal__header {
  display: flex;
  align-items: flex-start;
  gap: var(--ornie-space-4);
  padding: var(--ornie-space-6) var(--ornie-space-6) 0;
}
.ornie-modal__titles {
  flex: 1;
  min-width: 0;
}
.ornie-modal__title {
  font-size: var(--ornie-text-xl);
  font-weight: var(--ornie-weight-bold);
  line-height: var(--ornie-leading-tight);
}
.ornie-modal__description {
  margin-top: var(--ornie-space-1);
  font-size: var(--ornie-text-sm);
  color: var(--ornie-text-muted);
  line-height: var(--ornie-leading-normal);
}
.ornie-modal__close {
  flex: none;
  position: relative;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  margin: -6px -8px 0 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--ornie-text-muted);
  border-radius: var(--ornie-radius-sm);
  transition: background-color var(--ornie-duration-quick) var(--ornie-ease-out), color var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-modal__close:hover {
  background: var(--ornie-surface-sunken);
  color: var(--ornie-text);
}
.ornie-modal__close:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}
.ornie-modal__body {
  padding: var(--ornie-space-6);
  overflow-y: auto;
  font-size: var(--ornie-text-md);
  line-height: var(--ornie-leading-normal);
}
.ornie-modal__header + .ornie-modal__body {
  padding-top: var(--ornie-space-4);
}
.ornie-modal__body--flush,
.ornie-modal__header + .ornie-modal__body--flush {
  padding: 0;
}
.ornie-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: var(--ornie-space-3);
  padding: 0 var(--ornie-space-6) var(--ornie-space-6);
}
@media (pointer: coarse) {
  .ornie-modal__close::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
  }
}
@keyframes ornie-modal-fade {
  from {
    opacity: 0;
  }
}

/* src/primitives/Tooltip/Tooltip.css */
.ornie-tooltip {
  position: relative;
  display: inline-flex;
}
.ornie-tooltip__bubble {
  position: absolute;
  z-index: var(--ornie-z-tooltip);
  width: max-content;
  max-width: 240px;
  padding: 6px 10px;
  background: var(--ornie-surface-inverse);
  color: var(--ornie-text-inverse);
  font-family: var(--ornie-font-sans);
  font-size: var(--ornie-text-xs);
  font-weight: var(--ornie-weight-medium);
  line-height: 1.35;
  border-radius: var(--ornie-radius-sm);
  box-shadow: var(--ornie-shadow-md);
  pointer-events: none;
  animation: ornie-tooltip-in var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-tooltip__kbd {
  display: inline-flex;
  margin-left: 6px;
  vertical-align: middle;
}
.ornie-tooltip__bubble::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
  transform: rotate(45deg);
}
.ornie-tooltip__bubble--top {
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}
.ornie-tooltip__bubble--top::after {
  top: 100%;
  left: 50%;
  margin: -4px 0 0 -4px;
}
.ornie-tooltip__bubble--bottom {
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}
.ornie-tooltip__bubble--bottom::after {
  bottom: 100%;
  left: 50%;
  margin: 0 0 -4px -4px;
}
.ornie-tooltip__bubble--left {
  right: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
}
.ornie-tooltip__bubble--left::after {
  left: 100%;
  top: 50%;
  margin: -4px 0 0 -4px;
}
.ornie-tooltip__bubble--right {
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
}
.ornie-tooltip__bubble--right::after {
  right: 100%;
  top: 50%;
  margin: -4px -4px 0 0;
}
@keyframes ornie-tooltip-in {
  from {
    opacity: 0;
  }
}

/* src/primitives/Tabs/Tabs.css */
.ornie-tabs {
  font-family: var(--ornie-font-sans);
}
.ornie-tabs__list {
  display: flex;
  align-items: center;
}
.ornie-tabs__tab {
  position: relative;
  appearance: none;
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
  font-size: var(--ornie-text-md);
  font-weight: var(--ornie-weight-semibold);
  color: var(--ornie-text-muted);
  transition:
    color var(--ornie-duration-quick) var(--ornie-ease-out),
    background-color var(--ornie-duration-quick) var(--ornie-ease-out),
    box-shadow var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-tabs__tab:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.ornie-tabs__tab:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
  border-radius: var(--ornie-radius-sm);
}
.ornie-tabs__panel {
  padding-top: var(--ornie-space-5);
  font-size: var(--ornie-text-md);
  color: var(--ornie-text);
  line-height: var(--ornie-leading-normal);
}
.ornie-tabs--underline .ornie-tabs__list {
  gap: var(--ornie-space-5);
  border-bottom: 1px solid var(--ornie-border);
}
.ornie-tabs--underline .ornie-tabs__tab {
  padding: var(--ornie-space-3) 2px;
  margin-bottom: -1px;
  border-bottom: 2px solid transparent;
}
.ornie-tabs--underline .ornie-tabs__tab:hover:not(:disabled) {
  color: var(--ornie-text);
}
.ornie-tabs--underline .ornie-tabs__tab--active {
  color: var(--ornie-text);
  border-bottom-color: var(--ornie-accent);
}
.ornie-tabs--pills .ornie-tabs__list {
  gap: var(--ornie-space-1);
  width: fit-content;
  padding: var(--ornie-space-1);
  background: var(--ornie-surface-sunken);
  border-radius: var(--ornie-radius-full);
}
.ornie-tabs--pills .ornie-tabs__tab {
  padding: 8px 16px;
  border-radius: var(--ornie-radius-full);
}
.ornie-tabs--pills .ornie-tabs__tab:hover:not(:disabled):not(.ornie-tabs__tab--active) {
  color: var(--ornie-text);
}
.ornie-tabs--pills .ornie-tabs__tab--active {
  background: var(--ornie-surface);
  color: var(--ornie-text);
  box-shadow: var(--ornie-shadow-sm);
}
.ornie-tabs--sm .ornie-tabs__tab {
  font-size: var(--ornie-text-sm);
}
.ornie-tabs--sm .ornie-tabs__panel {
  padding-top: var(--ornie-space-4);
}
.ornie-tabs--sm.ornie-tabs--underline .ornie-tabs__list {
  gap: var(--ornie-space-4);
}
.ornie-tabs--sm.ornie-tabs--underline .ornie-tabs__tab {
  padding: var(--ornie-space-2) 2px;
}
.ornie-tabs--sm.ornie-tabs--pills .ornie-tabs__tab {
  padding: 6px 12px;
}
@media (pointer: coarse) {
  .ornie-tabs__tab::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: max(100%, 44px);
    height: 44px;
    transform: translate(-50%, -50%);
  }
}

/* src/patterns/TaskCheck/TaskCheck.css */
.ornie-taskcheck {
  position: relative;
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 2px solid var(--ornie-border-strong);
  border-radius: var(--ornie-radius-full);
  background: transparent;
  cursor: pointer;
  transition: background-color var(--ornie-duration-quick) var(--ornie-ease-out), border-color var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-taskcheck--md {
  width: 23px;
  height: 23px;
}
.ornie-taskcheck--sm {
  width: 20px;
  height: 20px;
}
.ornie-taskcheck:hover:not(:disabled) {
  border-color: var(--ornie-done);
}
.ornie-taskcheck:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}
.ornie-taskcheck:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.ornie-taskcheck--checked {
  background: var(--ornie-done);
  border-color: var(--ornie-done);
}
.ornie-taskcheck__glyph {
  width: 58%;
  height: 58%;
  stroke: var(--ornie-text-on-accent);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ornie-taskcheck__check {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  transition: stroke-dashoffset var(--ornie-duration-gentle) var(--ornie-ease-out);
}
.ornie-taskcheck--checked .ornie-taskcheck__check {
  stroke-dashoffset: 0;
}
@media (pointer: coarse) {
  .ornie-taskcheck::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
  }
}

/* src/patterns/TaskRow/TaskRow.css */
.ornie-taskrow {
  display: flex;
  align-items: flex-start;
  gap: var(--ornie-space-3);
  min-height: 44px;
  padding: var(--ornie-space-3) 0;
  font-family: var(--ornie-font-sans);
  transition: background-color var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-taskrow--desktop {
  min-height: 36px;
  padding: var(--ornie-space-2) 0;
}
.ornie-taskrow:hover {
  background: var(--ornie-hover);
}
.ornie-taskrow__check {
  margin-top: 2px;
}
.ornie-taskrow__content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.ornie-taskrow__content--button {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.ornie-taskrow__content--button:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
  border-radius: var(--ornie-radius-xs);
}
.ornie-taskrow__title {
  display: inline-flex;
  align-items: center;
  gap: var(--ornie-space-2);
  min-width: 0;
  font-size: var(--ornie-text-md);
  font-weight: var(--ornie-weight-medium);
  color: var(--ornie-text);
}
.ornie-taskrow__title-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ornie-taskrow__resurfaced {
  flex: none;
}
.ornie-taskrow__meta {
  display: inline-flex;
  min-width: 0;
}
.ornie-taskrow__trailing {
  flex: none;
  display: inline-flex;
  align-items: center;
  align-self: center;
  color: var(--ornie-text-muted);
}
.ornie-taskrow--done .ornie-taskrow__title {
  color: var(--ornie-text-subtle);
}
.ornie-taskrow--done .ornie-taskrow__title-text {
  text-decoration: line-through;
  text-decoration-color: var(--ornie-done);
}

/* src/patterns/MetaLine/MetaLine.css */
.ornie-metaline {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 11.5px;
  color: var(--ornie-text-subtle);
}
.ornie-metaline__item {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 5px;
}
.ornie-metaline__item:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ornie-metaline__item svg {
  width: 12px;
  height: 12px;
  flex: none;
}
.ornie-metaline__sep {
  margin: 0 5px;
  color: var(--ornie-text-subtle);
}

/* src/patterns/ProjectDot/ProjectDot.css */
.ornie-projectdot {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}
.ornie-projectdot__dot {
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: var(--ornie-radius-full);
}
.ornie-projectdot__dot--teal {
  background: var(--ornie-project-1);
}
.ornie-projectdot__dot--green {
  background: var(--ornie-project-2);
}
.ornie-projectdot__dot--terracotta {
  background: var(--ornie-project-3);
}
.ornie-projectdot__dot--gold {
  background: var(--ornie-project-4);
}
.ornie-projectdot__dot--plum {
  background: var(--ornie-project-5);
}
.ornie-projectdot__dot--slate {
  background: var(--ornie-project-6);
}
.ornie-projectdot__dot--legacy-fur {
  background: var(--ornie-ink-500);
}
.ornie-projectdot__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ornie-projectdot__label--hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  border: 0;
}

/* src/patterns/DayRing/DayRing.css */
.ornie-dayring {
  display: inline-flex;
  flex: none;
}
.ornie-dayring__count {
  font-family: var(--ornie-font-sans);
  font-size: var(--ornie-text-sm);
  font-weight: var(--ornie-weight-semibold);
  font-variant-numeric: tabular-nums;
  color: var(--ornie-text);
}
.ornie-dayring__rest {
  width: 6px;
  height: 6px;
  border-radius: 2px;
  background: var(--ornie-ink-300);
}

/* src/patterns/ListSection/ListSection.css */
.ornie-listsection {
  display: block;
  margin: 0;
  font-family: var(--ornie-font-sans);
  color: var(--ornie-text);
}
.ornie-listsection__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ornie-space-2);
  margin-bottom: var(--ornie-space-2);
}
.ornie-listsection__label {
  margin: 0;
  font-size: 10.5px;
  font-weight: var(--ornie-weight-bold);
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: var(--ornie-leading-tight);
  color: var(--ornie-text-subtle);
}
.ornie-listsection__trailing {
  display: inline-flex;
  align-items: center;
  gap: var(--ornie-space-2);
  flex: none;
  font-size: var(--ornie-text-xs);
  color: var(--ornie-text-subtle);
}
.ornie-listsection__rows {
  display: block;
}
.ornie-listsection__rows > * + * {
  border-top: 1px solid var(--ornie-track);
}
.ornie-listsection--card .ornie-listsection__rows {
  background: var(--ornie-surface);
  border: 1px solid var(--ornie-border-subtle);
  border-radius: var(--ornie-radius-lg);
}
.ornie-listsection--card .ornie-listsection__rows > :first-child {
  border-top-left-radius: calc(var(--ornie-radius-lg) - 1px);
  border-top-right-radius: calc(var(--ornie-radius-lg) - 1px);
}
.ornie-listsection--card .ornie-listsection__rows > :last-child {
  border-bottom-left-radius: calc(var(--ornie-radius-lg) - 1px);
  border-bottom-right-radius: calc(var(--ornie-radius-lg) - 1px);
}

/* src/patterns/ListRow/ListRow.css */
.ornie-listrow {
  display: flex;
  align-items: center;
  gap: var(--ornie-space-3);
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  background: none;
  font-family: var(--ornie-font-sans);
  color: var(--ornie-text);
  text-align: inherit;
}
a.ornie-listrow,
button.ornie-listrow {
  appearance: none;
  font: inherit;
  font-family: var(--ornie-font-sans);
  text-decoration: none;
}
.ornie-listrow--phone {
  min-height: 44px;
  padding-top: var(--ornie-space-2);
  padding-bottom: var(--ornie-space-2);
}
.ornie-listrow--desktop {
  min-height: 36px;
  padding-top: var(--ornie-space-1);
  padding-bottom: var(--ornie-space-1);
}
.ornie-listrow--padded {
  padding-left: var(--ornie-space-4);
  padding-right: var(--ornie-space-4);
}
.ornie-listrow__leading {
  display: inline-flex;
  align-items: center;
  flex: none;
  color: var(--ornie-text-muted);
}
.ornie-listrow__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.ornie-listrow__title {
  font-size: var(--ornie-text-md);
  font-weight: var(--ornie-weight-medium);
  line-height: var(--ornie-leading-tight);
  color: var(--ornie-text);
}
.ornie-listrow__description {
  font-size: var(--ornie-text-sm);
  line-height: var(--ornie-leading-tight);
  color: var(--ornie-text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ornie-listrow__trailing {
  display: inline-flex;
  align-items: center;
  gap: var(--ornie-space-2);
  flex: none;
  font-size: var(--ornie-text-sm);
  color: var(--ornie-text-muted);
}
.ornie-listrow__chevron {
  flex: none;
  color: var(--ornie-text-muted);
}
.ornie-listrow--interactive {
  cursor: pointer;
  transition: background-color var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-listrow--interactive:hover {
  background: var(--ornie-hover);
}
.ornie-listrow--interactive:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}

/* src/patterns/DateGroupHeader/DateGroupHeader.css */
.ornie-dategroupheader {
  display: flex;
  align-items: baseline;
  gap: var(--ornie-space-2);
  margin: 0;
  font-family: var(--ornie-font-sans);
}
.ornie-dategroupheader__label {
  font-size: 11px;
  font-weight: var(--ornie-weight-bold);
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: var(--ornie-leading-tight);
  color: var(--ornie-accent-text);
}
.ornie-dategroupheader__trailing {
  font-size: 11px;
  font-weight: var(--ornie-weight-semibold);
  font-variant-numeric: tabular-nums;
  line-height: var(--ornie-leading-tight);
  color: var(--ornie-text-muted);
}
.ornie-dategroupheader--sticky {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--ornie-bg);
  padding-top: var(--ornie-space-2);
  padding-bottom: var(--ornie-space-1);
}

/* src/patterns/FormField/FormField.css */
.ornie-formfield {
  display: flex;
  flex-direction: column;
  gap: var(--ornie-space-2);
  font-family: var(--ornie-font-sans);
  min-width: 0;
}
.ornie-formfield__label {
  display: flex;
  align-items: baseline;
  gap: var(--ornie-space-2);
  font-size: var(--ornie-text-sm);
  font-weight: var(--ornie-weight-semibold);
  color: var(--ornie-text);
  line-height: var(--ornie-leading-tight);
}
.ornie-formfield__required {
  font-size: var(--ornie-text-xs);
  font-weight: var(--ornie-weight-regular);
  color: var(--ornie-text-muted);
}
.ornie-formfield__control {
  display: flex;
  flex-direction: column;
  gap: var(--ornie-space-2);
  min-width: 0;
}
.ornie-formfield__desc {
  font-size: var(--ornie-text-sm);
  color: var(--ornie-text-muted);
  line-height: var(--ornie-leading-tight);
}
.ornie-formfield__desc--error {
  color: var(--ornie-danger-text);
  font-weight: var(--ornie-weight-medium);
}

/* src/patterns/SearchField/SearchField.css */
.ornie-searchfield input[type=search]::-webkit-search-decoration,
.ornie-searchfield input[type=search]::-webkit-search-cancel-button,
.ornie-searchfield input[type=search]::-webkit-search-results-button,
.ornie-searchfield input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
}
.ornie-searchfield__kbd {
  display: inline-flex;
  align-items: center;
}

/* src/patterns/SegmentedControl/SegmentedControl.css */
.ornie-segmented {
  display: inline-flex;
  align-items: stretch;
  padding: 2px;
  border-radius: var(--ornie-radius-full);
  background: var(--ornie-surface-sunken);
  font-family: var(--ornie-font-sans);
}
.ornie-segmented__option {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: var(--ornie-radius-full);
  background: none;
  color: var(--ornie-text-muted);
  font-family: inherit;
  font-weight: var(--ornie-weight-medium);
  white-space: nowrap;
  cursor: pointer;
  transition:
    background-color var(--ornie-duration-quick) var(--ornie-ease-out),
    color var(--ornie-duration-quick) var(--ornie-ease-out),
    box-shadow var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-segmented--md .ornie-segmented__option {
  height: 28px;
  padding: 0 12px;
  font-size: var(--ornie-text-sm);
}
.ornie-segmented--sm .ornie-segmented__option {
  height: 24px;
  padding: 0 10px;
  font-size: var(--ornie-text-xs);
}
.ornie-segmented__option:hover:not(:disabled):not(.ornie-segmented__option--selected) {
  color: var(--ornie-text);
}
.ornie-segmented__option--selected {
  background: var(--ornie-surface);
  color: var(--ornie-text);
  font-weight: var(--ornie-weight-semibold);
  box-shadow: 0 0 0 1px var(--ornie-border-subtle), var(--ornie-shadow-sm);
}
.ornie-segmented__option:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.ornie-segmented__option:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}
@media (pointer: coarse) {
  .ornie-segmented__option::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 44px;
    transform: translateY(-50%);
  }
}

/* src/patterns/ChipGroup/ChipGroup.css */
.ornie-chip-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ornie-space-2);
}

/* src/patterns/EmptyState/EmptyState.css */
.ornie-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: var(--ornie-space-6);
  font-family: var(--ornie-font-sans);
  text-align: center;
}
.ornie-empty-state__icon {
  display: inline-flex;
  margin-bottom: var(--ornie-space-4);
  color: var(--ornie-text-subtle);
}
.ornie-empty-state__icon svg {
  width: 24px;
  height: 24px;
}
.ornie-empty-state__title {
  margin: 0;
  font-size: var(--ornie-text-md);
  font-weight: var(--ornie-weight-semibold);
  letter-spacing: -0.2px;
  color: var(--ornie-text);
}
.ornie-empty-state__body {
  margin: var(--ornie-space-2) 0 0;
  max-width: 44ch;
  font-size: var(--ornie-text-sm);
  line-height: var(--ornie-leading-normal);
  color: var(--ornie-text-muted);
}
.ornie-empty-state__action {
  margin-top: var(--ornie-space-5);
}

/* src/patterns/Toast/Toast.css */
.ornie-toast-host {
  position: fixed;
  bottom: calc(var(--ornie-space-8) + env(safe-area-inset-bottom, 0px));
  left: 50%;
  transform: translateX(-50%);
  z-index: var(--ornie-z-toast, 1200);
  display: flex;
  justify-content: center;
  width: max-content;
  max-width: calc(100vw - var(--ornie-space-8));
  pointer-events: none;
}
.ornie-toast {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  padding: 12px 18px;
  border-radius: var(--ornie-radius-md);
  background: var(--ornie-surface-inverse);
  color: var(--ornie-text-inverse);
  font-family: var(--ornie-font-sans);
  font-size: var(--ornie-text-sm);
  font-weight: var(--ornie-weight-medium);
  line-height: var(--ornie-leading-normal);
  box-shadow: var(--ornie-shadow-lg);
  pointer-events: auto;
  transition: opacity var(--ornie-duration-gentle) var(--ornie-ease-out), transform var(--ornie-duration-gentle) var(--ornie-ease-out);
}
.ornie-toast--entering,
.ornie-toast--leaving {
  opacity: 0;
  transform: translateY(4px);
}
.ornie-toast__message {
  min-width: 0;
}
.ornie-toast__sep {
  opacity: 0.72;
}
.ornie-toast__action {
  position: relative;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-weight: var(--ornie-weight-semibold);
  color: var(--ornie-text-inverse);
  text-decoration: underline;
  text-underline-offset: 2px;
  white-space: nowrap;
  cursor: pointer;
}
.ornie-toast__action:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}
@media (pointer: coarse) {
  .ornie-toast__action::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: max(100%, 44px);
    height: 44px;
    transform: translate(-50%, -50%);
  }
}

/* src/patterns/Prose/Prose.css */
.ornie-prose {
  font-family: var(--ornie-font-sans);
  font-size: var(--ornie-text-md);
  line-height: 1.65;
  color: var(--ornie-text);
}
.ornie-prose > * {
  margin: 0;
}
.ornie-prose > * + * {
  margin-top: var(--ornie-space-3);
}
.ornie-prose > * + h1 {
  margin-top: var(--ornie-space-6);
}
.ornie-prose > * + h2 {
  margin-top: 22px;
}
.ornie-prose > * + h3 {
  margin-top: 18px;
}
.ornie-prose > h1 + *,
.ornie-prose > h2 + *,
.ornie-prose > h3 + * {
  margin-top: 10px;
}
.ornie-prose h1 {
  font-size: var(--ornie-text-xl);
  font-weight: var(--ornie-weight-semibold);
  letter-spacing: -0.3px;
  line-height: var(--ornie-leading-tight);
}
.ornie-prose h2 {
  font-size: var(--ornie-text-lg);
  font-weight: var(--ornie-weight-semibold);
  letter-spacing: -0.2px;
  line-height: var(--ornie-leading-tight);
}
.ornie-prose h3 {
  font-size: var(--ornie-text-md);
  font-weight: var(--ornie-weight-semibold);
  line-height: var(--ornie-leading-tight);
}
.ornie-prose ul,
.ornie-prose ol {
  padding-left: var(--ornie-space-5);
}
.ornie-prose li + li,
.ornie-prose li > ul,
.ornie-prose li > ol {
  margin-top: 6px;
}
.ornie-prose li::marker {
  color: var(--ornie-text-subtle);
}
.ornie-prose blockquote {
  border-left: 3px solid var(--ornie-border-strong);
  padding: 2px 0 2px var(--ornie-space-4);
  color: var(--ornie-text-muted);
}
.ornie-prose blockquote > * {
  margin: 0;
}
.ornie-prose blockquote > * + * {
  margin-top: var(--ornie-space-2);
}
.ornie-prose code {
  font-family:
    ui-monospace,
    "SF Mono",
    SFMono-Regular,
    Menlo,
    Consolas,
    monospace;
  font-size: 0.86em;
  background: var(--ornie-surface-sunken);
  border-radius: var(--ornie-radius-xs);
  padding: 1px 5px;
}
.ornie-prose pre {
  font-family:
    ui-monospace,
    "SF Mono",
    SFMono-Regular,
    Menlo,
    Consolas,
    monospace;
  font-size: var(--ornie-text-sm);
  line-height: 1.6;
  background: var(--ornie-surface-sunken);
  border-radius: var(--ornie-radius-xs);
  padding: var(--ornie-space-3) var(--ornie-space-4);
  overflow-x: auto;
}
.ornie-prose pre:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}
.ornie-prose pre code {
  font-size: inherit;
  background: none;
  border-radius: 0;
  padding: 0;
}
.ornie-prose hr {
  border: 0;
  border-top: 1px solid var(--ornie-border);
}
.ornie-prose strong {
  font-weight: var(--ornie-weight-bold);
}
.ornie-prose em {
  font-style: italic;
}
.ornie-prose a:not([class]) {
  border-radius: var(--ornie-radius-xs);
  color: var(--ornie-accent-text);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--ornie-accent-subtle-border);
  text-underline-offset: 2px;
  cursor: pointer;
  transition: color var(--ornie-duration-quick) var(--ornie-ease-out), text-decoration-color var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-prose a:not([class]):hover {
  color: var(--ornie-accent-text-hover);
  text-decoration-color: currentColor;
}
.ornie-prose a:not([class]):focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}

/* src/patterns/WikiLink/WikiLink.css */
.ornie-wikilink {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 0.1em 0.6em;
  border: 1px solid transparent;
  border-radius: var(--ornie-radius-full);
  background: var(--ornie-accent-subtle);
  color: var(--ornie-accent-text);
  font-size: 0.875em;
  font-weight: var(--ornie-weight-semibold);
  text-decoration: none;
  cursor: pointer;
  transition:
    background-color var(--ornie-duration-quick) var(--ornie-ease-out),
    border-color var(--ornie-duration-quick) var(--ornie-ease-out),
    color var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-wikilink:hover {
  background: var(--ornie-selected);
}
.ornie-wikilink:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}
.ornie-wikilink--unresolved {
  border: 1px dashed var(--ornie-accent-subtle-border);
  background: transparent;
}
.ornie-wikilink--unresolved:hover {
  background: var(--ornie-accent-subtle);
}

/* src/patterns/WeekDots/WeekDots.css */
.ornie-weekdots {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.ornie-weekdots__dot {
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  flex: none;
  border-radius: var(--ornie-radius-full);
  background: var(--ornie-track);
}
.ornie-weekdots__dot--done {
  background: var(--ornie-done);
}
.ornie-weekdots__dot--today {
  outline: 1.5px solid var(--ornie-done);
  outline-offset: 1.5px;
}
.ornie-weekdots__dot--future {
  background: transparent;
  border: 1px dashed var(--ornie-border-strong);
}

/* src/patterns/SealBadge/SealBadge.css */
.ornie-sealbadge {
  display: inline-flex;
  align-items: center;
  gap: var(--ornie-space-2);
  font-family: var(--ornie-font-sans);
  white-space: nowrap;
}
.ornie-sealbadge__pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 20px;
  padding: 0 var(--ornie-space-2);
  border-radius: var(--ornie-radius-full);
  background: var(--ornie-accent-subtle);
  color: var(--ornie-accent-text);
  font-size: 11px;
  font-weight: var(--ornie-weight-semibold);
  line-height: 1;
}
.ornie-sealbadge__glyph {
  width: 10px;
  height: 10px;
  flex: none;
}
.ornie-sealbadge__detail {
  font-size: 11px;
  color: var(--ornie-text-subtle);
}

/* src/patterns/RedactedBars/RedactedBars.css */
.ornie-redactedbars {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
.ornie-redactedbars__bar {
  height: 7px;
  border-radius: var(--ornie-radius-full);
  background: var(--ornie-track);
}

/* src/patterns/StepDots/StepDots.css */
.ornie-stepdots {
  display: inline-flex;
  align-items: center;
  gap: var(--ornie-space-2);
}
.ornie-stepdots__dot {
  width: 7px;
  height: 7px;
  flex: none;
  border-radius: var(--ornie-radius-full);
  background: var(--ornie-track);
  transition: width var(--ornie-duration-gentle) var(--ornie-ease-out), background-color var(--ornie-duration-gentle) var(--ornie-ease-out);
}
.ornie-stepdots__dot--active {
  width: 18px;
  background: var(--ornie-accent);
}

/* src/shells/Sheet/Sheet.css */
.ornie-sheet {
  position: fixed;
  inset: 0;
  z-index: var(--ornie-z-sheet);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: var(--ornie-overlay);
  animation: ornie-sheet-fade var(--ornie-duration-gentle) var(--ornie-ease-out);
}
.ornie-sheet--contained {
  position: absolute;
}
.ornie-sheet__panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: var(--ornie-surface);
  border-radius: 20px 20px 0 0;
  box-shadow: var(--ornie-shadow-lg);
  padding: 10px var(--ornie-space-5) calc(var(--ornie-space-4) + env(safe-area-inset-bottom, 0px) + var(--ornie-keyboard-inset));
  font-family: var(--ornie-font-sans);
  color: var(--ornie-text);
  animation: ornie-sheet-rise var(--ornie-duration-gentle) var(--ornie-ease-out);
}
.ornie-sheet__panel:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: -2px;
}
.ornie-sheet__panel--content {
  max-height: 85dvh;
}
.ornie-sheet__panel--half {
  height: 52dvh;
}
.ornie-sheet__panel--tall {
  height: 90dvh;
}
.ornie-sheet__grabber {
  flex: none;
  width: 36px;
  height: 4.5px;
  border-radius: 3px;
  background: var(--ornie-border-strong);
  margin: 0 auto 14px;
}
.ornie-sheet__header {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ornie-space-3);
  margin-bottom: 14px;
}
.ornie-sheet__title {
  font-size: 10.5px;
  font-weight: var(--ornie-weight-bold);
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--ornie-text-subtle);
}
.ornie-sheet__close {
  flex: none;
  margin-left: auto;
}
.ornie-sheet__body {
  min-height: 0;
  overflow-y: auto;
}
.ornie-sheet__body:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: -2px;
  border-radius: var(--ornie-radius-xs);
}
@keyframes ornie-sheet-fade {
  from {
    opacity: 0;
  }
}
@keyframes ornie-sheet-rise {
  from {
    transform: translateY(100%);
  }
}

/* src/shells/Dock/Dock.css */
.ornie-dock {
  position: relative;
  z-index: var(--ornie-z-dock);
  display: flex;
  align-items: flex-start;
  height: 84px;
  box-sizing: border-box;
  padding: 9px 6px 0;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  background: var(--ornie-surface-sunken);
  border-top: 1px solid var(--ornie-border);
  font-family: var(--ornie-font-sans);
}
.ornie-dock__item {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--ornie-text-subtle);
  cursor: pointer;
  transition: color var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-dock__item:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
  border-radius: var(--ornie-radius-sm);
}
.ornie-dock__item--active {
  color: var(--ornie-accent-text);
}
.ornie-dock__icon {
  position: relative;
  display: inline-flex;
}
.ornie-dock__badge {
  position: absolute;
  top: -4px;
  right: -12px;
}
.ornie-dock__label {
  font-size: 10.5px;
  font-weight: var(--ornie-weight-medium);
}
.ornie-dock__item--active .ornie-dock__label {
  font-weight: var(--ornie-weight-bold);
}
.ornie-dock__capture-slot {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ornie-dock__capture {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-top: -26px;
  padding: 0;
  border: 4px solid var(--ornie-bg);
  border-radius: var(--ornie-radius-full);
  background: var(--ornie-accent);
  color: var(--ornie-text-on-accent);
  box-shadow: var(--ornie-shadow-md);
  cursor: pointer;
  transition: background-color var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-dock__capture:hover {
  background: var(--ornie-accent-hover);
}
.ornie-dock__capture:active {
  background: var(--ornie-accent-active);
}
.ornie-dock__capture:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}
@media (pointer: coarse) {
  .ornie-dock__item::after {
    content: "";
    position: absolute;
    inset: -6px 0;
    min-height: 44px;
  }
}

/* src/shells/SidebarNav/SidebarNav.css */
.ornie-sidebarnav {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 264px;
  height: 100%;
  padding: 14px 12px 12px;
  background: var(--ornie-surface-sunken);
  border-right: 1px solid var(--ornie-border);
  color: var(--ornie-text);
  font-family: var(--ornie-font-sans);
}
.ornie-sidebarnav--rail {
  width: 60px;
}
.ornie-sidebarnav__header {
  flex: none;
  margin-bottom: 14px;
  min-width: 0;
}
.ornie-sidebarnav__body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: var(--ornie-space-4);
  overflow-y: auto;
  overflow-x: hidden;
}
.ornie-sidebarnav__footer {
  flex: none;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--ornie-border);
  min-width: 0;
}
.ornie-sidebargroup {
  display: flex;
  flex-direction: column;
  flex: none;
}
.ornie-sidebargroup__label {
  padding: 0 9px 8px;
  font-size: 10.5px;
  font-weight: var(--ornie-weight-bold);
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--ornie-text-subtle);
  white-space: nowrap;
}
.ornie-sidebargroup--rail .ornie-sidebargroup__label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.ornie-sidebargroup__rule {
  display: none;
}
.ornie-sidebargroup--rail .ornie-sidebargroup__rule {
  display: block;
  width: 24px;
  height: 1px;
  margin: 6px auto;
  background: var(--ornie-border);
}
.ornie-sidebargroup__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.ornie-sidebargroup--rail .ornie-sidebargroup__items {
  align-items: center;
  gap: 4px;
}
.ornie-sidebaritem {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ornie-sidebaritem__control {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  margin: 0;
  padding: 7px 9px;
  border: 0;
  border-radius: var(--ornie-radius-sm);
  background: transparent;
  color: var(--ornie-text-muted);
  font-family: var(--ornie-font-sans);
  font-size: 13.5px;
  font-weight: var(--ornie-weight-medium);
  line-height: var(--ornie-leading-tight);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--ornie-duration-quick) var(--ornie-ease-out), color var(--ornie-duration-quick) var(--ornie-ease-out);
}
.ornie-sidebaritem__control:hover {
  background: var(--ornie-hover);
}
.ornie-sidebaritem__control:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}
.ornie-sidebaritem--active .ornie-sidebaritem__control {
  background: var(--ornie-selected);
  color: var(--ornie-accent-text);
}
.ornie-sidebaritem__leading {
  --ornie-progress-ring-disc: var(--ornie-surface-sunken);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  flex: none;
}
.ornie-sidebaritem__leading > svg {
  width: 18px;
  height: 18px;
}
.ornie-sidebaritem__label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ornie-sidebaritem__trailing {
  display: inline-flex;
  align-items: center;
  flex: none;
  font-size: 11px;
  color: var(--ornie-text-subtle);
}
.ornie-sidebaritem__count {
  background: var(--ornie-surface);
}
.ornie-sidebaritem--rail {
  align-items: center;
}
.ornie-sidebaritem--rail .ornie-sidebaritem__control {
  width: 36px;
  height: 36px;
  justify-content: center;
  gap: 0;
  padding: 0;
}
@media (pointer: coarse) {
  .ornie-sidebaritem__control {
    min-height: 44px;
  }
  .ornie-sidebaritem--rail .ornie-sidebaritem__control {
    width: 44px;
    height: 44px;
  }
}

/* src/shells/TopBar/TopBar.css */
.ornie-topbar {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--ornie-space-2);
  height: 52px;
  flex: none;
  padding: 0 20px;
  background: transparent;
  color: var(--ornie-text);
  font-family: var(--ornie-font-sans);
}
.ornie-topbar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--ornie-border-subtle);
  opacity: 0;
  transition: opacity var(--ornie-duration-quick) var(--ornie-ease-out);
  pointer-events: none;
}
.ornie-topbar--scrolled::after {
  opacity: 1;
}
.ornie-topbar__leading,
.ornie-topbar__trailing {
  display: flex;
  align-items: center;
  gap: var(--ornie-space-2);
  flex: none;
}
.ornie-topbar__title {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--ornie-text-lg);
  font-weight: var(--ornie-weight-semibold);
  letter-spacing: -0.2px;
  line-height: var(--ornie-leading-tight);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* src/shells/PageHeader/PageHeader.css */
.ornie-page-header {
  display: block;
  min-width: 0;
  font-family: var(--ornie-font-sans);
  color: var(--ornie-text);
}
.ornie-page-header__kicker {
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: var(--ornie-weight-bold);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: var(--ornie-accent-text);
}
.ornie-page-header__row {
  display: flex;
  align-items: center;
  gap: 14px;
}
.ornie-page-header__title {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 25px;
  font-weight: var(--ornie-weight-bold);
  letter-spacing: -0.5px;
  line-height: 1.2;
  overflow-wrap: break-word;
}
.ornie-page-header--greeting .ornie-page-header__title {
  line-height: 1.15;
}
.ornie-page-header__trailing {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: none;
}
.ornie-page-header__subtitle {
  margin: 3px 0 0;
  font-size: var(--ornie-text-sm);
  line-height: 1.5;
  color: var(--ornie-text-subtle);
}

/* src/shells/TriageCard/TriageCard.css */
.ornie-triage-card {
  padding: 18px 18px 14px;
}
.ornie-triage-card__capture {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 15px;
}
.ornie-triage-card__text {
  font-size: 16px;
  font-weight: var(--ornie-weight-medium);
  letter-spacing: -0.2px;
  line-height: 1.4;
  color: var(--ornie-text);
  overflow-wrap: break-word;
}
.ornie-triage-card__target--suggested {
  background: var(--ornie-accent-subtle);
  box-shadow: inset 0 0 0 1px var(--ornie-accent-subtle-border);
  color: var(--ornie-accent-text);
}
.ornie-triage-card__target--suggested.ornie-chip--selectable:not(.ornie-chip--disabled):hover {
  color: var(--ornie-accent-text-hover);
}
.ornie-triage-card__footer {
  display: flex;
  align-items: center;
  gap: var(--ornie-space-2);
  margin-top: 15px;
  padding-top: 11px;
  border-top: 1px solid var(--ornie-border-subtle);
}
.ornie-triage-card__progress {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 1;
  min-width: 0;
}
.ornie-triage-card__count {
  font-size: 11.5px;
  color: var(--ornie-text-subtle);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.ornie-triage-card__hint {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  font-size: 11px;
  color: var(--ornie-text-subtle);
  white-space: nowrap;
}
.ornie-triage-card__hint-glyph {
  width: 11px;
  height: 11px;
  flex: none;
}

/* src/shells/PanelDrawer/PanelDrawer.css */
.ornie-panel-drawer {
  display: flex;
  flex-direction: column;
  flex: none;
  width: 372px;
  min-height: 0;
  background: var(--ornie-surface);
  border-left: 1px solid var(--ornie-border);
  font-family: var(--ornie-font-sans);
  color: var(--ornie-text);
}
.ornie-panel-drawer--overlay {
  height: 100%;
  max-width: 100%;
  box-shadow: var(--ornie-shadow-lg);
  animation: ornie-panel-drawer-slide var(--ornie-duration-gentle) var(--ornie-ease-out);
}
.ornie-panel-drawer--overlay:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: -2px;
}
.ornie-panel-drawer__scrim {
  position: fixed;
  inset: 0;
  z-index: var(--ornie-z-drawer);
  display: flex;
  justify-content: flex-end;
  background: var(--ornie-overlay);
  animation: ornie-panel-drawer-fade var(--ornie-duration-gentle) var(--ornie-ease-out);
}
.ornie-panel-drawer__scrim--contained {
  position: absolute;
}
.ornie-panel-drawer__header {
  flex: none;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px var(--ornie-space-4);
  border-bottom: 1px solid var(--ornie-border);
}
.ornie-panel-drawer__leading {
  flex: none;
  display: flex;
}
.ornie-panel-drawer__titles {
  flex: 1;
  min-width: 0;
}
.ornie-panel-drawer__title {
  font-size: 14px;
  font-weight: var(--ornie-weight-semibold);
  line-height: 1.2;
}
.ornie-panel-drawer__description {
  font-size: 11.5px;
  color: var(--ornie-text-subtle);
  line-height: 1.3;
}
.ornie-panel-drawer__close {
  flex: none;
  margin-left: auto;
}
.ornie-panel-drawer__body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: var(--ornie-space-4);
}
.ornie-panel-drawer__body:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: -2px;
  border-radius: var(--ornie-radius-xs);
}
.ornie-panel-drawer__footer {
  flex: none;
  padding: 10px 14px 14px;
}
@keyframes ornie-panel-drawer-fade {
  from {
    opacity: 0;
  }
}
@keyframes ornie-panel-drawer-slide {
  from {
    transform: translateX(16px);
    opacity: 0;
  }
}

/* src/shells/CommandOverlay/CommandOverlay.css */
.ornie-command-overlay__input-row {
  flex: none;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--ornie-border-subtle);
}
.ornie-command-overlay__icon {
  flex: none;
  color: var(--ornie-text-subtle);
}
.ornie-command-overlay__input {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  padding: 0;
  font-family: var(--ornie-font-sans);
  font-size: var(--ornie-text-md);
  color: var(--ornie-text);
}
.ornie-command-overlay__input::placeholder {
  color: var(--ornie-text-subtle);
}
.ornie-command-overlay__input:focus-visible {
  outline: 2px solid var(--ornie-focus-ring);
  outline-offset: 2px;
}
.ornie-command-overlay__trailing {
  flex: none;
  display: inline-flex;
  align-items: center;
}
.ornie-command-overlay__results {
  max-height: 360px;
  overflow-y: auto;
  padding: var(--ornie-space-2);
}
.ornie-command-overlay__option {
  border-radius: var(--ornie-radius-sm);
  cursor: pointer;
}
.ornie-command-overlay__option--active {
  background: var(--ornie-selected);
}
.ornie-command-overlay__footer {
  flex: none;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 9px 18px;
  border-top: 1px solid var(--ornie-border-subtle);
  font-size: 11px;
  color: var(--ornie-text-subtle);
}
.ornie-command-overlay__hint {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

/* src/foundations/foundations.css */
.ornie-foundation {
  display: flex;
  flex-direction: column;
  gap: var(--ornie-space-6);
  font-family: var(--ornie-font-sans);
  font-size: var(--ornie-text-md);
  line-height: var(--ornie-leading-normal);
  color: var(--ornie-text);
}
.ornie-foundation__title {
  font-size: var(--ornie-text-lg);
  font-weight: var(--ornie-weight-bold);
}
.ornie-foundation__section {
  display: flex;
  flex-direction: column;
  gap: var(--ornie-space-2);
}
.ornie-foundation__label {
  font-size: var(--ornie-text-sm);
  font-weight: var(--ornie-weight-semibold);
  color: var(--ornie-text-muted);
}
.ornie-foundation__row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--ornie-space-2);
}
.ornie-foundation__swatch {
  width: 76px;
  display: flex;
  flex-direction: column;
  gap: var(--ornie-space-1);
}
.ornie-foundation__swatch--compact {
  width: 56px;
}
.ornie-foundation__chip {
  height: var(--ornie-space-10);
  border-radius: var(--ornie-radius-sm);
  border: 1px solid var(--ornie-border-subtle);
}
.ornie-foundation__swatch--compact .ornie-foundation__chip {
  height: var(--ornie-space-8);
}
.ornie-foundation__token {
  font-size: var(--ornie-text-xs);
  color: var(--ornie-text-muted);
  word-break: break-word;
}
.ornie-foundation__value {
  font-size: var(--ornie-text-xs);
  color: var(--ornie-text-subtle);
}
.ornie-foundation__spec-row {
  display: flex;
  align-items: baseline;
  gap: var(--ornie-space-4);
  border-bottom: 1px solid var(--ornie-border-subtle);
  padding-bottom: var(--ornie-space-2);
}
.ornie-foundation__spec-meta {
  flex: 0 0 148px;
  display: flex;
  flex-direction: column;
}
.ornie-foundation__bar {
  height: var(--ornie-space-3);
  border-radius: var(--ornie-radius-xs);
  background: var(--ornie-accent-subtle);
  border: 1px solid var(--ornie-accent-subtle-border);
}
.ornie-foundation__tile {
  width: 72px;
  height: 72px;
  background: var(--ornie-surface);
  border: 1px solid var(--ornie-border-strong);
}
.ornie-foundation__shadow-card {
  width: 148px;
  padding: var(--ornie-space-4);
  border-radius: var(--ornie-radius-lg);
  background: var(--ornie-surface);
  border: 1px solid var(--ornie-border-subtle);
}
.ornie-foundation-dark {
  display: flex;
  flex-direction: column;
  gap: var(--ornie-space-6);
  padding: var(--ornie-space-8);
  border-radius: var(--ornie-radius-lg);
  border: 1px solid var(--ornie-border);
}
.ornie-foundation-dark__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ornie-space-3);
}
.ornie-foundation-dark__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--ornie-space-6);
  align-items: start;
}

/* src/styles/index.css */