@zvk/ui 0.1.0

package/dist/styles.css

@@ -0,0 +1,3852 @@
+/* src/styles.css */
+@layer liano-reset, liano-tokens, liano-themes, liano-base, liano-components, liano-utilities;
+
+/* src/tokens/tokens.css */
+@layer liano-tokens {
+  :root {
+    --liano-font-family-sans: "Aptos", "SF Pro Text", "Segoe UI Variable", ui-sans-serif, system-ui, sans-serif;
+    --liano-font-family-mono: "SF Mono", "Cascadia Code", ui-monospace, monospace;
+    --liano-font-size-xs: 0.75rem;
+    --liano-font-size-sm: 0.875rem;
+    --liano-font-size-md: 0.9375rem;
+    --liano-font-size-lg: 1rem;
+    --liano-line-height-tight: 1.2;
+    --liano-line-height-normal: 1.5;
+
+    --liano-space-0: 0;
+    --liano-space-1: 0.25rem;
+    --liano-space-2: 0.5rem;
+    --liano-space-3: 0.75rem;
+    --liano-space-4: 1rem;
+    --liano-space-5: 1.25rem;
+    --liano-space-6: 1.5rem;
+    --liano-space-8: 2rem;
+
+    --liano-radius-xs: 0.25rem;
+    --liano-radius-sm: 0.375rem;
+    --liano-radius-md: 0.5rem;
+    --liano-radius-lg: 0.75rem;
+    --liano-radius-full: 999px;
+
+    --liano-shadow-xs: 0 1px 1px rgb(15 23 42 / 0.06);
+    --liano-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.08), 0 8px 24px rgb(15 23 42 / 0.04);
+    --liano-shadow-md: 0 12px 32px rgb(15 23 42 / 0.10);
+
+    --liano-opacity-disabled: 0.56;
+    --liano-duration-fast: 120ms;
+    --liano-duration-normal: 180ms;
+    --liano-ease-standard: cubic-bezier(0.2, 0, 0, 1);
+    --liano-focus-ring: 0 0 0 3px color-mix(in srgb, var(--liano-color-ring) 24%, transparent);
+  }
+}
+
+
+/* src/tokens/themes.css */
+@layer liano-themes {
+  :root,
+  [data-liano-theme="light"] {
+    color-scheme: light;
+    --liano-color-background: #ffffff;
+    --liano-color-foreground: #111827;
+    --liano-color-muted: #f8fafc;
+    --liano-color-muted-foreground: #64748b;
+    --liano-color-surface: #ffffff;
+    --liano-color-surface-raised: #ffffff;
+    --liano-color-border: #d9e0ea;
+    --liano-color-border-strong: #b8c4d4;
+    --liano-color-ring: #2563eb;
+    --liano-color-primary: #1d4ed8;
+    --liano-color-primary-hover: #1e40af;
+    --liano-color-primary-foreground: #ffffff;
+    --liano-color-success: #0f8a6a;
+    --liano-color-warning: #b86f00;
+    --liano-color-destructive: #c62828;
+    --liano-color-info: #087ea4;
+    --liano-control-background: #ffffff;
+    --liano-control-hover: #f8fafc;
+    --liano-control-active: #eef4ff;
+  }
+
+  [data-liano-theme="dark"] {
+    color-scheme: dark;
+    --liano-color-background: #0d1117;
+    --liano-color-foreground: #f4f7fb;
+    --liano-color-muted: #151b23;
+    --liano-color-muted-foreground: #9aa8ba;
+    --liano-color-surface: #111821;
+    --liano-color-surface-raised: #151e2a;
+    --liano-color-border: #293445;
+    --liano-color-border-strong: #3b4a5f;
+    --liano-color-ring: #69a3ff;
+    --liano-color-primary: #6ea2ff;
+    --liano-color-primary-hover: #91b8ff;
+    --liano-color-primary-foreground: #07101f;
+    --liano-color-success: #3dd6aa;
+    --liano-color-warning: #f5bd4f;
+    --liano-color-destructive: #ff6b6b;
+    --liano-color-info: #58d5f7;
+    --liano-control-background: #111821;
+    --liano-control-hover: #172233;
+    --liano-control-active: #1b2f50;
+  }
+}
+
+
+/* src/tokens/density.css */
+@layer liano-tokens {
+  :root,
+  [data-liano-density="default"] {
+    --liano-control-height-sm: 2rem;
+    --liano-control-height-md: 2.5rem;
+    --liano-control-height-lg: 3rem;
+    --liano-control-padding-x: 0.875rem;
+    --liano-control-gap: 0.5rem;
+    --liano-field-gap: 0.375rem;
+  }
+
+  [data-liano-density="compact"] {
+    --liano-control-height-sm: 1.75rem;
+    --liano-control-height-md: 2.25rem;
+    --liano-control-height-lg: 2.625rem;
+    --liano-control-padding-x: 0.75rem;
+    --liano-control-gap: 0.375rem;
+    --liano-field-gap: 0.25rem;
+  }
+
+  [data-liano-density="comfortable"] {
+    --liano-control-height-sm: 2.25rem;
+    --liano-control-height-md: 2.75rem;
+    --liano-control-height-lg: 3.25rem;
+    --liano-control-padding-x: 1rem;
+    --liano-control-gap: 0.625rem;
+    --liano-field-gap: 0.5rem;
+  }
+}
+
+
+/* src/styles/reset.css */
+@layer liano-reset {
+  :where(.liano-button, .liano-icon-button, .liano-badge, .liano-card, .liano-field, .liano-input, .liano-spinner, .liano-skeleton),
+  :where(.liano-card, .liano-field) * {
+    box-sizing: border-box;
+  }
+
+  :where(.liano-button, .liano-icon-button, .liano-input) {
+    font: inherit;
+  }
+}
+
+
+/* src/styles/base.css */
+@layer liano-base {
+  :where(.liano-root, [data-liano-scope]) {
+    background: var(--liano-color-background);
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    line-height: var(--liano-line-height-normal);
+  }
+}
+
+
+/* src/components/button/button.css */
+@layer liano-components {
+  :where(.liano-button) {
+    --liano-button-height: var(--liano-control-height-md);
+    --liano-button-padding-x: var(--liano-control-padding-x);
+    --liano-button-bg: var(--liano-control-background);
+    --liano-button-fg: var(--liano-color-foreground);
+    --liano-button-border: var(--liano-color-border);
+    --liano-button-shadow: var(--liano-shadow-xs);
+    align-items: center;
+    appearance: none;
+    background: var(--liano-button-bg);
+    border: 1px solid var(--liano-button-border);
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-button-shadow);
+    color: var(--liano-button-fg);
+    cursor: pointer;
+    display: inline-flex;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    font-weight: 600;
+    gap: var(--liano-control-gap);
+    height: var(--liano-button-height);
+    justify-content: center;
+    line-height: 1;
+    min-width: max-content;
+    padding-inline: var(--liano-button-padding-x);
+    text-decoration: none;
+    transition: background var(--liano-duration-fast) var(--liano-ease-standard), border-color var(--liano-duration-fast) var(--liano-ease-standard), box-shadow var(--liano-duration-fast) var(--liano-ease-standard), transform var(--liano-duration-fast) var(--liano-ease-standard);
+    user-select: none;
+  }
+
+  :where(.liano-button:hover:not(:disabled, [data-disabled="true"])) {
+    background: var(--liano-control-hover);
+    border-color: var(--liano-color-border-strong);
+  }
+
+  :where(.liano-button:active:not(:disabled, [data-disabled="true"])) {
+    background: var(--liano-control-active);
+    transform: translateY(1px);
+  }
+
+  :where(.liano-button:focus-visible) {
+    box-shadow: var(--liano-button-shadow), var(--liano-focus-ring);
+    outline: 0;
+  }
+
+  :where(.liano-button:disabled, .liano-button[data-disabled="true"], .liano-button[data-loading="true"]) {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  :where(.liano-button[data-size="sm"]) {
+    --liano-button-height: var(--liano-control-height-sm);
+    --liano-button-padding-x: calc(var(--liano-control-padding-x) - 0.125rem);
+    font-size: var(--liano-font-size-xs);
+  }
+
+  :where(.liano-button[data-size="lg"]) {
+    --liano-button-height: var(--liano-control-height-lg);
+    --liano-button-padding-x: calc(var(--liano-control-padding-x) + 0.25rem);
+    font-size: var(--liano-font-size-md);
+  }
+
+  :where(.liano-button[data-variant="primary"]) {
+    --liano-button-bg: var(--liano-color-primary);
+    --liano-button-fg: var(--liano-color-primary-foreground);
+    --liano-button-border: color-mix(in srgb, var(--liano-color-primary) 86%, black);
+    --liano-button-shadow: var(--liano-shadow-sm);
+  }
+
+  :where(.liano-button[data-variant="primary"]:hover:not(:disabled, [data-disabled="true"])) {
+    background: var(--liano-color-primary-hover);
+  }
+
+  :where(.liano-button[data-variant="secondary"]) {
+    --liano-button-bg: var(--liano-color-muted);
+    --liano-button-fg: var(--liano-color-foreground);
+  }
+
+  :where(.liano-button[data-variant="outline"]) {
+    --liano-button-bg: transparent;
+  }
+
+  :where(.liano-button[data-variant="ghost"]) {
+    --liano-button-bg: transparent;
+    --liano-button-border: transparent;
+    --liano-button-shadow: none;
+  }
+
+  :where(.liano-button[data-variant="destructive"]) {
+    --liano-button-bg: var(--liano-color-destructive);
+    --liano-button-fg: white;
+    --liano-button-border: color-mix(in srgb, var(--liano-color-destructive) 82%, black);
+  }
+
+  :where(.liano-button__icon, .liano-button__spinner) {
+    align-items: center;
+    display: inline-flex;
+    flex: 0 0 auto;
+  }
+
+  :where(.liano-button__content) {
+    min-width: 0;
+  }
+}
+
+
+/* src/components/icon-button/icon-button.css */
+@layer liano-components {
+  :where(.liano-icon-button) {
+    align-items: center;
+    aspect-ratio: 1;
+    appearance: none;
+    background: var(--liano-control-background);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-xs);
+    color: var(--liano-color-foreground);
+    cursor: pointer;
+    display: inline-flex;
+    height: var(--liano-control-height-md);
+    justify-content: center;
+    padding: 0;
+    transition: background var(--liano-duration-fast) var(--liano-ease-standard), border-color var(--liano-duration-fast) var(--liano-ease-standard), box-shadow var(--liano-duration-fast) var(--liano-ease-standard), transform var(--liano-duration-fast) var(--liano-ease-standard);
+  }
+
+  :where(.liano-icon-button:hover:not(:disabled, [data-disabled="true"])) {
+    background: var(--liano-control-hover);
+    border-color: var(--liano-color-border-strong);
+  }
+
+  :where(.liano-icon-button:focus-visible) {
+    box-shadow: var(--liano-shadow-xs), var(--liano-focus-ring);
+    outline: 0;
+  }
+
+  :where(.liano-icon-button:active:not(:disabled, [data-disabled="true"])) {
+    background: var(--liano-control-active);
+    transform: translateY(1px);
+  }
+
+  :where(.liano-icon-button:disabled, .liano-icon-button[data-disabled="true"], .liano-icon-button[data-loading="true"]) {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  :where(.liano-icon-button[data-size="sm"]) {
+    height: var(--liano-control-height-sm);
+  }
+
+  :where(.liano-icon-button[data-size="lg"]) {
+    height: var(--liano-control-height-lg);
+  }
+
+  :where(.liano-icon-button[data-variant="primary"]) {
+    background: var(--liano-color-primary);
+    border-color: color-mix(in srgb, var(--liano-color-primary) 86%, black);
+    color: var(--liano-color-primary-foreground);
+  }
+
+  :where(.liano-icon-button[data-variant="secondary"]) {
+    background: var(--liano-color-muted);
+  }
+
+  :where(.liano-icon-button[data-variant="outline"]) {
+    background: transparent;
+  }
+
+  :where(.liano-icon-button[data-variant="ghost"]) {
+    background: transparent;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  :where(.liano-icon-button[data-variant="destructive"]) {
+    background: var(--liano-color-destructive);
+    border-color: color-mix(in srgb, var(--liano-color-destructive) 82%, black);
+    color: white;
+  }
+}
+
+
+/* src/components/badge/badge.css */
+@layer liano-components {
+  :where(.liano-badge) {
+    align-items: center;
+    background: color-mix(in srgb, var(--liano-badge-color, var(--liano-color-muted-foreground)) 12%, var(--liano-color-surface));
+    border: 1px solid color-mix(in srgb, var(--liano-badge-color, var(--liano-color-border-strong)) 24%, transparent);
+    border-radius: var(--liano-radius-full);
+    color: var(--liano-badge-color, var(--liano-color-foreground));
+    display: inline-flex;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-xs);
+    font-weight: 650;
+    gap: var(--liano-space-1);
+    line-height: 1;
+    min-height: 1.5rem;
+    padding-inline: var(--liano-space-2);
+    white-space: nowrap;
+  }
+
+  :where(.liano-badge[data-size="md"]) {
+    min-height: 1.75rem;
+    padding-inline: var(--liano-space-3);
+  }
+
+  :where(.liano-badge[data-tone="primary"]) {
+    --liano-badge-color: var(--liano-color-primary);
+  }
+
+  :where(.liano-badge[data-tone="success"]) {
+    --liano-badge-color: var(--liano-color-success);
+  }
+
+  :where(.liano-badge[data-tone="warning"]) {
+    --liano-badge-color: var(--liano-color-warning);
+  }
+
+  :where(.liano-badge[data-tone="destructive"]) {
+    --liano-badge-color: var(--liano-color-destructive);
+  }
+
+  :where(.liano-badge[data-tone="info"]) {
+    --liano-badge-color: var(--liano-color-info);
+  }
+
+  :where(.liano-badge[data-variant="solid"]) {
+    background: var(--liano-badge-color, var(--liano-color-foreground));
+    border-color: transparent;
+    color: var(--liano-color-background);
+  }
+
+  :where(.liano-badge[data-variant="outline"]) {
+    background: transparent;
+  }
+}
+
+
+/* src/components/card/card.css */
+@layer liano-components {
+  :where(.liano-card) {
+    background: var(--liano-color-surface);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-lg);
+    color: var(--liano-color-foreground);
+    display: block;
+    padding: var(--liano-card-padding, var(--liano-space-5));
+  }
+
+  :where(.liano-card[data-variant="elevated"]) {
+    background: var(--liano-color-surface-raised);
+    box-shadow: var(--liano-shadow-sm);
+  }
+
+  :where(.liano-card[data-variant="ghost"]) {
+    background: transparent;
+    border-color: transparent;
+    box-shadow: none;
+  }
+
+  :where(.liano-card[data-padding="none"]) {
+    --liano-card-padding: 0;
+  }
+
+  :where(.liano-card[data-padding="sm"]) {
+    --liano-card-padding: var(--liano-space-3);
+  }
+
+  :where(.liano-card[data-padding="lg"]) {
+    --liano-card-padding: var(--liano-space-6);
+  }
+
+  :where(.liano-card__header, .liano-card__content, .liano-card__footer) {
+    display: grid;
+    gap: var(--liano-space-2);
+  }
+
+  :where(.liano-card__header + .liano-card__content, .liano-card__content + .liano-card__footer) {
+    margin-top: var(--liano-space-4);
+  }
+
+  :where(.liano-card__title) {
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-lg);
+    font-weight: 700;
+    line-height: var(--liano-line-height-tight);
+    margin: 0;
+  }
+
+  :where(.liano-card__description) {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-sm);
+    line-height: var(--liano-line-height-normal);
+    margin: 0;
+  }
+}
+
+
+/* src/components/separator/separator.css */
+@layer liano-components {
+  :where(.liano-separator) {
+    background: var(--liano-color-border);
+    border: 0;
+    flex-shrink: 0;
+  }
+
+  :where(.liano-separator[data-orientation="horizontal"]) {
+    height: 1px;
+    inline-size: 100%;
+  }
+
+  :where(.liano-separator[data-orientation="vertical"]) {
+    align-self: stretch;
+    block-size: auto;
+    inline-size: 1px;
+    min-height: 1rem;
+  }
+}
+
+
+/* src/components/spinner/spinner.css */
+@layer liano-components {
+  :where(.liano-spinner) {
+    --liano-spinner-size: 1rem;
+    color: var(--liano-color-primary);
+    display: inline-grid;
+    height: var(--liano-spinner-size);
+    place-items: center;
+    width: var(--liano-spinner-size);
+  }
+
+  .liano-spinner::before {
+    animation: liano-spinner-spin var(--liano-duration-normal) linear infinite;
+    border: 2px solid color-mix(in srgb, currentColor 22%, transparent);
+    border-block-start-color: currentColor;
+    border-radius: var(--liano-radius-full);
+    content: "";
+    height: 100%;
+    width: 100%;
+  }
+
+  :where(.liano-spinner[data-size="sm"]) {
+    --liano-spinner-size: 0.875rem;
+  }
+
+  :where(.liano-spinner[data-size="lg"]) {
+    --liano-spinner-size: 1.25rem;
+  }
+
+  :where(.liano-spinner[data-tone="muted"]) {
+    color: var(--liano-color-muted-foreground);
+  }
+
+  :where(.liano-button[data-loading="true"] .liano-spinner, .liano-icon-button[data-loading="true"] .liano-spinner) {
+    color: inherit;
+  }
+
+  @keyframes liano-spinner-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .liano-spinner::before {
+      animation-duration: 1.2s;
+    }
+  }
+}
+
+
+/* src/components/skeleton/skeleton.css */
+@layer liano-components {
+  :where(.liano-skeleton) {
+    background: linear-gradient(90deg, var(--liano-color-muted), color-mix(in srgb, var(--liano-color-muted-foreground) 14%, var(--liano-color-muted)), var(--liano-color-muted));
+    background-size: 220% 100%;
+    border-radius: var(--liano-radius-md);
+    display: block;
+    min-height: 1rem;
+  }
+
+  :where(.liano-skeleton[data-animate="true"]) {
+    animation: liano-skeleton-shimmer 1.4s var(--liano-ease-standard) infinite;
+  }
+
+  :where(.liano-skeleton[data-rounded="sm"]) {
+    border-radius: var(--liano-radius-sm);
+  }
+
+  :where(.liano-skeleton[data-rounded="lg"]) {
+    border-radius: var(--liano-radius-lg);
+  }
+
+  :where(.liano-skeleton[data-rounded="full"]) {
+    border-radius: var(--liano-radius-full);
+  }
+
+  @keyframes liano-skeleton-shimmer {
+    to {
+      background-position: -220% 0;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    :where(.liano-skeleton[data-animate="true"]) {
+      animation: none;
+    }
+  }
+}
+
+
+/* src/components/label/label.css */
+@layer liano-components {
+  :where(.liano-label) {
+    color: var(--liano-color-foreground);
+    display: inline-flex;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-label-font-size, var(--liano-font-size-sm));
+    font-weight: 650;
+    gap: var(--liano-space-1);
+    line-height: var(--liano-line-height-tight);
+  }
+
+  :where(.liano-label[data-size="sm"]) {
+    --liano-label-font-size: var(--liano-font-size-xs);
+  }
+
+  :where(.liano-label[data-disabled="true"]) {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  .liano-label[data-required="true"]::after {
+    color: var(--liano-color-destructive);
+    content: "*";
+  }
+}
+
+
+/* src/components/progress/progress.css */
+@layer liano-components {
+  :where(.liano-progress-group) {
+    display: grid;
+    gap: var(--liano-space-2);
+    min-width: 0;
+  }
+
+  :where(.liano-progress__label),
+  :where(.liano-progress__value) {
+    color: var(--liano-color-muted-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-xs);
+    font-weight: 600;
+    line-height: var(--liano-line-height-tight);
+  }
+
+  :where(.liano-progress) {
+    --liano-progress-color: var(--liano-color-primary);
+    --liano-progress-height: 0.5rem;
+    --liano-progress-value: 0%;
+    display: block;
+    min-width: 0;
+  }
+
+  :where(.liano-progress[data-size="sm"]) {
+    --liano-progress-height: 0.375rem;
+  }
+
+  :where(.liano-progress[data-tone="success"]) {
+    --liano-progress-color: var(--liano-color-success);
+  }
+
+  :where(.liano-progress[data-tone="warning"]) {
+    --liano-progress-color: var(--liano-color-warning);
+  }
+
+  :where(.liano-progress[data-tone="destructive"]) {
+    --liano-progress-color: var(--liano-color-destructive);
+  }
+
+  :where(.liano-progress[data-tone="neutral"]) {
+    --liano-progress-color: var(--liano-color-muted-foreground);
+  }
+
+  :where(.liano-progress__track) {
+    background: var(--liano-color-muted);
+    border-radius: var(--liano-radius-full);
+    display: block;
+    height: var(--liano-progress-height);
+    overflow: hidden;
+    width: 100%;
+  }
+
+  :where(.liano-progress__indicator) {
+    background: var(--liano-progress-color);
+    border-radius: inherit;
+    display: block;
+    height: 100%;
+    transition: width var(--liano-duration-normal) var(--liano-ease-standard);
+    width: min(max(var(--liano-progress-value), 0%), 100%);
+  }
+
+  :where(.liano-progress[data-indeterminate="true"] .liano-progress__indicator) {
+    animation: liano-progress-indeterminate 1.2s var(--liano-ease-standard) infinite;
+    width: 40%;
+  }
+
+  @keyframes liano-progress-indeterminate {
+    from {
+      transform: translateX(-100%);
+    }
+
+    to {
+      transform: translateX(250%);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    :where(.liano-progress__indicator) {
+      transition: none;
+    }
+
+    :where(.liano-progress[data-indeterminate="true"] .liano-progress__indicator) {
+      animation: none;
+    }
+  }
+}
+
+
+/* src/components/alert/alert.css */
+@layer liano-components {
+  :where(.liano-alert) {
+    --liano-alert-color: var(--liano-color-info);
+    align-items: start;
+    background: color-mix(in srgb, var(--liano-alert-color) 10%, var(--liano-color-surface));
+    border: 1px solid color-mix(in srgb, var(--liano-alert-color) 28%, var(--liano-color-border));
+    border-radius: var(--liano-radius-md);
+    color: var(--liano-color-foreground);
+    display: grid;
+    gap: var(--liano-space-3);
+    grid-template-columns: auto minmax(0, 1fr);
+    padding: var(--liano-space-4);
+  }
+
+  :where(.liano-alert[data-tone="success"]) {
+    --liano-alert-color: var(--liano-color-success);
+  }
+
+  :where(.liano-alert[data-tone="warning"]) {
+    --liano-alert-color: var(--liano-color-warning);
+  }
+
+  :where(.liano-alert[data-tone="destructive"]) {
+    --liano-alert-color: var(--liano-color-destructive);
+  }
+
+  :where(.liano-alert[data-tone="neutral"]) {
+    --liano-alert-color: var(--liano-color-muted-foreground);
+  }
+
+  :where(.liano-alert__icon) {
+    color: var(--liano-alert-color);
+    display: inline-flex;
+    line-height: 1;
+    margin-block-start: 0.125rem;
+  }
+
+  :where(.liano-alert__content) {
+    display: grid;
+    gap: var(--liano-space-1);
+    min-width: 0;
+  }
+
+  :where(.liano-alert__title) {
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    font-weight: 700;
+    line-height: var(--liano-line-height-tight);
+    margin: 0;
+  }
+
+  :where(.liano-alert__description) {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-sm);
+    line-height: var(--liano-line-height-normal);
+  }
+}
+
+
+/* src/components/avatar/avatar.css */
+@layer liano-components {
+  :where(.liano-avatar) {
+    --liano-avatar-size: 2rem;
+    align-items: center;
+    background: var(--liano-color-muted);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-full);
+    color: var(--liano-color-muted-foreground);
+    display: inline-flex;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-avatar-font-size, var(--liano-font-size-sm));
+    font-weight: 700;
+    height: var(--liano-avatar-size);
+    justify-content: center;
+    line-height: 1;
+    overflow: hidden;
+    user-select: none;
+    width: var(--liano-avatar-size);
+  }
+
+  :where(.liano-avatar[data-size="sm"]) {
+    --liano-avatar-font-size: var(--liano-font-size-xs);
+    --liano-avatar-size: 1.5rem;
+  }
+
+  :where(.liano-avatar[data-size="lg"]) {
+    --liano-avatar-font-size: var(--liano-font-size-md);
+    --liano-avatar-size: 2.5rem;
+  }
+
+  :where(.liano-avatar[data-shape="square"]) {
+    border-radius: var(--liano-radius-md);
+  }
+
+  :where(.liano-avatar__image) {
+    display: block;
+    height: 100%;
+    object-fit: cover;
+    width: 100%;
+  }
+
+  :where(.liano-avatar__fallback) {
+    align-items: center;
+    display: inline-flex;
+    height: 100%;
+    justify-content: center;
+    width: 100%;
+  }
+}
+
+
+/* src/components/copy-button/copy-button.css */
+@layer liano-components {
+  :where(.liano-copy-button) {
+    align-items: center;
+    background: var(--liano-control-background);
+    border: 1px solid var(--liano-copy-button-border-color, var(--liano-color-border));
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-xs);
+    color: var(--liano-color-foreground);
+    cursor: pointer;
+    display: inline-flex;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-xs);
+    font-weight: 650;
+    height: var(--liano-copy-button-height, var(--liano-control-height-sm));
+    justify-content: center;
+    line-height: 1;
+    padding-inline: var(--liano-space-3);
+    transition: background var(--liano-duration-fast) var(--liano-ease-standard), border-color var(--liano-duration-fast) var(--liano-ease-standard), box-shadow var(--liano-duration-fast) var(--liano-ease-standard);
+    white-space: nowrap;
+  }
+
+  :where(.liano-copy-button:hover:not(:disabled)) {
+    --liano-copy-button-border-color: var(--liano-color-border-strong);
+    background: var(--liano-color-surface);
+  }
+
+  :where(.liano-copy-button:focus-visible) {
+    --liano-copy-button-border-color: var(--liano-color-ring);
+    box-shadow: var(--liano-shadow-xs), var(--liano-focus-ring);
+    outline: 0;
+  }
+
+  :where(.liano-copy-button:disabled) {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  :where(.liano-copy-button[data-size="md"]) {
+    --liano-copy-button-height: var(--liano-control-height-md);
+    font-size: var(--liano-font-size-sm);
+  }
+
+  :where(.liano-copy-button[data-status="copied"]) {
+    --liano-copy-button-border-color: var(--liano-color-success);
+    color: var(--liano-color-success);
+  }
+
+  :where(.liano-copy-button[data-status="error"]) {
+    --liano-copy-button-border-color: var(--liano-color-destructive);
+    color: var(--liano-color-destructive);
+  }
+
+  :where(.liano-copyable-text) {
+    align-items: center;
+    background: var(--liano-color-muted);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    display: flex;
+    gap: var(--liano-space-2);
+    min-width: 0;
+    padding: var(--liano-space-2);
+  }
+
+  :where(.liano-copyable-text__label) {
+    color: var(--liano-color-muted-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-xs);
+    font-weight: 650;
+    line-height: var(--liano-line-height-tight);
+  }
+
+  :where(.liano-copyable-text__value) {
+    color: var(--liano-color-foreground);
+    flex: 1 1 auto;
+    font-family: var(--liano-font-family-mono);
+    font-size: var(--liano-font-size-sm);
+    line-height: var(--liano-line-height-tight);
+    min-width: 0;
+  }
+
+  :where(.liano-copyable-text__value[data-truncate="true"]) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+
+/* src/components/file-upload-input/file-upload-input.css */
+@layer liano-components {
+  :where(.liano-file-upload-input) {
+    align-items: center;
+    background: var(--liano-control-background);
+    border: 1px solid var(--liano-file-upload-input-border-color, var(--liano-color-border));
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-xs);
+    color: var(--liano-color-foreground);
+    display: flex;
+    gap: var(--liano-space-3);
+    min-height: var(--liano-file-upload-input-height, var(--liano-control-height-md));
+    min-width: 0;
+    padding: var(--liano-space-2);
+    transition: border-color var(--liano-duration-fast) var(--liano-ease-standard), box-shadow var(--liano-duration-fast) var(--liano-ease-standard);
+  }
+
+  :where(.liano-file-upload-input:focus-within) {
+    --liano-file-upload-input-border-color: var(--liano-color-ring);
+    box-shadow: var(--liano-shadow-xs), var(--liano-focus-ring);
+  }
+
+  :where(.liano-file-upload-input__button) {
+    align-items: center;
+    background: var(--liano-color-surface);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-sm);
+    color: var(--liano-color-foreground);
+    display: inline-flex;
+    flex: 0 0 auto;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-xs);
+    font-weight: 650;
+    min-height: var(--liano-control-height-sm);
+    padding-inline: var(--liano-space-3);
+  }
+
+  :where(.liano-file-upload-input__control) {
+    color: var(--liano-color-foreground);
+    flex: 0 1 auto;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    min-width: 0;
+  }
+
+  :where(.liano-file-upload-input__control:focus-visible) {
+    outline: 0;
+  }
+
+  :where(.liano-file-upload-input__control:disabled) {
+    cursor: not-allowed;
+  }
+
+  :where(.liano-file-upload-input__control[data-disabled="true"]) {
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  :where(.liano-file-upload-input__control[data-invalid="true"]) {
+    --liano-file-upload-input-border-color: var(--liano-color-destructive);
+  }
+
+  :where(.liano-file-upload-input__control[data-size="sm"]) {
+    --liano-file-upload-input-height: var(--liano-control-height-sm);
+    font-size: var(--liano-font-size-xs);
+  }
+
+  :where(.liano-file-upload-input__control[data-size="lg"]) {
+    --liano-file-upload-input-height: var(--liano-control-height-lg);
+    font-size: var(--liano-font-size-md);
+  }
+
+  :where(.liano-file-upload-input__summary) {
+    color: var(--liano-color-muted-foreground);
+    flex: 1 1 auto;
+    font-size: var(--liano-font-size-sm);
+    line-height: var(--liano-line-height-tight);
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+
+/* src/components/error-boundary/error-boundary.css */
+@layer liano-components {
+  :where(.liano-error-fallback) {
+    background: color-mix(in srgb, var(--liano-color-destructive) 10%, var(--liano-color-surface));
+    border: 1px solid color-mix(in srgb, var(--liano-color-destructive) 32%, var(--liano-color-border));
+    border-radius: var(--liano-radius-md);
+    color: var(--liano-color-foreground);
+    display: grid;
+    gap: var(--liano-space-2);
+    padding: var(--liano-space-4);
+  }
+
+  :where(.liano-error-fallback__title) {
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    font-weight: 700;
+    line-height: var(--liano-line-height-tight);
+    margin: 0;
+  }
+
+  :where(.liano-error-fallback__message) {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-sm);
+    line-height: var(--liano-line-height-normal);
+    margin: 0;
+  }
+
+  :where(.liano-error-fallback__action) {
+    margin-block-start: var(--liano-space-2);
+  }
+}
+
+
+/* src/components/field/field.css */
+@layer liano-components {
+  :where(.liano-field) {
+    display: grid;
+    gap: var(--liano-field-gap);
+  }
+
+  :where(.liano-field[data-disabled="true"]) {
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  :where(.liano-field__label) {
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    font-weight: 650;
+    line-height: var(--liano-line-height-tight);
+  }
+
+  :where(.liano-field__description) {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-xs);
+    line-height: var(--liano-line-height-normal);
+  }
+
+  :where(.liano-field__error) {
+    color: var(--liano-color-destructive);
+    font-size: var(--liano-font-size-xs);
+    font-weight: 600;
+    line-height: var(--liano-line-height-normal);
+  }
+}
+
+
+/* src/components/form/form.css */
+@layer liano-components {
+  :where(.liano-form) {
+    display: grid;
+    gap: var(--liano-space-4);
+  }
+
+  :where(.liano-form-field, .liano-form-item) {
+    display: grid;
+    gap: var(--liano-space-2);
+  }
+
+  :where(.liano-form-label) {
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    font-weight: 650;
+    line-height: var(--liano-line-height-tight);
+  }
+
+  :where(.liano-form-description, .liano-form-message) {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-xs);
+    line-height: var(--liano-line-height-normal);
+    margin: 0;
+  }
+
+  :where(.liano-form-message) {
+    color: var(--liano-color-destructive);
+    font-weight: 600;
+  }
+
+  :where(.liano-form-field[data-disabled="true"]) {
+    opacity: var(--liano-opacity-disabled);
+  }
+}
+
+
+/* src/components/input/input.css */
+@layer liano-components {
+  :where(.liano-input) {
+    appearance: none;
+    background: var(--liano-control-background);
+    border: 1px solid var(--liano-input-border-color, var(--liano-color-border));
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-xs);
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    height: var(--liano-input-height, var(--liano-control-height-md));
+    line-height: 1;
+    min-width: 0;
+    padding-inline: var(--liano-control-padding-x);
+    transition: background var(--liano-duration-fast) var(--liano-ease-standard), border-color var(--liano-duration-fast) var(--liano-ease-standard), box-shadow var(--liano-duration-fast) var(--liano-ease-standard);
+    width: 100%;
+  }
+
+  .liano-input::placeholder {
+    color: var(--liano-color-muted-foreground);
+  }
+
+  :where(.liano-input:hover:not(:disabled)) {
+    --liano-input-border-color: var(--liano-color-border-strong);
+  }
+
+  :where(.liano-input:focus-visible) {
+    --liano-input-border-color: var(--liano-color-ring);
+    box-shadow: var(--liano-shadow-xs), var(--liano-focus-ring);
+    outline: 0;
+  }
+
+  :where(.liano-input:disabled) {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  :where(.liano-input[data-invalid="true"]) {
+    --liano-input-border-color: var(--liano-color-destructive);
+  }
+
+  :where(.liano-input[data-size="sm"]) {
+    --liano-input-height: var(--liano-control-height-sm);
+    font-size: var(--liano-font-size-xs);
+  }
+
+  :where(.liano-input[data-size="lg"]) {
+    --liano-input-height: var(--liano-control-height-lg);
+    font-size: var(--liano-font-size-md);
+  }
+}
+
+
+/* src/components/textarea/textarea.css */
+@layer liano-components {
+  .liano-textarea {
+    appearance: none;
+    background: var(--liano-control-background);
+    border: 1px solid var(--liano-input-border-color, var(--liano-color-border));
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-xs);
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    min-block-size: calc(var(--liano-control-height-md) * 2);
+    padding-inline: var(--liano-control-padding-x);
+    padding-block: var(--liano-space-2);
+    resize: vertical;
+    transition: background var(--liano-duration-fast) var(--liano-ease-standard), border-color var(--liano-duration-fast) var(--liano-ease-standard), box-shadow var(--liano-duration-fast) var(--liano-ease-standard);
+    width: 100%;
+  }
+
+  .liano-textarea::placeholder {
+    color: var(--liano-color-muted-foreground);
+  }
+
+  :where(.liano-textarea:hover:not(:disabled)) {
+    --liano-input-border-color: var(--liano-color-border-strong);
+  }
+
+  :where(.liano-textarea:focus-visible) {
+    --liano-input-border-color: var(--liano-color-ring);
+    box-shadow: var(--liano-shadow-xs), var(--liano-focus-ring);
+    outline: 0;
+  }
+
+  :where(.liano-textarea:disabled) {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  :where(.liano-textarea[data-invalid="true"]) {
+    --liano-input-border-color: var(--liano-color-destructive);
+  }
+
+  :where(.liano-textarea[data-size="sm"]) {
+    font-size: var(--liano-font-size-xs);
+    min-block-size: calc(var(--liano-control-height-sm) * 2);
+  }
+
+  :where(.liano-textarea[data-size="lg"]) {
+    font-size: var(--liano-font-size-md);
+    min-block-size: calc(var(--liano-control-height-lg) * 2);
+  }
+}
+
+
+/* src/components/checkbox/checkbox.css */
+@layer liano-components {
+  .liano-checkbox {
+    --liano-checkbox-size: 1.125rem;
+    align-items: start;
+    cursor: pointer;
+    display: inline-grid;
+    gap: var(--liano-space-2);
+    grid-template-columns: var(--liano-checkbox-size) minmax(0, 1fr);
+    user-select: none;
+  }
+
+  .liano-checkbox__input {
+    block-size: var(--liano-checkbox-size);
+    cursor: inherit;
+    grid-column: 1;
+    grid-row: 1;
+    inline-size: var(--liano-checkbox-size);
+    margin: 0;
+    opacity: 0;
+    z-index: 1;
+  }
+
+  .liano-checkbox__control {
+    align-items: center;
+    background: var(--liano-control-background);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-sm);
+    box-shadow: var(--liano-shadow-xs);
+    display: inline-flex;
+    grid-column: 1;
+    grid-row: 1;
+    block-size: var(--liano-checkbox-size);
+    inline-size: var(--liano-checkbox-size);
+    justify-content: center;
+    pointer-events: none;
+    transition: background var(--liano-duration-fast) var(--liano-ease-standard), border-color var(--liano-duration-fast) var(--liano-ease-standard), box-shadow var(--liano-duration-fast) var(--liano-ease-standard);
+  }
+
+  .liano-checkbox__indicator {
+    block-size: 0.55rem;
+    border: solid var(--liano-color-primary-foreground);
+    border-width: 0 2px 2px 0;
+    display: block;
+    inline-size: 0.3rem;
+    opacity: 0;
+    transform: rotate(45deg) scale(0.85) translate(-1px, -1px);
+    transition: opacity var(--liano-duration-fast) var(--liano-ease-standard), transform var(--liano-duration-fast) var(--liano-ease-standard);
+  }
+
+  .liano-checkbox__input:checked + .liano-checkbox__control {
+    background: var(--liano-color-primary);
+    border-color: var(--liano-color-primary);
+  }
+
+  .liano-checkbox__input:checked + .liano-checkbox__control .liano-checkbox__indicator {
+    opacity: 1;
+    transform: rotate(45deg) scale(1) translate(-1px, -1px);
+  }
+
+  .liano-checkbox__input:focus-visible + .liano-checkbox__control {
+    box-shadow: var(--liano-shadow-xs), var(--liano-focus-ring);
+  }
+
+  .liano-checkbox[data-disabled="true"] {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  .liano-checkbox__input:disabled {
+    cursor: not-allowed;
+  }
+
+  .liano-checkbox[data-invalid="true"] .liano-checkbox__control {
+    border-color: var(--liano-color-destructive);
+  }
+
+  .liano-checkbox[data-size="sm"] {
+    --liano-checkbox-size: 1rem;
+  }
+
+  .liano-checkbox[data-size="lg"] {
+    --liano-checkbox-size: 1.25rem;
+  }
+
+  .liano-checkbox__label {
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    line-height: var(--liano-line-height-tight);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .liano-checkbox__control,
+    .liano-checkbox__indicator {
+      transition: none;
+    }
+  }
+}
+
+
+/* src/components/switch/switch.css */
+@layer liano-components {
+  .liano-switch {
+    --liano-switch-height: var(--liano-control-height-md);
+    --liano-switch-width: calc(var(--liano-switch-height) * 1.75);
+    --liano-switch-padding: var(--liano-space-1);
+    --liano-switch-thumb-size: calc(var(--liano-switch-height) - (var(--liano-switch-padding) * 2) - 2px);
+    --liano-switch-thumb-translate: calc(var(--liano-switch-width) - var(--liano-switch-thumb-size) - (var(--liano-switch-padding) * 2) - 2px);
+    align-items: center;
+    cursor: pointer;
+    display: inline-grid;
+    gap: var(--liano-space-2);
+    grid-template-columns: var(--liano-switch-width) minmax(0, 1fr);
+    user-select: none;
+  }
+
+  .liano-switch__input {
+    block-size: var(--liano-switch-height);
+    cursor: inherit;
+    grid-column: 1;
+    grid-row: 1;
+    inline-size: var(--liano-switch-width);
+    margin: 0;
+    opacity: 0;
+    z-index: 1;
+  }
+
+  .liano-switch__track {
+    align-items: center;
+    background: var(--liano-control-background);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-full);
+    box-shadow: var(--liano-shadow-xs);
+    box-sizing: border-box;
+    display: inline-flex;
+    grid-column: 1;
+    grid-row: 1;
+    block-size: var(--liano-switch-height);
+    inline-size: var(--liano-switch-width);
+    padding: var(--liano-switch-padding);
+    pointer-events: none;
+    transition: background var(--liano-duration-fast) var(--liano-ease-standard), border-color var(--liano-duration-fast) var(--liano-ease-standard), box-shadow var(--liano-duration-fast) var(--liano-ease-standard);
+  }
+
+  .liano-switch__thumb {
+    background: var(--liano-color-surface-raised);
+    border: 1px solid color-mix(in srgb, var(--liano-color-border-strong) 70%, transparent);
+    border-radius: var(--liano-radius-full);
+    box-shadow: var(--liano-shadow-xs);
+    block-size: var(--liano-switch-thumb-size);
+    inline-size: var(--liano-switch-thumb-size);
+    transition: transform var(--liano-duration-fast) var(--liano-ease-standard), background var(--liano-duration-fast) var(--liano-ease-standard), border-color var(--liano-duration-fast) var(--liano-ease-standard);
+  }
+
+  .liano-switch__input:checked + .liano-switch__track {
+    background: var(--liano-color-primary);
+    border-color: var(--liano-color-primary);
+  }
+
+  .liano-switch__input:checked + .liano-switch__track .liano-switch__thumb {
+    background: var(--liano-color-primary-foreground);
+    border-color: color-mix(in srgb, var(--liano-color-primary) 24%, transparent);
+    transform: translateX(var(--liano-switch-thumb-translate));
+  }
+
+  .liano-switch__input:focus-visible + .liano-switch__track {
+    box-shadow: var(--liano-shadow-xs), var(--liano-focus-ring);
+  }
+
+  .liano-switch[data-size="sm"] {
+    --liano-switch-height: var(--liano-control-height-sm);
+  }
+
+  .liano-switch[data-size="lg"] {
+    --liano-switch-height: var(--liano-control-height-lg);
+  }
+
+  .liano-switch__label {
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    line-height: var(--liano-line-height-tight);
+  }
+
+  .liano-switch[data-disabled="true"] {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  .liano-switch__input:disabled {
+    cursor: not-allowed;
+  }
+
+  .liano-switch[data-invalid="true"] .liano-switch__track {
+    border-color: var(--liano-color-destructive);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .liano-switch__track,
+    .liano-switch__thumb {
+      transition: none;
+    }
+  }
+}
+
+
+/* src/components/radio-group/radio-group.css */
+@layer liano-components {
+  .liano-radio-group {
+    border: 0;
+    margin: 0;
+    min-width: 0;
+    padding: 0;
+  }
+
+  .liano-radio-group__legend {
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    font-weight: 650;
+    line-height: var(--liano-line-height-tight);
+    padding-inline: 0;
+  }
+
+  .liano-radio-group__description,
+  .liano-radio-group__error,
+  .liano-radio-group__option-description {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-xs);
+    line-height: var(--liano-line-height-normal);
+    margin: 0;
+  }
+
+  .liano-radio-group__error {
+    color: var(--liano-color-destructive);
+    font-weight: 600;
+  }
+
+  .liano-radio-group__items {
+    display: inline-grid;
+    gap: var(--liano-space-2);
+  }
+
+  :where(.liano-radio-group[data-orientation="horizontal"] .liano-radio-group__items) {
+    display: inline-flex;
+    flex-wrap: wrap;
+  }
+
+  .liano-radio-group__item {
+    display: grid;
+    gap: var(--liano-space-1);
+  }
+
+  .liano-radio-group__option {
+    align-items: start;
+    cursor: pointer;
+    display: inline-grid;
+    gap: var(--liano-space-2);
+    grid-template-columns: auto auto 1fr;
+  }
+
+  .liano-radio-group__input {
+    margin: 0;
+    opacity: 0;
+    inline-size: 1rem;
+    block-size: 1rem;
+    position: relative;
+    z-index: 1;
+  }
+
+  .liano-radio-group__control {
+    align-items: center;
+    background: var(--liano-control-background);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-full);
+    display: inline-flex;
+    height: 1rem;
+    justify-content: center;
+    width: 1rem;
+  }
+
+  .liano-radio-group__label {
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    line-height: var(--liano-line-height-tight);
+  }
+
+  .liano-radio-group[data-invalid="true"] .liano-radio-group__control {
+    border-color: var(--liano-color-destructive);
+  }
+
+  .liano-radio-group__input:focus-visible + .liano-radio-group__control {
+    box-shadow: var(--liano-focus-ring);
+  }
+
+  .liano-radio-group__input:checked + .liano-radio-group__control {
+    background: var(--liano-color-foreground);
+    box-shadow: inset 0 0 0 3px var(--liano-color-surface);
+  }
+
+  .liano-radio-group[data-disabled="true"] {
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  .liano-radio-group__input:disabled + .liano-radio-group__control {
+    cursor: not-allowed;
+  }
+
+  .liano-radio-group__item:has(.liano-radio-group__input:disabled) {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+}
+
+
+/* src/components/slider/slider.css */
+@layer liano-components {
+  :where(.liano-slider) {
+    --liano-slider-height: var(--liano-control-height-md);
+    accent-color: var(--liano-color-primary);
+    background: transparent;
+    cursor: pointer;
+    display: block;
+    height: var(--liano-slider-height);
+    inline-size: 100%;
+    min-width: 0;
+  }
+
+  :where(.liano-slider:focus-visible) {
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-focus-ring);
+    outline: 0;
+  }
+
+  :where(.liano-slider:disabled) {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  :where(.liano-slider[data-invalid="true"]) {
+    accent-color: var(--liano-color-destructive);
+  }
+
+  :where(.liano-slider[data-size="sm"]) {
+    --liano-slider-height: var(--liano-control-height-sm);
+  }
+
+  :where(.liano-slider[data-size="lg"]) {
+    --liano-slider-height: var(--liano-control-height-lg);
+  }
+}
+
+
+/* src/components/toggle/toggle.css */
+@layer liano-components {
+  :where(.liano-toggle) {
+    --liano-toggle-height: var(--liano-control-height-md);
+    --liano-toggle-bg: transparent;
+    --liano-toggle-border: transparent;
+    align-items: center;
+    appearance: none;
+    background: var(--liano-toggle-bg);
+    border: 1px solid var(--liano-toggle-border);
+    border-radius: var(--liano-radius-md);
+    color: var(--liano-color-foreground);
+    cursor: pointer;
+    display: inline-flex;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    font-weight: 600;
+    gap: var(--liano-control-gap);
+    height: var(--liano-toggle-height);
+    justify-content: center;
+    line-height: 1;
+    min-width: var(--liano-toggle-height);
+    padding-inline: var(--liano-control-padding-x);
+    transition: background var(--liano-duration-fast) var(--liano-ease-standard), border-color var(--liano-duration-fast) var(--liano-ease-standard), box-shadow var(--liano-duration-fast) var(--liano-ease-standard);
+    user-select: none;
+  }
+
+  :where(.liano-toggle:hover:not(:disabled, [data-disabled="true"])) {
+    background: var(--liano-control-hover);
+  }
+
+  :where(.liano-toggle:focus-visible) {
+    box-shadow: var(--liano-focus-ring);
+    outline: 0;
+  }
+
+  :where(.liano-toggle:disabled, .liano-toggle[data-disabled="true"]) {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  :where(.liano-toggle[data-state="on"]) {
+    --liano-toggle-bg: var(--liano-color-muted);
+    --liano-toggle-border: var(--liano-color-border-strong);
+  }
+
+  :where(.liano-toggle[data-variant="outline"]) {
+    --liano-toggle-border: var(--liano-color-border);
+  }
+
+  :where(.liano-toggle[data-variant="ghost"]) {
+    --liano-toggle-border: transparent;
+  }
+
+  :where(.liano-toggle[data-size="sm"]) {
+    --liano-toggle-height: var(--liano-control-height-sm);
+    font-size: var(--liano-font-size-xs);
+  }
+
+  :where(.liano-toggle[data-size="lg"]) {
+    --liano-toggle-height: var(--liano-control-height-lg);
+    font-size: var(--liano-font-size-md);
+  }
+}
+
+
+/* src/components/toggle-group/toggle-group.css */
+@layer liano-components {
+  :where(.liano-toggle-group) {
+    display: inline-flex;
+    gap: 0;
+  }
+
+  :where(.liano-toggle-group[data-orientation="vertical"]) {
+    flex-direction: column;
+  }
+
+  :where(.liano-toggle-group .liano-toggle) {
+    border-radius: 0;
+    margin-inline-start: -1px;
+  }
+
+  :where(.liano-toggle-group .liano-toggle:first-child) {
+    border-start-start-radius: var(--liano-radius-md);
+    border-end-start-radius: var(--liano-radius-md);
+    margin-inline-start: 0;
+  }
+
+  :where(.liano-toggle-group .liano-toggle:last-child) {
+    border-start-end-radius: var(--liano-radius-md);
+    border-end-end-radius: var(--liano-radius-md);
+  }
+
+  :where(.liano-toggle-group[data-orientation="vertical"] .liano-toggle) {
+    margin-block-start: -1px;
+    margin-inline-start: 0;
+  }
+
+  :where(.liano-toggle-group[data-orientation="vertical"] .liano-toggle:first-child) {
+    border-end-start-radius: 0;
+    border-start-end-radius: var(--liano-radius-md);
+    margin-block-start: 0;
+  }
+
+  :where(.liano-toggle-group[data-orientation="vertical"] .liano-toggle:last-child) {
+    border-end-start-radius: var(--liano-radius-md);
+    border-start-end-radius: 0;
+  }
+
+  :where(.liano-toggle-group[data-disabled="true"]) {
+    opacity: var(--liano-opacity-disabled);
+  }
+}
+
+
+/* src/components/select/select.css */
+@layer liano-components {
+  :where(.liano-select) {
+    display: inline-grid;
+    min-width: 0;
+  }
+
+  :where(.liano-select__trigger) {
+    align-items: center;
+    appearance: none;
+    background: var(--liano-control-background);
+    border: 1px solid var(--liano-select-border-color, var(--liano-color-border));
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-xs);
+    color: var(--liano-color-foreground);
+    cursor: pointer;
+    display: inline-flex;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    gap: var(--liano-control-gap);
+    height: var(--liano-control-height-md);
+    justify-content: space-between;
+    line-height: 1;
+    min-width: 10rem;
+    padding-inline: var(--liano-control-padding-x);
+    transition: background var(--liano-duration-fast) var(--liano-ease-standard), border-color var(--liano-duration-fast) var(--liano-ease-standard), box-shadow var(--liano-duration-fast) var(--liano-ease-standard);
+  }
+
+  :where(.liano-select__trigger:hover:not(:disabled)) {
+    --liano-select-border-color: var(--liano-color-border-strong);
+  }
+
+  :where(.liano-select__trigger:focus-visible) {
+    --liano-select-border-color: var(--liano-color-ring);
+    box-shadow: var(--liano-shadow-xs), var(--liano-focus-ring);
+    outline: 0;
+  }
+
+  :where(.liano-select__trigger:disabled) {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  :where(.liano-select__trigger[data-invalid="true"]) {
+    --liano-select-border-color: var(--liano-color-destructive);
+  }
+
+  :where(.liano-select[data-size="sm"] .liano-select__trigger) {
+    height: var(--liano-control-height-sm);
+    font-size: var(--liano-font-size-xs);
+  }
+
+  :where(.liano-select[data-size="lg"] .liano-select__trigger) {
+    height: var(--liano-control-height-lg);
+    font-size: var(--liano-font-size-md);
+  }
+
+  :where(.liano-select__value[data-placeholder="true"]) {
+    color: var(--liano-color-muted-foreground);
+  }
+
+  :where(.liano-select__content) {
+    background: var(--liano-color-surface);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-lg);
+    color: var(--liano-color-foreground);
+    display: grid;
+    gap: var(--liano-space-1);
+    min-width: var(--liano-floating-reference-width, 10rem);
+    padding: var(--liano-space-1);
+    z-index: var(--liano-z-popover);
+  }
+
+  :where(.liano-select__content[hidden]) {
+    display: none;
+  }
+
+  :where(.liano-select__item) {
+    align-items: center;
+    border-radius: var(--liano-radius-sm);
+    cursor: pointer;
+    display: grid;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    gap: var(--liano-space-2);
+    grid-template-columns: 1rem 1fr;
+    min-height: var(--liano-control-height-sm);
+    padding-inline: var(--liano-space-2);
+  }
+
+  :where(.liano-select__item:hover:not([data-disabled="true"]), .liano-select__item:focus-visible) {
+    background: var(--liano-control-hover);
+    outline: 0;
+  }
+
+  :where(.liano-select__item[data-state="checked"]) {
+    color: var(--liano-color-primary);
+    font-weight: 650;
+  }
+
+  :where(.liano-select__item[data-disabled="true"]) {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+}
+
+
+/* src/components/collapsible/collapsible.css */
+@layer liano-components {
+  :where(.liano-collapsible) {
+    --liano-collapsible-gap: var(--liano-space-3);
+    display: grid;
+    gap: var(--liano-collapsible-gap);
+  }
+
+  :where(.liano-collapsible__trigger) {
+    --liano-collapsible-trigger-padding-x: var(--liano-control-padding-x);
+    --liano-collapsible-trigger-height: var(--liano-control-height-md);
+    align-items: center;
+    appearance: none;
+    background: var(--liano-control-background);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    color: var(--liano-color-foreground);
+    cursor: pointer;
+    display: inline-flex;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    gap: var(--liano-control-gap);
+    height: var(--liano-collapsible-trigger-height);
+    justify-content: flex-start;
+    min-width: max-content;
+    padding-inline: var(--liano-collapsible-trigger-padding-x);
+  }
+
+  :where(.liano-collapsible__trigger:hover:not(:disabled, [data-disabled="true"])) {
+    background: var(--liano-control-hover);
+  }
+
+  :where(.liano-collapsible[data-state="open"] .liano-collapsible__trigger, .liano-collapsible__content:not([hidden])) {
+    border-color: var(--liano-color-border-strong);
+  }
+
+  :where(.liano-collapsible__content) {
+    padding-inline: var(--liano-control-padding-x);
+  }
+
+  :where(.liano-collapsible__content[data-state="closed"]) {
+    overflow: hidden;
+  }
+}
+
+
+/* src/components/accordion/accordion.css */
+@layer liano-components {
+  :where(.liano-accordion) {
+    --liano-accordion-gap: var(--liano-space-2);
+    display: grid;
+    gap: var(--liano-accordion-gap);
+  }
+
+  :where(.liano-accordion__item) {
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    overflow: hidden;
+  }
+
+  :where(.liano-accordion__item[data-state="open"]) {
+    border-color: var(--liano-color-border-strong);
+  }
+
+  :where(.liano-accordion__trigger) {
+    --liano-accordion-trigger-height: var(--liano-control-height-md);
+    appearance: none;
+    background: var(--liano-surface);
+    border: none;
+    color: var(--liano-color-foreground);
+    cursor: pointer;
+    display: inline-flex;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    gap: var(--liano-control-gap);
+    min-width: 100%;
+    min-height: var(--liano-accordion-trigger-height);
+    text-align: left;
+    width: 100%;
+  }
+
+  :where(.liano-accordion__trigger[data-state="open"]) {
+    background: var(--liano-control-hover);
+  }
+
+  :where(.liano-accordion__trigger:focus-visible) {
+    outline: 0;
+    box-shadow: var(--liano-focus-ring);
+  }
+
+  :where(.liano-accordion__content) {
+    padding: var(--liano-space-3);
+  }
+
+  :where(.liano-accordion__content[data-state="closed"]) {
+    display: none;
+  }
+
+  :where(.liano-accordion[data-disabled="true"] .liano-accordion__trigger:disabled) {
+    cursor: not-allowed;
+  }
+}
+
+
+/* src/components/tabs/tabs.css */
+@layer liano-components {
+  :where(.liano-tabs) {
+    --liano-tabs-gap: var(--liano-space-3);
+    display: grid;
+    gap: var(--liano-tabs-gap);
+  }
+
+  :where(.liano-tabs__list) {
+    --liano-tabs-list-padding: var(--liano-space-1);
+    align-items: center;
+    display: flex;
+    gap: var(--liano-space-1);
+    overflow-x: auto;
+    padding: var(--liano-tabs-list-padding);
+  }
+
+  :where(.liano-tabs[data-orientation="vertical"] .liano-tabs__list) {
+    flex-direction: column;
+  }
+
+  :where(.liano-tabs__trigger) {
+    --liano-tabs-trigger-height: var(--liano-control-height-md);
+    align-items: center;
+    appearance: none;
+    background: transparent;
+    border: 1px solid transparent;
+    border-radius: var(--liano-radius-sm);
+    color: var(--liano-color-muted-foreground);
+    cursor: pointer;
+    display: inline-flex;
+    flex: 0 0 auto;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    font-weight: 600;
+    justify-content: center;
+    line-height: 1;
+    min-block-size: var(--liano-tabs-trigger-height);
+    padding-block: 0;
+    padding-inline: var(--liano-control-padding-x);
+    transition: background var(--liano-duration-fast) var(--liano-ease-standard), border-color var(--liano-duration-fast) var(--liano-ease-standard), color var(--liano-duration-fast) var(--liano-ease-standard), box-shadow var(--liano-duration-fast) var(--liano-ease-standard);
+  }
+
+  :where(.liano-tabs__trigger:hover:not(:disabled)) {
+    background: var(--liano-control-hover);
+    color: var(--liano-color-foreground);
+  }
+
+  :where(.liano-tabs__trigger[data-state="active"]) {
+    background: var(--liano-color-surface-raised);
+    border-color: var(--liano-color-border-strong);
+    box-shadow: var(--liano-shadow-xs);
+    color: var(--liano-color-foreground);
+  }
+
+  :where(.liano-tabs__trigger[data-disabled="true"]) {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  :where(.liano-tabs__trigger:focus-visible) {
+    outline: 0;
+    box-shadow: var(--liano-focus-ring);
+  }
+
+  :where(.liano-tabs__content[data-state="closed"]) {
+    display: none;
+  }
+
+  :where(.liano-tabs__content) {
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-md);
+    line-height: var(--liano-line-height-normal);
+  }
+}
+
+
+/* src/components/breadcrumbs/breadcrumbs.css */
+@layer liano-components {
+  :where(.liano-breadcrumbs) {
+    --liano-breadcrumbs-separator-gap: var(--liano-space-2);
+    color: var(--liano-color-foreground);
+  }
+
+  :where(.liano-breadcrumbs__list) {
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--liano-breadcrumbs-separator-gap);
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  :where(.liano-breadcrumbs__item) {
+    align-items: center;
+    color: var(--liano-color-muted-foreground);
+    display: inline-flex;
+    font-size: var(--liano-font-size-sm);
+    gap: var(--liano-breadcrumbs-separator-gap);
+  }
+
+  :where(.liano-breadcrumbs__item[aria-current="page"]) {
+    color: var(--liano-color-foreground);
+    font-weight: 600;
+  }
+
+  :where(.liano-breadcrumbs__link) {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  :where(.liano-breadcrumbs__link:hover, .liano-breadcrumbs__link:focus-visible) {
+    text-decoration: underline;
+  }
+
+  :where(.liano-breadcrumbs__separator) {
+    color: var(--liano-color-muted-foreground);
+    pointer-events: none;
+  }
+}
+
+
+/* src/components/pagination/pagination.css */
+@layer liano-components {
+  :where(.liano-pagination) {
+    display: block;
+    width: max-content;
+  }
+
+  :where(.liano-pagination__list) {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--liano-space-1);
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  :where(.liano-pagination__list > li) {
+    margin: 0;
+  }
+
+  :where(.liano-pagination__item) {
+    appearance: none;
+    background: transparent;
+    border: 1px solid transparent;
+    border-radius: var(--liano-radius-sm);
+    color: var(--liano-color-foreground);
+    display: inline-flex;
+    font-size: var(--liano-font-size-sm);
+    padding-block: var(--liano-space-1);
+    padding-inline: var(--liano-space-2);
+    text-decoration: none;
+  }
+
+  :where(.liano-pagination__item:hover:not(:disabled)) {
+    border-color: var(--liano-color-border);
+    background: var(--liano-color-accent);
+  }
+
+  :where(.liano-pagination__item--current) {
+    border-color: var(--liano-color-primary);
+    font-weight: 600;
+  }
+
+  :where(.liano-pagination__item--disabled) {
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  :where(.liano-pagination__ellipsis) {
+    color: var(--liano-color-muted-foreground);
+    padding-inline: var(--liano-space-1);
+  }
+
+  :where(.liano-pagination__item:focus-visible) {
+    outline: 0;
+    box-shadow: var(--liano-focus-ring);
+  }
+}
+
+
+/* src/components/table/table.css */
+@layer liano-components {
+  :where(.liano-table) {
+    border-collapse: collapse;
+    color: var(--liano-color-foreground);
+    font-size: var(--liano-font-size-sm);
+    width: 100%;
+  }
+
+  :where(.liano-table[data-density="compact"]) {
+    --liano-table-cell-padding-x: var(--liano-space-2);
+    --liano-table-cell-padding-y: var(--liano-space-1);
+  }
+
+  :where(.liano-table[data-density="default"]) {
+    --liano-table-cell-padding-x: var(--liano-space-3);
+    --liano-table-cell-padding-y: var(--liano-space-2);
+  }
+
+  :where(.liano-table[data-density="comfortable"]) {
+    --liano-table-cell-padding-x: var(--liano-space-4);
+    --liano-table-cell-padding-y: var(--liano-space-3);
+  }
+
+  :where(.liano-table[data-variant="surface"]) {
+    background: var(--liano-color-surface);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    overflow: hidden;
+  }
+
+  :where(.liano-table[data-variant="plain"]) {
+    border: none;
+  }
+
+  :where(.liano-table[data-variant="surface"] .liano-table__row) {
+    border-bottom: 1px solid var(--liano-color-border);
+  }
+
+  :where(.liano-table__caption) {
+    caption-side: bottom;
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-sm);
+    margin-top: var(--liano-space-2);
+    text-align: left;
+  }
+
+  :where(.liano-table__head, .liano-table__cell) {
+    text-align: left;
+    padding-block: var(--liano-table-cell-padding-y);
+    padding-inline: var(--liano-table-cell-padding-x);
+  }
+
+  :where(.liano-table__head) {
+    font-size: var(--liano-font-size-sm);
+    font-weight: 600;
+  }
+
+  :where(.liano-table__row) {
+    border-bottom: 1px solid var(--liano-color-border-subtle);
+  }
+
+  :where(.liano-table__row:last-child) {
+    border-bottom: none;
+  }
+}
+
+
+/* src/components/empty-state/empty-state.css */
+@layer liano-components {
+  :where(.liano-empty-state) {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    gap: var(--liano-space-3);
+    text-align: center;
+  }
+
+  :where(.liano-empty-state__icon) {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-2xl);
+    line-height: 1;
+    min-height: 1.75rem;
+  }
+
+  :where(.liano-empty-state__title) {
+    color: var(--liano-color-foreground);
+    font-size: var(--liano-font-size-lg);
+    font-weight: 650;
+    margin: 0;
+  }
+
+  :where(.liano-empty-state__description) {
+    color: var(--liano-color-muted-foreground);
+    margin: 0;
+    max-width: 45ch;
+  }
+
+  :where(.liano-empty-state__actions) {
+    display: inline-flex;
+    gap: var(--liano-space-2);
+  }
+
+  :where(.liano-empty-state[data-align="start"]) {
+    align-items: flex-start;
+    text-align: left;
+  }
+
+  :where(.liano-empty-state[data-size="sm"]) {
+    gap: var(--liano-space-2);
+  }
+
+  :where(.liano-empty-state[data-size="sm"] .liano-empty-state__title) {
+    font-size: var(--liano-font-size-base);
+  }
+
+  :where(.liano-empty-state[data-size="lg"]) {
+    gap: var(--liano-space-4);
+  }
+
+  :where(.liano-empty-state[data-size="lg"] .liano-empty-state__title) {
+    font-size: var(--liano-font-size-xl);
+  }
+}
+
+
+/* src/components/stat/stat.css */
+@layer liano-components {
+  :where(.liano-stat) {
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-lg);
+    display: grid;
+    gap: var(--liano-space-2);
+    max-inline-size: 100%;
+    padding: var(--liano-space-3) var(--liano-space-4);
+  }
+
+  :where(.liano-stat__label) {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-sm);
+    margin: 0;
+  }
+
+  :where(.liano-stat__value) {
+    color: var(--liano-color-foreground);
+    font-size: var(--liano-font-size-2xl);
+    font-weight: 650;
+    line-height: 1.1;
+    margin: 0;
+  }
+
+  :where(.liano-stat__description) {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-sm);
+    margin: 0;
+  }
+
+  :where(.liano-stat__trend) {
+    font-size: var(--liano-font-size-sm);
+    margin: 0;
+  }
+
+  :where(.liano-stat[data-size="sm"]) {
+    padding: var(--liano-space-2) var(--liano-space-3);
+  }
+
+  :where(.liano-stat[data-size="sm"] .liano-stat__value) {
+    font-size: var(--liano-font-size-xl);
+  }
+
+  :where(.liano-stat[data-size="lg"]) {
+    padding: var(--liano-space-4) var(--liano-space-5);
+  }
+
+  :where(.liano-stat[data-size="lg"] .liano-stat__value) {
+    font-size: var(--liano-font-size-3xl);
+  }
+
+  :where(.liano-stat[data-tone="success"]) {
+    --liano-stat-accent: var(--liano-color-success);
+  }
+
+  :where(.liano-stat[data-tone="warning"]) {
+    --liano-stat-accent: var(--liano-color-warning);
+  }
+
+  :where(.liano-stat[data-tone="destructive"]) {
+    --liano-stat-accent: var(--liano-color-destructive);
+  }
+
+  :where(.liano-stat[data-tone="info"]) {
+    --liano-stat-accent: var(--liano-color-info);
+  }
+
+  :where(.liano-stat[data-tone="neutral"]) {
+    --liano-stat-accent: var(--liano-color-muted-foreground);
+  }
+
+  :where(.liano-stat[data-tone]) .liano-stat__trend {
+    color: var(--liano-stat-accent);
+    font-weight: 600;
+  }
+}
+
+
+/* src/components/code-block/code-block.css */
+@layer liano-components {
+  :where(.liano-code-block) {
+    background: color-mix(in srgb, var(--liano-color-foreground) 6%, var(--liano-color-surface));
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    display: grid;
+    font-family: var(--liano-font-family-mono);
+    line-height: 1.4;
+    margin: 0;
+    overflow: auto;
+    padding: var(--liano-space-3);
+  }
+
+  :where(.liano-code-block__header) {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: var(--liano-space-2);
+  }
+
+  :where(.liano-code-block__filename) {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-xs);
+  }
+
+  :where(.liano-code-block__language) {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-xs);
+  }
+
+  :where(.liano-code-block__code) {
+    color: var(--liano-color-foreground);
+    display: block;
+    margin: 0;
+    white-space: pre;
+  }
+
+  :where(.liano-code-block[data-size="sm"]) {
+    font-size: var(--liano-font-size-sm);
+    padding: var(--liano-space-2);
+  }
+
+  :where(.liano-code-block__code[class*="language-"]) {
+    border-left: 2px solid var(--liano-color-border-strong);
+    padding-left: var(--liano-space-3);
+  }
+}
+
+
+/* src/components/dialog/dialog.css */
+@layer liano-components {
+  :where(.liano-dialog__overlay) {
+    --liano-dialog-overlay-background: color-mix(in srgb, var(--liano-color-foreground) 28%, transparent);
+    animation: liano-dialog-overlay-enter var(--liano-duration-normal) var(--liano-ease-standard);
+    background: var(--liano-dialog-overlay-background);
+    inset: 0;
+    position: fixed;
+    z-index: 100;
+  }
+
+  :where(.liano-dialog__content) {
+    --liano-dialog-content-background: var(--liano-color-surface);
+    --liano-dialog-content-border: var(--liano-color-border);
+    background: var(--liano-dialog-content-background);
+    border: 1px solid var(--liano-dialog-content-border);
+    border-radius: var(--liano-radius-lg);
+    box-shadow: var(--liano-shadow-md);
+    left: 50%;
+    max-height: min(85vh, 32rem);
+    max-width: min(92vw, 32rem);
+    overflow: auto;
+    padding: var(--liano-space-5);
+    position: fixed;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: min(92vw, 32rem);
+    z-index: 101;
+  }
+
+  :where(.liano-dialog__content[data-state="open"]) {
+    animation: liano-dialog-content-enter var(--liano-duration-normal) var(--liano-ease-standard);
+  }
+
+  :where(.liano-dialog__header, .liano-dialog__footer) {
+    display: grid;
+    gap: var(--liano-space-2);
+  }
+
+  :where(.liano-dialog__header + .liano-dialog__footer, .liano-dialog__header + .liano-dialog__description) {
+    margin-top: var(--liano-space-4);
+  }
+
+  :where(.liano-dialog__title) {
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-lg);
+    font-weight: 700;
+    line-height: var(--liano-line-height-tight);
+    margin: 0;
+  }
+
+  :where(.liano-dialog__description) {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-sm);
+    line-height: var(--liano-line-height-normal);
+    margin: 0;
+  }
+
+  :where(.liano-dialog__footer) {
+    grid-auto-flow: column;
+    justify-content: end;
+  }
+
+  :where(.liano-dialog__trigger, .liano-dialog__close) {
+    align-items: center;
+    appearance: none;
+    background: var(--liano-control-background);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-xs);
+    color: var(--liano-color-foreground);
+    cursor: pointer;
+    display: inline-flex;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    font-weight: 600;
+    justify-content: center;
+    line-height: 1;
+    min-block-size: var(--liano-control-height-md);
+    padding-block: 0;
+    padding-inline: var(--liano-control-padding-x);
+    text-decoration: none;
+    transition: background var(--liano-duration-fast) var(--liano-ease-standard), border-color var(--liano-duration-fast) var(--liano-ease-standard), box-shadow var(--liano-duration-fast) var(--liano-ease-standard), transform var(--liano-duration-fast) var(--liano-ease-standard);
+    user-select: none;
+  }
+
+  :where(.liano-dialog__trigger:hover:not(:disabled)),
+  :where(.liano-dialog__close:hover:not(:disabled)) {
+    background: var(--liano-control-hover);
+    border-color: var(--liano-color-border-strong);
+  }
+
+  :where(.liano-dialog__trigger:active:not(:disabled)),
+  :where(.liano-dialog__close:active:not(:disabled)) {
+    background: var(--liano-control-active);
+    transform: translateY(1px);
+  }
+
+  :where(.liano-dialog__trigger:focus-visible, .liano-dialog__close:focus-visible) {
+    box-shadow: var(--liano-shadow-xs), var(--liano-focus-ring);
+    outline: 0;
+  }
+
+  :where(.liano-dialog[data-state="closed"]) .liano-dialog__content,
+  :where(.liano-dialog__content[data-state="closed"]) {
+    display: none;
+  }
+
+  @keyframes liano-dialog-overlay-enter {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+  }
+
+  @keyframes liano-dialog-content-enter {
+    from {
+      opacity: 0;
+      transform: translate(-50%, calc(-50% + 0.375rem)) scale(0.97);
+    }
+
+    to {
+      opacity: 1;
+      transform: translate(-50%, -50%) scale(1);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    :where(.liano-dialog__overlay),
+    :where(.liano-dialog__content[data-state="open"]) {
+      animation: none;
+    }
+  }
+}
+
+
+/* src/components/alert-dialog/alert-dialog.css */
+@layer liano-components {
+  .liano-alert-dialog {
+    display: contents;
+  }
+
+  .liano-alert-dialog__overlay {
+    background: color-mix(in srgb, var(--liano-color-foreground) 28%, transparent);
+    inset: 0;
+    position: fixed;
+    z-index: 100;
+  }
+
+  .liano-alert-dialog__content {
+    background: var(--liano-color-surface);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-lg);
+    box-shadow: var(--liano-shadow-md);
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    inline-size: min(30rem, calc(100vw - 2rem));
+    left: 50%;
+    line-height: var(--liano-line-height-normal);
+    padding: var(--liano-space-5);
+    position: fixed;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 101;
+  }
+
+  .liano-alert-dialog__title {
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-lg);
+    font-weight: 700;
+    line-height: var(--liano-line-height-tight);
+    margin: 0;
+  }
+
+  .liano-alert-dialog__description {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-sm);
+    line-height: var(--liano-line-height-normal);
+    margin: var(--liano-space-2) 0 0;
+  }
+
+  .liano-alert-dialog__footer {
+    display: flex;
+    gap: var(--liano-space-2);
+    justify-content: flex-end;
+    margin-block-start: var(--liano-space-5);
+  }
+
+  .liano-alert-dialog__trigger,
+  .liano-alert-dialog__button {
+    align-items: center;
+    appearance: none;
+    background: var(--liano-control-background);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-xs);
+    color: var(--liano-color-foreground);
+    cursor: pointer;
+    display: inline-flex;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    font-weight: 600;
+    justify-content: center;
+    line-height: 1;
+    min-block-size: var(--liano-control-height-md);
+    padding-block: 0;
+    padding-inline: var(--liano-control-padding-x);
+    text-decoration: none;
+    transition: background var(--liano-duration-fast) var(--liano-ease-standard), border-color var(--liano-duration-fast) var(--liano-ease-standard), box-shadow var(--liano-duration-fast) var(--liano-ease-standard), transform var(--liano-duration-fast) var(--liano-ease-standard);
+    user-select: none;
+  }
+
+  .liano-alert-dialog__trigger:hover:not(:disabled),
+  .liano-alert-dialog__button:hover:not(:disabled) {
+    background: var(--liano-control-hover);
+    border-color: var(--liano-color-border-strong);
+  }
+
+  .liano-alert-dialog__trigger:active:not(:disabled),
+  .liano-alert-dialog__button:active:not(:disabled) {
+    background: var(--liano-control-active);
+    transform: translateY(1px);
+  }
+
+  .liano-alert-dialog__trigger:focus-visible,
+  .liano-alert-dialog__button:focus-visible {
+    box-shadow: var(--liano-shadow-xs), var(--liano-focus-ring);
+    outline: 0;
+  }
+
+  .liano-alert-dialog__trigger:disabled,
+  .liano-alert-dialog__button:disabled {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+}
+
+
+/* src/components/sheet/sheet.css */
+@layer liano-components {
+  .liano-sheet {
+    display: contents;
+  }
+
+  .liano-sheet__overlay {
+    background: color-mix(in srgb, var(--liano-color-foreground) 24%, transparent);
+    inset: 0;
+    position: fixed;
+    z-index: 100;
+  }
+
+  .liano-sheet__content {
+    background: var(--liano-color-surface);
+    border: 1px solid var(--liano-color-border);
+    box-shadow: var(--liano-shadow-md);
+    color: var(--liano-color-foreground);
+    display: flex;
+    flex-direction: column;
+    font-family: var(--liano-font-family-sans);
+    gap: var(--liano-space-4);
+    line-height: var(--liano-line-height-normal);
+    padding: var(--liano-space-5);
+    position: fixed;
+    z-index: 101;
+  }
+
+  .liano-sheet__content[data-side="right"],
+  .liano-sheet__content[data-side="left"] {
+    block-size: 100vh;
+    max-inline-size: calc(100vw - 2rem);
+    top: 0;
+    inline-size: min(28rem, 100vw);
+  }
+
+  .liano-sheet__content[data-side="right"] {
+    border-inline-end: 0;
+    right: 0;
+  }
+
+  .liano-sheet__content[data-side="left"] {
+    border-inline-start: 0;
+    left: 0;
+  }
+
+  .liano-sheet__content[data-side="top"],
+  .liano-sheet__content[data-side="bottom"] {
+    inline-size: 100vw;
+    left: 0;
+    max-block-size: calc(100vh - 2rem);
+  }
+
+  .liano-sheet__content[data-side="top"] {
+    border-block-start: 0;
+    top: 0;
+  }
+
+  .liano-sheet__content[data-side="bottom"] {
+    border-block-end: 0;
+    bottom: 0;
+  }
+
+  .liano-sheet__header {
+    display: grid;
+    gap: var(--liano-space-2);
+  }
+
+  .liano-sheet__title {
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-lg);
+    font-weight: 700;
+    line-height: var(--liano-line-height-tight);
+    margin: 0;
+  }
+
+  .liano-sheet__description {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-sm);
+    line-height: var(--liano-line-height-normal);
+    margin: 0;
+  }
+
+  .liano-sheet__footer {
+    display: flex;
+    gap: var(--liano-space-2);
+    justify-content: flex-end;
+    margin-block-start: auto;
+  }
+
+  .liano-sheet__trigger,
+  .liano-sheet__close {
+    align-items: center;
+    appearance: none;
+    background: var(--liano-control-background);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-xs);
+    color: var(--liano-color-foreground);
+    cursor: pointer;
+    display: inline-flex;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    font-weight: 600;
+    justify-content: center;
+    line-height: 1;
+    min-block-size: var(--liano-control-height-md);
+    padding-block: 0;
+    padding-inline: var(--liano-control-padding-x);
+    text-decoration: none;
+    transition: background var(--liano-duration-fast) var(--liano-ease-standard), border-color var(--liano-duration-fast) var(--liano-ease-standard), box-shadow var(--liano-duration-fast) var(--liano-ease-standard), transform var(--liano-duration-fast) var(--liano-ease-standard);
+    user-select: none;
+  }
+
+  .liano-sheet__trigger:hover:not(:disabled),
+  .liano-sheet__close:hover:not(:disabled) {
+    background: var(--liano-control-hover);
+    border-color: var(--liano-color-border-strong);
+  }
+
+  .liano-sheet__trigger:active:not(:disabled),
+  .liano-sheet__close:active:not(:disabled) {
+    background: var(--liano-control-active);
+    transform: translateY(1px);
+  }
+
+  .liano-sheet__trigger:focus-visible,
+  .liano-sheet__close:focus-visible {
+    box-shadow: var(--liano-shadow-xs), var(--liano-focus-ring);
+    outline: 0;
+  }
+
+  .liano-sheet__trigger:disabled,
+  .liano-sheet__close:disabled {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+}
+
+
+/* src/components/popover/popover.css */
+@layer liano-components {
+  :where(.liano-popover) {
+    display: inline-grid;
+    position: relative;
+  }
+
+  :where(.liano-popover__trigger) {
+    align-items: center;
+    appearance: none;
+    background: var(--liano-control-background);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-xs);
+    color: var(--liano-color-foreground);
+    cursor: pointer;
+    display: inline-flex;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    font-weight: 600;
+    justify-content: center;
+    line-height: 1;
+    min-block-size: var(--liano-control-height-md);
+    padding-block: 0;
+    padding-inline: var(--liano-control-padding-x);
+    transition: background var(--liano-duration-fast) var(--liano-ease-standard), border-color var(--liano-duration-fast) var(--liano-ease-standard), box-shadow var(--liano-duration-fast) var(--liano-ease-standard), transform var(--liano-duration-fast) var(--liano-ease-standard);
+    user-select: none;
+  }
+
+  :where(.liano-popover__trigger:hover:not(:disabled)) {
+    background: var(--liano-control-hover);
+    border-color: var(--liano-color-border-strong);
+  }
+
+  :where(.liano-popover__trigger:active:not(:disabled)) {
+    background: var(--liano-control-active);
+    transform: translateY(1px);
+  }
+
+  :where(.liano-popover__trigger:focus-visible) {
+    box-shadow: var(--liano-shadow-xs), var(--liano-focus-ring);
+    outline: 0;
+  }
+
+  :where(.liano-popover__content) {
+    background: var(--liano-color-surface);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-md);
+    padding: var(--liano-space-3);
+    position: absolute;
+    max-width: var(--liano-floating-available-width);
+    max-height: var(--liano-floating-available-height);
+    transform-origin: var(--liano-popover-transform-origin);
+    z-index: 1;
+    pointer-events: auto;
+  }
+
+  :where(.liano-popover__content[data-state="open"]) {
+    animation: liano-popover-enter var(--liano-duration-normal) var(--liano-ease-standard);
+  }
+
+  :where(.liano-popover__content[hidden]) {
+    display: none;
+  }
+
+  @keyframes liano-popover-enter {
+    from {
+      opacity: 0;
+      transform: scale(0.96) translateY(-0.125rem);
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1) translateY(0);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    :where(.liano-popover__content[data-state="open"]) {
+      animation: none;
+    }
+  }
+}
+
+
+/* src/components/tooltip/tooltip.css */
+@layer liano-components {
+  :where(.liano-tooltip) {
+    animation: liano-tooltip-enter var(--liano-duration-fast) var(--liano-ease-standard);
+    background: var(--liano-color-surface-raised);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    max-width: min(16rem, var(--liano-floating-available-width));
+    padding: var(--liano-space-2) var(--liano-space-3);
+    pointer-events: none;
+    position: absolute;
+    white-space: pre-wrap;
+    z-index: var(--liano-z-index-tooltip, var(--liano-z-index-overlay));
+  }
+
+  @keyframes liano-tooltip-enter {
+    from {
+      opacity: 0;
+      transform: scale(0.96) translateY(0.125rem);
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1) translateY(0);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    :where(.liano-tooltip) {
+      animation: none;
+    }
+  }
+}
+
+
+/* src/components/dropdown-menu/dropdown-menu.css */
+@layer liano-components {
+  :where(.liano-dropdown-menu__trigger) {
+    align-items: center;
+    appearance: none;
+    background: var(--liano-control-background);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-xs);
+    color: var(--liano-color-foreground);
+    cursor: pointer;
+    display: inline-flex;
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    font-weight: 600;
+    justify-content: center;
+    line-height: 1;
+    min-block-size: var(--liano-control-height-md);
+    padding-block: 0;
+    padding-inline: var(--liano-control-padding-x);
+    transition: background var(--liano-duration-fast) var(--liano-ease-standard), border-color var(--liano-duration-fast) var(--liano-ease-standard), box-shadow var(--liano-duration-fast) var(--liano-ease-standard), transform var(--liano-duration-fast) var(--liano-ease-standard);
+    user-select: none;
+  }
+
+  :where(.liano-dropdown-menu__trigger:hover:not(:disabled)) {
+    background: var(--liano-control-hover);
+    border-color: var(--liano-color-border-strong);
+  }
+
+  :where(.liano-dropdown-menu__trigger:active:not(:disabled)) {
+    background: var(--liano-control-active);
+    transform: translateY(1px);
+  }
+
+  :where(.liano-dropdown-menu__trigger:focus-visible) {
+    box-shadow: var(--liano-shadow-xs), var(--liano-focus-ring);
+    outline: 0;
+  }
+
+  :where(.liano-dropdown-menu__content) {
+    --liano-dropdown-menu-min-width: min-content;
+    background: var(--liano-color-surface-raised);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-md);
+    color: var(--liano-color-foreground);
+    min-width: var(--liano-dropdown-menu-min-width);
+    outline: none;
+    padding: var(--liano-space-1);
+    position: absolute;
+  }
+
+  :where(.liano-dropdown-menu__item) {
+    all: unset;
+    border-radius: var(--liano-radius-sm);
+    cursor: default;
+    padding: var(--liano-space-2) var(--liano-space-3);
+    width: 100%;
+    text-align: left;
+    user-select: none;
+  }
+
+  :where(.liano-dropdown-menu__item:hover, .liano-dropdown-menu__item:focus-visible) {
+    background: var(--liano-control-hover);
+    color: var(--liano-color-foreground);
+    outline: none;
+  }
+
+  :where(.liano-dropdown-menu__item[aria-disabled="true"]) {
+    color: var(--liano-color-muted-foreground);
+    pointer-events: none;
+  }
+
+  :where(.liano-dropdown-menu__separator) {
+    border-top: 1px solid var(--liano-color-border);
+    margin: var(--liano-space-1) 0;
+  }
+}
+
+
+/* src/components/scroll-area/scroll-area.css */
+@layer liano-components {
+  .liano-scroll-area {
+    --liano-scroll-area-max-height: none;
+    --liano-scroll-area-max-width: none;
+    --liano-scroll-area-thumb: var(--liano-color-border-strong);
+    --liano-scroll-area-track: transparent;
+
+    max-block-size: var(--liano-scroll-area-max-height);
+    max-inline-size: var(--liano-scroll-area-max-width);
+    scrollbar-color: var(--liano-scroll-area-thumb) var(--liano-scroll-area-track);
+    scrollbar-width: thin;
+  }
+
+  .liano-scroll-area[data-orientation="vertical"],
+  .liano-scroll-area[data-orientation="both"] {
+    overflow-y: auto;
+  }
+
+  .liano-scroll-area[data-orientation="horizontal"],
+  .liano-scroll-area[data-orientation="both"] {
+    overflow-x: auto;
+  }
+
+  .liano-scroll-area[data-orientation="vertical"] {
+    overflow-x: hidden;
+  }
+
+  .liano-scroll-area[data-orientation="horizontal"] {
+    overflow-y: hidden;
+  }
+
+  .liano-scroll-area:focus-visible {
+    outline: 2px solid var(--liano-color-ring);
+    outline-offset: 2px;
+  }
+
+  .liano-scroll-area::-webkit-scrollbar {
+    block-size: 10px;
+    inline-size: 10px;
+  }
+
+  .liano-scroll-area::-webkit-scrollbar-track {
+    background: var(--liano-scroll-area-track);
+  }
+
+  .liano-scroll-area::-webkit-scrollbar-thumb {
+    background: var(--liano-scroll-area-thumb);
+    border: 2px solid var(--liano-color-surface);
+    border-radius: var(--liano-radius-full);
+  }
+
+  .liano-scroll-area__scrollbar {
+    display: none;
+  }
+}
+
+
+/* src/components/command/command.css */
+@layer liano-components {
+  .liano-command {
+    background: var(--liano-color-surface);
+    color: var(--liano-color-foreground);
+    display: grid;
+    font-family: var(--liano-font-family-sans);
+    gap: var(--liano-space-2);
+    line-height: var(--liano-line-height-normal);
+  }
+
+  .liano-command__input {
+    background: var(--liano-color-surface);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    color: var(--liano-color-foreground);
+    font-family: var(--liano-font-family-sans);
+    font-size: var(--liano-font-size-sm);
+    line-height: var(--liano-line-height-tight);
+    min-block-size: 2.5rem;
+    padding: 0 var(--liano-space-3);
+    inline-size: 100%;
+  }
+
+  .liano-command__input:focus-visible {
+    border-color: var(--liano-color-ring);
+    outline: 2px solid var(--liano-color-ring);
+    outline-offset: 1px;
+  }
+
+  .liano-command__list {
+    display: grid;
+    gap: var(--liano-space-1);
+    max-block-size: 18rem;
+    overflow: auto;
+  }
+
+  .liano-command__empty,
+  .liano-command__group-heading {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-xs);
+    padding: var(--liano-space-2) var(--liano-space-3);
+  }
+
+  .liano-command__group {
+    display: grid;
+    gap: var(--liano-space-1);
+  }
+
+  .liano-command__item {
+    border-radius: var(--liano-radius-md);
+    color: var(--liano-color-foreground);
+    cursor: pointer;
+    font-size: var(--liano-font-size-sm);
+    padding: var(--liano-space-2) var(--liano-space-3);
+  }
+
+  .liano-command__item[data-highlighted="true"] {
+    background: var(--liano-color-muted);
+  }
+
+  .liano-command__item[data-disabled="true"] {
+    color: var(--liano-color-muted-foreground);
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
+  .liano-command__separator {
+    background: var(--liano-color-border);
+    block-size: 1px;
+    margin: var(--liano-space-1) 0;
+  }
+
+  .liano-command-dialog {
+    font-family: var(--liano-font-family-sans);
+    padding: var(--liano-space-4);
+  }
+
+  .liano-command-dialog__title {
+    block-size: 1px;
+    clip-path: inset(50%);
+    inline-size: 1px;
+    margin: -1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+  }
+}
+
+
+/* src/components/combobox/combobox.css */
+@layer liano-components {
+  .liano-combobox {
+    color: var(--liano-color-foreground);
+    display: grid;
+    gap: var(--liano-space-2);
+    position: relative;
+  }
+
+  .liano-combobox__label {
+    color: var(--liano-color-foreground);
+    font-size: var(--liano-font-size-sm);
+    font-weight: 600;
+  }
+
+  .liano-combobox__input {
+    background: var(--liano-color-surface);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    color: var(--liano-color-foreground);
+    font: inherit;
+    inline-size: 100%;
+    min-block-size: 2.5rem;
+    padding: 0 var(--liano-space-3);
+  }
+
+  .liano-combobox__input[data-size="sm"] {
+    min-block-size: 2rem;
+  }
+
+  .liano-combobox__input[data-size="lg"] {
+    min-block-size: 3rem;
+  }
+
+  .liano-combobox__input:focus-visible {
+    border-color: var(--liano-color-ring);
+    outline: 2px solid var(--liano-color-ring);
+    outline-offset: 1px;
+  }
+
+  .liano-combobox__input[data-invalid="true"] {
+    border-color: var(--liano-color-destructive);
+  }
+
+  .liano-combobox__description,
+  .liano-combobox__error {
+    font-size: var(--liano-font-size-xs);
+    line-height: var(--liano-line-height-normal);
+  }
+
+  .liano-combobox__description {
+    color: var(--liano-color-muted-foreground);
+  }
+
+  .liano-combobox__error {
+    color: var(--liano-color-destructive);
+  }
+
+  .liano-combobox__popup {
+    background: var(--liano-color-surface);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-md);
+    inset-block-start: calc(100% + var(--liano-space-1));
+    inset-inline: 0;
+    padding: var(--liano-space-1);
+    position: absolute;
+    z-index: 110;
+  }
+
+  .liano-combobox__list {
+    display: grid;
+    gap: var(--liano-space-1);
+    max-block-size: 16rem;
+    overflow: auto;
+  }
+
+  .liano-combobox__option {
+    border-radius: var(--liano-radius-sm);
+    color: var(--liano-color-foreground);
+    cursor: pointer;
+    font-size: var(--liano-font-size-sm);
+    padding: var(--liano-space-2) var(--liano-space-3);
+  }
+
+  .liano-combobox__option[data-highlighted="true"] {
+    background: var(--liano-color-muted);
+  }
+
+  .liano-combobox__option[data-selected="true"] {
+    font-weight: 700;
+  }
+
+  .liano-combobox__option[data-disabled="true"] {
+    color: var(--liano-color-muted-foreground);
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+}
+
+
+/* src/components/context-menu/context-menu.css */
+@layer liano-components {
+  .liano-context-menu {
+    display: contents;
+  }
+
+  .liano-context-menu__trigger {
+    display: contents;
+  }
+
+  .liano-context-menu__content {
+    background: var(--liano-color-surface);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-md);
+    color: var(--liano-color-foreground);
+    display: grid;
+    gap: var(--liano-space-1);
+    min-inline-size: 12rem;
+    padding: var(--liano-space-1);
+    position: fixed;
+    z-index: 110;
+  }
+
+  .liano-context-menu__item {
+    background: transparent;
+    border: 0;
+    border-radius: var(--liano-radius-sm);
+    color: var(--liano-color-foreground);
+    cursor: pointer;
+    font: inherit;
+    padding: var(--liano-space-2) var(--liano-space-3);
+    text-align: start;
+  }
+
+  .liano-context-menu__item:focus-visible {
+    background: var(--liano-color-muted);
+    outline: 0;
+  }
+
+  .liano-context-menu__item[data-tone="danger"] {
+    color: var(--liano-color-destructive);
+  }
+
+  .liano-context-menu__item[data-disabled="true"] {
+    color: var(--liano-color-muted-foreground);
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
+  .liano-context-menu__separator {
+    background: var(--liano-color-border);
+    block-size: 1px;
+    margin: var(--liano-space-1) 0;
+  }
+}
+
+
+/* src/components/menubar/menubar.css */
+@layer liano-components {
+  .liano-menubar {
+    align-items: center;
+    background: var(--liano-color-surface);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    color: var(--liano-color-foreground);
+    display: inline-flex;
+    gap: var(--liano-space-1);
+    padding: var(--liano-space-1);
+  }
+
+  .liano-menubar__trigger,
+  .liano-menubar__item {
+    background: transparent;
+    border: 0;
+    border-radius: var(--liano-radius-sm);
+    color: var(--liano-color-foreground);
+    cursor: pointer;
+    font: inherit;
+  }
+
+  .liano-menubar__trigger {
+    padding: var(--liano-space-1) var(--liano-space-3);
+  }
+
+  .liano-menubar__trigger:focus-visible,
+  .liano-menubar__trigger[data-state="open"] {
+    background: var(--liano-color-muted);
+    outline: 0;
+  }
+
+  .liano-menubar__content {
+    background: var(--liano-color-surface);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-md);
+    color: var(--liano-color-foreground);
+    display: grid;
+    gap: var(--liano-space-1);
+    margin-block-start: var(--liano-space-1);
+    min-inline-size: 12rem;
+    padding: var(--liano-space-1);
+    position: fixed;
+    z-index: 110;
+  }
+
+  .liano-menubar__item {
+    padding: var(--liano-space-2) var(--liano-space-3);
+    text-align: start;
+  }
+
+  .liano-menubar__item:focus-visible {
+    background: var(--liano-color-muted);
+    outline: 0;
+  }
+
+  .liano-menubar__item[data-disabled="true"] {
+    color: var(--liano-color-muted-foreground);
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
+  .liano-menubar__separator {
+    background: var(--liano-color-border);
+    block-size: 1px;
+    margin: var(--liano-space-1) 0;
+  }
+}
+
+
+/* src/components/responsive-container/responsive-container.css */
+@layer liano-components {
+  :where(.liano-responsive-container) {
+    --liano-responsive-container-max-inline-size: var(--liano-container-lg);
+    --liano-responsive-container-gutter: var(--liano-space-4);
+    box-sizing: border-box;
+    inline-size: 100%;
+    max-inline-size: var(--liano-responsive-container-max-inline-size);
+    padding-inline: var(--liano-responsive-container-gutter);
+  }
+
+  :where(.liano-responsive-container[data-center="true"]) {
+    margin-inline: auto;
+  }
+
+  :where(.liano-responsive-container[data-size="sm"]) {
+    --liano-responsive-container-max-inline-size: var(--liano-container-sm);
+  }
+
+  :where(.liano-responsive-container[data-size="md"]) {
+    --liano-responsive-container-max-inline-size: var(--liano-container-md);
+  }
+
+  :where(.liano-responsive-container[data-size="lg"]) {
+    --liano-responsive-container-max-inline-size: var(--liano-container-lg);
+  }
+
+  :where(.liano-responsive-container[data-size="xl"]) {
+    --liano-responsive-container-max-inline-size: var(--liano-container-xl);
+  }
+
+  :where(.liano-responsive-container[data-size="full"]) {
+    --liano-responsive-container-max-inline-size: none;
+  }
+
+  :where(.liano-responsive-container[data-gutter="none"]) {
+    --liano-responsive-container-gutter: 0;
+  }
+
+  :where(.liano-responsive-container[data-gutter="sm"]) {
+    --liano-responsive-container-gutter: var(--liano-space-2);
+  }
+
+  :where(.liano-responsive-container[data-gutter="md"]) {
+    --liano-responsive-container-gutter: var(--liano-space-4);
+  }
+
+  :where(.liano-responsive-container[data-gutter="lg"]) {
+    --liano-responsive-container-gutter: var(--liano-space-6);
+  }
+}
+
+
+/* src/components/sidebar-shell/sidebar-shell.css */
+@layer liano-components {
+  :where(.liano-sidebar-shell) {
+    --liano-sidebar-shell-gap: var(--liano-space-4);
+    --liano-sidebar-shell-sidebar-width: 18rem;
+    align-items: stretch;
+    display: grid;
+    gap: var(--liano-sidebar-shell-gap);
+    grid-template-columns: var(--liano-sidebar-shell-sidebar-width) minmax(0, 1fr);
+    min-block-size: 100%;
+  }
+
+  :where(.liano-sidebar-shell[data-side="right"]) {
+    grid-template-columns: minmax(0, 1fr) var(--liano-sidebar-shell-sidebar-width);
+  }
+
+  :where(.liano-sidebar-shell[data-side="right"] .liano-sidebar-shell__sidebar) {
+    order: 2;
+  }
+
+  :where(.liano-sidebar-shell[data-width="sm"]) {
+    --liano-sidebar-shell-sidebar-width: 14rem;
+  }
+
+  :where(.liano-sidebar-shell[data-width="md"]) {
+    --liano-sidebar-shell-sidebar-width: 18rem;
+  }
+
+  :where(.liano-sidebar-shell[data-width="lg"]) {
+    --liano-sidebar-shell-sidebar-width: 22rem;
+  }
+
+  :where(.liano-sidebar-shell[data-collapsed="true"]) {
+    --liano-sidebar-shell-sidebar-width: 4.5rem;
+  }
+
+  :where(.liano-sidebar-shell__sidebar) {
+    background: var(--liano-color-surface);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-lg);
+    color: var(--liano-color-foreground);
+    min-inline-size: 0;
+    padding: var(--liano-space-3);
+  }
+
+  :where(.liano-sidebar-shell__main) {
+    display: flex;
+    flex-direction: column;
+    gap: var(--liano-space-4);
+    min-inline-size: 0;
+  }
+
+  :where(.liano-sidebar-shell__header),
+  :where(.liano-sidebar-shell__footer) {
+    align-items: center;
+    display: flex;
+    gap: var(--liano-space-3);
+    min-block-size: var(--liano-control-height-lg);
+  }
+
+  :where(.liano-sidebar-shell__content) {
+    flex: 1 1 auto;
+    min-block-size: 0;
+    min-inline-size: 0;
+  }
+
+  @media (max-width: 48rem) {
+    :where(.liano-sidebar-shell),
+    :where(.liano-sidebar-shell[data-side="right"]) {
+      grid-template-columns: 1fr;
+    }
+
+    :where(.liano-sidebar-shell[data-side="right"] .liano-sidebar-shell__sidebar) {
+      order: 0;
+    }
+  }
+}
+
+
+/* src/components/sectioned-sidebar-nav/sectioned-sidebar-nav.css */
+@layer liano-components {
+  :where(.liano-sectioned-sidebar-nav) {
+    color: var(--liano-color-foreground);
+    display: grid;
+    font-family: var(--liano-font-family-sans);
+    gap: var(--liano-space-4);
+  }
+
+  :where(.liano-sectioned-sidebar-nav__section) {
+    display: grid;
+    gap: var(--liano-space-2);
+  }
+
+  :where(.liano-sectioned-sidebar-nav__section-title) {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-xs);
+    font-weight: 700;
+    letter-spacing: 0;
+    line-height: var(--liano-line-height-tight);
+    margin: 0;
+    padding-inline: var(--liano-space-2);
+    text-transform: uppercase;
+  }
+
+  :where(.liano-sectioned-sidebar-nav__list) {
+    display: grid;
+    gap: var(--liano-space-1);
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  :where(.liano-sectioned-sidebar-nav__item) {
+    margin: 0;
+    min-inline-size: 0;
+  }
+
+  :where(.liano-sectioned-sidebar-nav__item-control) {
+    align-items: center;
+    appearance: none;
+    background: transparent;
+    border: 1px solid transparent;
+    border-radius: var(--liano-radius-sm);
+    color: var(--liano-color-muted-foreground);
+    cursor: pointer;
+    display: grid;
+    font: inherit;
+    gap: var(--liano-space-2);
+    grid-template-columns: auto minmax(0, 1fr) auto;
+    inline-size: 100%;
+    min-block-size: var(--liano-control-height-sm);
+    padding-block: var(--liano-space-1);
+    padding-inline: var(--liano-space-2);
+    text-align: start;
+    text-decoration: none;
+    transition: background var(--liano-duration-fast) var(--liano-ease-standard), border-color var(--liano-duration-fast) var(--liano-ease-standard), color var(--liano-duration-fast) var(--liano-ease-standard), box-shadow var(--liano-duration-fast) var(--liano-ease-standard);
+  }
+
+  :where(.liano-sectioned-sidebar-nav__item-control:hover:not(:disabled):not([data-disabled="true"])) {
+    background: var(--liano-control-hover);
+    color: var(--liano-color-foreground);
+  }
+
+  :where(.liano-sectioned-sidebar-nav__item-control[data-state="active"]) {
+    background: var(--liano-color-primary-soft);
+    border-color: var(--liano-color-primary-border);
+    color: var(--liano-color-primary-foreground);
+  }
+
+  :where(.liano-sectioned-sidebar-nav__item-control[data-disabled="true"]) {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  :where(.liano-sectioned-sidebar-nav__item-control:focus-visible) {
+    outline: 0;
+    box-shadow: var(--liano-focus-ring);
+  }
+
+  :where(.liano-sectioned-sidebar-nav__item-icon) {
+    align-items: center;
+    color: currentColor;
+    display: inline-flex;
+    justify-content: center;
+  }
+
+  :where(.liano-sectioned-sidebar-nav__item-label) {
+    min-inline-size: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  :where(.liano-sectioned-sidebar-nav__item-badge) {
+    align-items: center;
+    display: inline-flex;
+    justify-content: end;
+  }
+}
+
+
+/* src/components/tabs-with-sidebar/tabs-with-sidebar.css */
+@layer liano-components {
+  :where(.liano-tabs-with-sidebar) {
+    --liano-tabs-with-sidebar-width: 14rem;
+    align-items: start;
+    display: grid;
+    gap: var(--liano-space-4);
+    grid-template-columns: var(--liano-tabs-with-sidebar-width) minmax(0, 1fr);
+  }
+
+  :where(.liano-tabs-with-sidebar[data-sidebar-width="sm"]),
+  :where(.liano-tabs-with-sidebar__sidebar[data-sidebar-width="sm"]) {
+    --liano-tabs-with-sidebar-width: 11rem;
+  }
+
+  :where(.liano-tabs-with-sidebar[data-sidebar-width="md"]),
+  :where(.liano-tabs-with-sidebar__sidebar[data-sidebar-width="md"]) {
+    --liano-tabs-with-sidebar-width: 14rem;
+  }
+
+  :where(.liano-tabs-with-sidebar[data-sidebar-width="lg"]),
+  :where(.liano-tabs-with-sidebar__sidebar[data-sidebar-width="lg"]) {
+    --liano-tabs-with-sidebar-width: 18rem;
+  }
+
+  :where(.liano-tabs-with-sidebar__sidebar) {
+    inline-size: min(100%, var(--liano-tabs-with-sidebar-width));
+    min-inline-size: 0;
+  }
+
+  :where(.liano-tabs-with-sidebar__sidebar .liano-tabs__list) {
+    align-items: stretch;
+    flex-direction: column;
+    overflow: visible;
+  }
+
+  :where(.liano-tabs-with-sidebar__sidebar .liano-tabs__trigger) {
+    justify-content: flex-start;
+    inline-size: 100%;
+  }
+
+  :where(.liano-tabs-with-sidebar__panel) {
+    min-inline-size: 0;
+  }
+
+  @media (max-width: 48rem) {
+    :where(.liano-tabs-with-sidebar) {
+      grid-template-columns: 1fr;
+    }
+
+    :where(.liano-tabs-with-sidebar__sidebar) {
+      inline-size: 100%;
+    }
+  }
+}
+
+
+/* src/components/toast/toast.css */
+@layer liano-components {
+  :where(.liano-toast-viewport) {
+    --liano-toast-viewport-inset: var(--liano-space-4);
+    display: grid;
+    gap: var(--liano-space-2);
+    inline-size: min(24rem, calc(100vw - var(--liano-toast-viewport-inset) * 2));
+    max-block-size: calc(100vh - var(--liano-toast-viewport-inset) * 2);
+    overflow: auto;
+    position: fixed;
+    z-index: var(--liano-z-index-toast);
+  }
+
+  :where(.liano-toast-viewport[data-placement="top-right"]) {
+    inset-block-start: var(--liano-toast-viewport-inset);
+    inset-inline-end: var(--liano-toast-viewport-inset);
+  }
+
+  :where(.liano-toast-viewport[data-placement="top-left"]) {
+    inset-block-start: var(--liano-toast-viewport-inset);
+    inset-inline-start: var(--liano-toast-viewport-inset);
+  }
+
+  :where(.liano-toast-viewport[data-placement="bottom-right"]) {
+    inset-block-end: var(--liano-toast-viewport-inset);
+    inset-inline-end: var(--liano-toast-viewport-inset);
+  }
+
+  :where(.liano-toast-viewport[data-placement="bottom-left"]) {
+    inset-block-end: var(--liano-toast-viewport-inset);
+    inset-inline-start: var(--liano-toast-viewport-inset);
+  }
+
+  :where(.liano-toast) {
+    --liano-toast-accent: var(--liano-color-border-strong);
+    background: var(--liano-color-surface-raised);
+    border: 1px solid var(--liano-color-border);
+    border-inline-start: 3px solid var(--liano-toast-accent);
+    border-radius: var(--liano-radius-md);
+    box-shadow: var(--liano-shadow-md);
+    color: var(--liano-color-foreground);
+    display: grid;
+    font-family: var(--liano-font-family-sans);
+    gap: var(--liano-space-2);
+    padding: var(--liano-space-3);
+  }
+
+  :where(.liano-toast[data-tone="success"]) {
+    --liano-toast-accent: var(--liano-color-success-border);
+  }
+
+  :where(.liano-toast[data-tone="warning"]) {
+    --liano-toast-accent: var(--liano-color-warning-border);
+  }
+
+  :where(.liano-toast[data-tone="destructive"]) {
+    --liano-toast-accent: var(--liano-color-destructive-border);
+  }
+
+  :where(.liano-toast[data-tone="info"]) {
+    --liano-toast-accent: var(--liano-color-info-border);
+  }
+
+  :where(.liano-toast__title) {
+    font-size: var(--liano-font-size-sm);
+    font-weight: 700;
+    line-height: var(--liano-line-height-tight);
+  }
+
+  :where(.liano-toast__description) {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-sm);
+    line-height: var(--liano-line-height-normal);
+  }
+
+  :where(.liano-toast__action),
+  :where(.liano-toast__close) {
+    align-items: center;
+    appearance: none;
+    background: transparent;
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-sm);
+    color: var(--liano-color-foreground);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    justify-content: center;
+    min-block-size: var(--liano-control-height-sm);
+    padding-inline: var(--liano-space-2);
+  }
+
+  :where(.liano-toast__action:hover:not(:disabled)),
+  :where(.liano-toast__close:hover:not(:disabled)) {
+    background: var(--liano-control-hover);
+  }
+
+  :where(.liano-toast__action:focus-visible),
+  :where(.liano-toast__close:focus-visible) {
+    outline: 0;
+    box-shadow: var(--liano-focus-ring);
+  }
+}
+
+
+/* src/components/conversation/conversation.css */
+@layer liano-components {
+  :where(.liano-conversation) {
+    color: var(--liano-color-foreground);
+    display: grid;
+    font-family: var(--liano-font-family-sans);
+    gap: var(--liano-space-4);
+  }
+
+  :where(.liano-conversation__list) {
+    display: grid;
+    gap: var(--liano-space-4);
+  }
+
+  :where(.liano-conversation__message) {
+    display: grid;
+    gap: var(--liano-space-3);
+    grid-template-columns: auto minmax(0, 1fr);
+  }
+
+  :where(.liano-conversation__message[data-role="user"]) {
+    justify-self: end;
+  }
+
+  :where(.liano-conversation__message[data-role="assistant"]),
+  :where(.liano-conversation__message[data-role="system"]) {
+    justify-self: stretch;
+  }
+
+  :where(.liano-conversation__message-avatar) {
+    align-items: center;
+    background: var(--liano-color-muted);
+    border-radius: var(--liano-radius-full);
+    color: var(--liano-color-muted-foreground);
+    display: inline-flex;
+    font-size: var(--liano-font-size-sm);
+    font-weight: 700;
+    inline-size: 2rem;
+    justify-content: center;
+    min-block-size: 2rem;
+  }
+
+  :where(.liano-conversation__message-content) {
+    background: var(--liano-color-surface);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-lg);
+    min-inline-size: 0;
+    padding: var(--liano-space-3);
+  }
+
+  :where(.liano-conversation__message[data-role="user"] .liano-conversation__message-content) {
+    background: var(--liano-color-primary-soft);
+    border-color: var(--liano-color-primary-border);
+  }
+
+  :where(.liano-conversation__response) {
+    font-size: var(--liano-font-size-md);
+    line-height: var(--liano-line-height-normal);
+  }
+
+  :where(.liano-conversation__reasoning),
+  :where(.liano-conversation__tool) {
+    background: var(--liano-color-surface-raised);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-md);
+    padding: var(--liano-space-3);
+  }
+
+  :where(.liano-conversation__reasoning-summary) {
+    cursor: pointer;
+    font-size: var(--liano-font-size-sm);
+    font-weight: 700;
+  }
+
+  :where(.liano-conversation__reasoning-summary:focus-visible) {
+    outline: 0;
+    box-shadow: var(--liano-focus-ring);
+  }
+
+  :where(.liano-conversation__reasoning-content),
+  :where(.liano-conversation__tool-content) {
+    color: var(--liano-color-muted-foreground);
+    font-size: var(--liano-font-size-sm);
+    line-height: var(--liano-line-height-normal);
+    margin-block-start: var(--liano-space-2);
+  }
+
+  :where(.liano-conversation__tool) {
+    --liano-conversation-tool-accent: var(--liano-color-border-strong);
+    border-inline-start: 3px solid var(--liano-conversation-tool-accent);
+  }
+
+  :where(.liano-conversation__tool[data-status="running"]) {
+    --liano-conversation-tool-accent: var(--liano-color-info-border);
+  }
+
+  :where(.liano-conversation__tool[data-status="success"]) {
+    --liano-conversation-tool-accent: var(--liano-color-success-border);
+  }
+
+  :where(.liano-conversation__tool[data-status="error"]) {
+    --liano-conversation-tool-accent: var(--liano-color-destructive-border);
+  }
+
+  :where(.liano-conversation__tool-title) {
+    font-size: var(--liano-font-size-sm);
+    font-weight: 700;
+  }
+
+  :where(.liano-conversation__prompt-input) {
+    align-items: end;
+    background: var(--liano-color-surface);
+    border: 1px solid var(--liano-color-border);
+    border-radius: var(--liano-radius-lg);
+    display: grid;
+    gap: var(--liano-space-2);
+    grid-template-columns: minmax(0, 1fr) auto;
+    padding: var(--liano-space-2);
+  }
+
+  :where(.liano-conversation__prompt-textarea) {
+    background: transparent;
+    border: 0;
+    color: var(--liano-color-foreground);
+    font: inherit;
+    min-block-size: var(--liano-control-height-lg);
+    min-inline-size: 0;
+    resize: vertical;
+  }
+
+  :where(.liano-conversation__prompt-textarea:focus-visible) {
+    outline: 0;
+    box-shadow: var(--liano-focus-ring);
+  }
+
+  :where(.liano-conversation__prompt-submit) {
+    align-items: center;
+    appearance: none;
+    background: var(--liano-color-primary);
+    border: 1px solid var(--liano-color-primary);
+    border-radius: var(--liano-radius-sm);
+    color: var(--liano-color-primary-foreground);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    font-weight: 700;
+    justify-content: center;
+    min-block-size: var(--liano-control-height-md);
+    padding-inline: var(--liano-control-padding-x);
+  }
+
+  :where(.liano-conversation__prompt-submit[data-disabled="true"]) {
+    cursor: not-allowed;
+    opacity: var(--liano-opacity-disabled);
+  }
+
+  :where(.liano-conversation__prompt-submit:focus-visible) {
+    outline: 0;
+    box-shadow: var(--liano-focus-ring);
+  }
+
+  @media (max-width: 40rem) {
+    :where(.liano-conversation__message) {
+      grid-template-columns: 1fr;
+    }
+
+    :where(.liano-conversation__prompt-input) {
+      grid-template-columns: 1fr;
+    }
+  }
+}
+
+
+/* src/styles/utilities.css */
+@layer liano-utilities {
+  .liano-sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+
+
+