@atelier-ui/vue 0.2.13 → 0.2.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +29 -0
- package/index.css +1 -1
- package/index.mjs +628 -670
- package/lib/accordion/atl-accordion-item.vue.d.ts +1 -1
- package/lib/accordion/atl-accordion-item.vue.d.ts.map +1 -1
- package/lib/alert/atl-alert.vue.d.ts.map +1 -1
- package/lib/avatar/atl-avatar.vue.d.ts.map +1 -1
- package/lib/chat/atl-chat-header.vue.d.ts.map +1 -1
- package/lib/chat/atl-chat-input.vue.d.ts +1 -1
- package/lib/chat/atl-chat-input.vue.d.ts.map +1 -1
- package/lib/checkbox/atl-checkbox.vue.d.ts +1 -3
- package/lib/checkbox/atl-checkbox.vue.d.ts.map +1 -1
- package/lib/code-block/atl-code-block.vue.d.ts.map +1 -1
- package/lib/combobox/atl-combobox.vue.d.ts +2 -2
- package/lib/combobox/atl-combobox.vue.d.ts.map +1 -1
- package/lib/dialog/atl-dialog-header.vue.d.ts.map +1 -1
- package/lib/drawer/atl-drawer-header.vue.d.ts.map +1 -1
- package/lib/icon/atl-icon.vue.d.ts.map +1 -1
- package/lib/icons.d.ts +39 -0
- package/lib/icons.d.ts.map +1 -0
- package/lib/input/atl-input.vue.d.ts +3 -3
- package/lib/input/atl-input.vue.d.ts.map +1 -1
- package/lib/progress/atl-progress.vue.d.ts +1 -1
- package/lib/progress/atl-progress.vue.d.ts.map +1 -1
- package/lib/radio/atl-radio.vue.d.ts.map +1 -1
- package/lib/radio-group/atl-radio-group.vue.d.ts +2 -2
- package/lib/radio-group/atl-radio-group.vue.d.ts.map +1 -1
- package/lib/select/atl-select.vue.d.ts +1 -3
- package/lib/select/atl-select.vue.d.ts.map +1 -1
- package/lib/spec.d.ts +20 -6
- package/lib/spec.d.ts.map +1 -1
- package/lib/stepper/atl-stepper.vue.d.ts.map +1 -1
- package/lib/table/atl-th.vue.d.ts.map +1 -1
- package/lib/textarea/atl-textarea.vue.d.ts +5 -5
- package/lib/textarea/atl-textarea.vue.d.ts.map +1 -1
- package/lib/toast/atl-toast-item.vue.d.ts.map +1 -1
- package/lib/toggle/atl-toggle.vue.d.ts +1 -3
- package/lib/toggle/atl-toggle.vue.d.ts.map +1 -1
- package/package.json +1 -1
- package/styles/tokens.css +24 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,32 @@
|
|
|
1
|
+
## 0.2.15 (2026-08-26)
|
|
2
|
+
|
|
3
|
+
### 🚀 Features
|
|
4
|
+
|
|
5
|
+
- **tokens:** bind the literals that duplicate a token ([024faef](https://github.com/DominikPieper/atelier-ui/commit/024faef))
|
|
6
|
+
- **icons:** one concept, one drawing ([67784ec](https://github.com/DominikPieper/atelier-ui/commit/67784ec))
|
|
7
|
+
- **gates:** ship the geometry contract with every component ([6b706ce](https://github.com/DominikPieper/atelier-ui/commit/6b706ce))
|
|
8
|
+
|
|
9
|
+
### 🩹 Fixes
|
|
10
|
+
|
|
11
|
+
- **geometry:** a stated height cannot be content-driven ([44dc31e](https://github.com/DominikPieper/atelier-ui/commit/44dc31e))
|
|
12
|
+
- **spec:** readonly lives only where it is enforced ([a1f6159](https://github.com/DominikPieper/atelier-ui/commit/a1f6159))
|
|
13
|
+
|
|
14
|
+
### ❤️ Thank You
|
|
15
|
+
|
|
16
|
+
- Claude Opus 5
|
|
17
|
+
- Dominik Pieper @DominikPieper
|
|
18
|
+
|
|
19
|
+
## 0.2.14 (2026-08-26)
|
|
20
|
+
|
|
21
|
+
### 🩹 Fixes
|
|
22
|
+
|
|
23
|
+
- **tokens:** the control height is the primitive, padding is derived (ADR-0041) ([df973f7](https://github.com/DominikPieper/atelier-ui/commit/df973f7))
|
|
24
|
+
|
|
25
|
+
### ❤️ Thank You
|
|
26
|
+
|
|
27
|
+
- Claude Opus 5
|
|
28
|
+
- Dominik Pieper @DominikPieper
|
|
29
|
+
|
|
1
30
|
## 0.2.13 (2026-08-26)
|
|
2
31
|
|
|
3
32
|
### 🩹 Fixes
|
package/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.atl-accordion-group{font-family:var(--ui-font-family);color:var(--ui-color-text);display:block}.atl-accordion-group.variant-default{border-top:1px solid var(--ui-color-border)}.atl-accordion-group.variant-default .atl-accordion-item{border-bottom:1px solid var(--ui-color-border)}.atl-accordion-group.variant-bordered{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.atl-accordion-group.variant-bordered .atl-accordion-item:not(:last-child){border-bottom:1px solid var(--ui-color-border)}.atl-accordion-group.variant-separated{gap:var(--ui-spacing-2);flex-direction:column;display:flex}.atl-accordion-group.variant-separated .atl-accordion-item{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.atl-accordion-item{display:block}.accordion-heading{all:unset;display:block}.accordion-trigger{all:unset;box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--ui-spacing-3);width:100%;min-height:3.25rem;padding:var(--ui-spacing-4) var(--ui-spacing-5);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);cursor:pointer;transition:background-color var(--ui-transition-fast);-webkit-user-select:none;user-select:none;display:flex}.accordion-trigger:hover:not(.is-disabled){background:var(--ui-color-surface-sunken)}.accordion-trigger:focus-visible{box-shadow:var(--ui-focus-ring);z-index:1;outline:none;position:relative}.accordion-trigger.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.chevron{color:var(--ui-color-text-muted);transition:transform var(--ui-duration-normal) var(--ui-ease-out);flex-shrink:0}.chevron.is-expanded{transform:rotate(180deg)}.accordion-panel-wrapper{transition:grid-template-rows var(--ui-duration-normal) var(--ui-ease-out);grid-template-rows:0fr;display:grid}.accordion-panel-wrapper.is-expanded{grid-template-rows:1fr}.accordion-panel{overflow:hidden}.accordion-panel-wrapper.is-expanded .accordion-panel{padding:0 var(--ui-spacing-5) var(--ui-spacing-5)}.accordion-panel-wrapper:not(.is-expanded) .accordion-panel{padding:0 var(--ui-spacing-5)}.atl-alert{align-items:flex-start;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);box-sizing:border-box;border:1px solid #0000;width:100%;display:flex}.atl-alert .content{flex:1}.atl-alert.variant-info{background-color:var(--ui-color-info-bg);color:var(--ui-color-info-text);border-color:color-mix(in srgb, var(--ui-color-info-text) 20%, transparent)}.atl-alert.variant-success{background-color:var(--ui-color-success-bg);color:var(--ui-color-success-text);border-color:color-mix(in srgb, var(--ui-color-success-text) 20%, transparent)}.atl-alert.variant-warning{background-color:var(--ui-color-warning-bg);color:var(--ui-color-warning-text);border-color:color-mix(in srgb, var(--ui-color-warning-text) 20%, transparent)}.atl-alert.variant-danger{background-color:var(--ui-color-danger-bg);color:var(--ui-color-danger-text);border-color:color-mix(in srgb, var(--ui-color-danger-text) 20%, transparent)}.atl-alert .dismiss{border-radius:var(--ui-radius-sm);cursor:pointer;width:1.75rem;height:1.75rem;color:inherit;opacity:.7;transition:opacity var(--ui-transition-fast), background-color var(--ui-transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.atl-alert .dismiss:hover{opacity:1;background-color:color-mix(in srgb, currentColor 10%, transparent)}.atl-alert .dismiss:focus-visible{box-shadow:var(--ui-focus-ring);opacity:1;outline:none}.atl-alert .content .variant-icon{margin-right:.4em;font-weight:700;line-height:1;display:inline-block}.atl-avatar{font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb, var(--ui-color-primary) 12%, var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.atl-avatar.size-xs{width:24px;height:24px;font-size:.625rem}.atl-avatar.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.atl-avatar.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.atl-avatar.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-md)}.atl-avatar.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-lg)}.atl-avatar.shape-circle{border-radius:var(--ui-radius-full)}.atl-avatar.shape-square{border-radius:var(--ui-radius-md)}.atl-avatar img{object-fit:cover;width:100%;height:100%;display:block}.atl-avatar .initials{letter-spacing:.02em;line-height:1}.atl-avatar .icon{opacity:.6;width:55%;height:55%}.atl-avatar .status-dot{border-radius:var(--ui-radius-full);border:2px solid var(--ui-color-surface);box-sizing:content-box;width:25%;min-width:6px;max-width:14px;height:25%;min-height:6px;max-height:14px;position:absolute;bottom:0;right:0}.atl-avatar .status-dot.status-online{background-color:var(--ui-color-success)}.atl-avatar .status-dot.status-offline{background-color:var(--ui-color-text-muted)}.atl-avatar .status-dot.status-away{background-color:var(--ui-color-warning)}.atl-avatar .status-dot.status-busy{background-color:var(--ui-color-danger)}.atl-avatar-group{background:0 0;align-items:center;padding-inline-start:4px;display:inline-flex;overflow:visible}.atl-avatar-group>.atl-avatar{box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);box-shadow:0 0 0 2px var(--ui-color-surface);flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:-8px;display:inline-flex}.overflow-badge.size-xs{width:24px;height:24px;font-size:.5625rem}.overflow-badge.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.overflow-badge.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-md)}.atl-badge{border-radius:var(--ui-radius-full);font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);line-height:var(--ui-line-height-tight);white-space:nowrap;letter-spacing:.01em;justify-content:center;align-items:center;display:inline-flex}.atl-badge.size-sm{padding:.1875rem var(--ui-spacing-2);font-size:var(--ui-font-size-xs)}.atl-badge.size-md{padding:.3125rem var(--ui-spacing-3);font-size:var(--ui-font-size-sm)}.atl-badge.variant-default{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:1px solid var(--ui-color-border)}.atl-badge.variant-success{background-color:var(--ui-color-success-bg);color:var(--ui-color-success-text);border:1px solid color-mix(in srgb, var(--ui-color-success-text) 25%, transparent)}.atl-badge.variant-warning{background-color:var(--ui-color-warning-bg);color:var(--ui-color-warning-text);border:1px solid color-mix(in srgb, var(--ui-color-warning-text) 25%, transparent)}.atl-badge.variant-danger{background-color:var(--ui-color-danger-bg);color:var(--ui-color-danger-text);border:1px solid color-mix(in srgb, var(--ui-color-danger-text) 25%, transparent)}.atl-badge.variant-info{background-color:var(--ui-color-info-bg);color:var(--ui-color-info-text);border:1px solid color-mix(in srgb, var(--ui-color-info-text) 25%, transparent)}.atl-badge .variant-icon{margin-right:.3em;font-weight:700;line-height:1}.atl-icon{font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-medium);color:currentColor;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.atl-icon.size-sm{width:1rem;height:1rem;font-size:var(--ui-font-size-sm)}.atl-icon.size-md{width:1.25rem;height:1.25rem;font-size:var(--ui-font-size-md)}.atl-icon.size-lg{width:1.5rem;height:1.5rem;font-size:var(--ui-font-size-lg)}.atl-breadcrumbs{font-family:var(--ui-font-family);display:block}.breadcrumbs-list{font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted);flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.atl-breadcrumb-item{align-items:center;display:flex}.atl-breadcrumb-item:after{content:var(--atl-separator,"›");margin:0 var(--ui-spacing-2);color:var(--ui-color-border-hover);font-size:var(--ui-font-size-md);line-height:1}.atl-breadcrumb-item.is-current:after{display:none}.atl-breadcrumb-item .breadcrumb-link{color:var(--ui-color-text-muted);border-radius:var(--ui-radius-sm);padding:var(--ui-spacing-1) var(--ui-spacing-2);margin:calc(var(--ui-spacing-1) * -1) calc(var(--ui-spacing-2) * -1);transition:color var(--ui-transition-fast), background-color var(--ui-transition-fast);text-decoration:none}.atl-breadcrumb-item .breadcrumb-link:hover{color:var(--ui-color-text);background-color:var(--ui-color-surface-sunken)}.atl-breadcrumb-item .breadcrumb-link:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.atl-breadcrumb-item .breadcrumb-current{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}.atl-button{justify-content:center;align-items:center;gap:var(--ui-spacing-2);border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);line-height:var(--ui-line-height-tight);letter-spacing:var(--ui-letter-spacing-tight);cursor:pointer;transition:background-color var(--ui-transition-fast), border-color var(--ui-transition-fast), color var(--ui-transition-fast), box-shadow var(--ui-transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;text-decoration:none;display:inline-flex}.atl-button:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.atl-button.variant-primary{background-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}.atl-button.variant-primary:hover:not(.is-disabled){background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}.atl-button.variant-primary:active:not(.is-disabled){background-color:var(--ui-color-primary-active);border-color:var(--ui-color-primary-active)}.atl-button.variant-secondary{background-color:var(--ui-color-secondary);color:var(--ui-color-text-on-secondary);border-color:var(--ui-color-secondary)}.atl-button.variant-secondary:hover:not(.is-disabled){background-color:var(--ui-color-secondary-hover);border-color:var(--ui-color-secondary-hover)}.atl-button.variant-secondary:active:not(.is-disabled){background-color:var(--ui-color-secondary-active);border-color:var(--ui-color-secondary-active)}.atl-button.variant-outline{background-color:var(--ui-color-surface-raised);color:var(--ui-color-primary);border-color:var(--ui-color-border-strong)}.atl-button.variant-outline:hover:not(.is-disabled){background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-primary)}.atl-button.variant-outline:active:not(.is-disabled){background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-primary-active)}.atl-button.variant-danger{background-color:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger);box-shadow:inset 0 0 0 1px #0000002e}.atl-button.variant-danger:hover:not(.is-disabled){background-color:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover);box-shadow:inset 0 0 0 1px #0000002e}.atl-button.variant-danger:active:not(.is-disabled){background-color:var(--ui-color-danger-active);border-color:var(--ui-color-danger-active);box-shadow:inset 0 0 0 1px #0000002e}.atl-button.size-sm{font-size:var(--ui-font-size-sm);min-height:2rem;padding:.375rem .875rem}.atl-button.size-md{font-size:var(--ui-font-size-md);min-height:2.5rem;padding:.5625rem 1.125rem}.atl-button.size-lg{font-size:var(--ui-font-size-lg);min-height:3rem;padding:.75rem 1.5rem}.atl-button.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed;pointer-events:none}.spinner{border-radius:var(--ui-radius-full);border:1.5px solid;border-top-color:#0000;flex-shrink:0;width:1em;height:1em;animation:.7s linear infinite atl-spin;display:inline-block}@keyframes atl-spin{to{transform:rotate(360deg)}}.atl-card{border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);display:block;overflow:hidden}.atl-card.variant-elevated{box-shadow:var(--ui-shadow-sm);border:1px solid var(--ui-color-border)}.atl-card.variant-outlined{border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}.atl-card.variant-flat{background-color:var(--ui-color-surface-sunken)}.atl-card.padding-none .atl-card-header,.atl-card.padding-none .atl-card-content,.atl-card.padding-none .atl-card-footer{padding:0}.atl-card.padding-sm .atl-card-header,.atl-card.padding-sm .atl-card-content,.atl-card.padding-sm .atl-card-footer{padding:var(--ui-spacing-4)}.atl-card.padding-md .atl-card-header,.atl-card.padding-md .atl-card-content,.atl-card.padding-md .atl-card-footer{padding:var(--ui-spacing-6)}.atl-card.padding-lg .atl-card-header,.atl-card.padding-lg .atl-card-content,.atl-card.padding-lg .atl-card-footer{padding:var(--ui-spacing-8)}.atl-card-header{font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight);display:block}.atl-card-content{color:var(--ui-color-text);line-height:var(--ui-line-height-normal);display:block}.atl-card-footer{align-items:center;gap:var(--ui-spacing-3);border-top:1px solid var(--ui-color-border);display:flex}.atl-checkbox{font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);display:block}.atl-checkbox label{align-items:center;gap:var(--ui-spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal);min-height:1.5rem;display:inline-flex}.atl-checkbox input[type=checkbox]{appearance:none;border:1.5px solid var(--ui-color-border-strong);border-radius:var(--ui-radius-sm);background-color:var(--ui-color-input-bg);cursor:pointer;width:1.25rem;height:1.25rem;transition:border-color var(--ui-transition-fast), background-color var(--ui-transition-fast), box-shadow var(--ui-transition-fast);outline:none;flex-shrink:0;position:relative}.atl-checkbox input[type=checkbox]:hover:not(:disabled){border-color:var(--ui-color-primary);background-color:var(--ui-color-primary-light)}.atl-checkbox input[type=checkbox]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}.atl-checkbox input[type=checkbox]:checked{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.atl-checkbox input[type=checkbox]:checked:after{content:"";border:2px solid var(--ui-color-text-on-primary);width:.35rem;height:.6rem;animation:atl-check-pop var(--ui-duration-normal) var(--ui-ease-spring);border-top:none;border-left:none;margin:auto;position:absolute;inset:0;transform:rotate(45deg)translate(-1px,-1px)}.atl-checkbox input[type=checkbox]:indeterminate{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.atl-checkbox input[type=checkbox]:indeterminate:after{content:"";background-color:var(--ui-color-text-on-primary);width:.5rem;height:2px;animation:atl-check-pop var(--ui-duration-normal) var(--ui-ease-spring);margin:auto;position:absolute;inset:0}.atl-checkbox.is-invalid input[type=checkbox]{border-color:var(--ui-color-input-border-invalid)}.atl-checkbox.is-invalid input[type=checkbox]:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface), 0 0 0 4px var(--ui-color-danger)}.atl-checkbox.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-checkbox.is-disabled label,.atl-checkbox.is-disabled input[type=checkbox]{cursor:not-allowed}.atl-checkbox .errors{margin-top:var(--ui-spacing-2)}.atl-checkbox .error-message{font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal);margin:0}@keyframes atl-check-pop{0%{transform:rotate(45deg)translate(-1px,-1px)scale(0)}60%{transform:rotate(45deg)translate(-1px,-1px)scale(1.15)}to{transform:rotate(45deg)translate(-1px,-1px)scale(1)}}.atl-dialog{all:unset;width:fit-content;max-width:100vw;height:fit-content;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl,0 20px 60px #0000004d);color:var(--ui-color-text);opacity:0;transition:opacity var(--ui-duration-slow) var(--ui-ease-out,ease-out), transform var(--ui-duration-slow) var(--ui-ease-out,ease-out), display var(--ui-duration-slow) allow-discrete, overlay var(--ui-duration-slow) allow-discrete;flex-direction:column;margin:auto;display:none;position:fixed;inset:0;overflow:hidden;transform:scale(.95)}.atl-dialog[open]{opacity:1;display:flex;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out,ease-out), display var(--ui-duration-slow) allow-discrete, overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media (prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{width:100%;max-height:inherit;flex-direction:column;display:flex;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}.atl-dialog-header{padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0;justify-content:space-between;align-items:center;font-weight:600;display:flex}.atl-dialog-content{padding:var(--ui-spacing-6);color:var(--ui-color-text);flex:1;display:block;overflow-y:auto}.atl-dialog-footer{justify-content:flex-end;align-items:center;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0;display:flex}.atl-drawer-host{display:contents}.atl-drawer-host dialog{all:unset;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl,0 20px 60px #0000004d);color:var(--ui-color-text);transition:transform var(--ui-duration-slow) var(--ui-ease-out,ease-out), display var(--ui-duration-slow) allow-discrete, overlay var(--ui-duration-slow) allow-discrete;flex-direction:column;display:none;position:fixed;overflow:hidden}.atl-drawer-host dialog[open]{display:flex;transform:translate(0)!important}.atl-drawer-host dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out,ease-out), display var(--ui-duration-slow) allow-discrete, overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-drawer-host dialog[open]::backdrop{opacity:0}}@media (prefers-color-scheme:dark){.atl-drawer-host dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-drawer-host dialog::backdrop{background:var(--ui-color-overlay)}.atl-drawer-host .panel{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.atl-drawer-host.position-right dialog{height:100dvh;inset:0 0 0 auto;transform:translate(100%)}@starting-style{.atl-drawer-host.position-right dialog[open]{transform:translate(100%)}}.atl-drawer-host.position-left dialog{height:100dvh;inset:0 auto 0 0;transform:translate(-100%)}@starting-style{.atl-drawer-host.position-left dialog[open]{transform:translate(-100%)}}.atl-drawer-host.position-top dialog{width:100vw;inset:0 0 auto;transform:translateY(-100%)}@starting-style{.atl-drawer-host.position-top dialog[open]{transform:translateY(-100%)}}.atl-drawer-host.position-bottom dialog{width:100vw;inset:auto 0 0;transform:translateY(100%)}@starting-style{.atl-drawer-host.position-bottom dialog[open]{transform:translateY(100%)}}.atl-drawer-host.position-right.size-sm dialog,.atl-drawer-host.position-left.size-sm dialog{width:20rem}.atl-drawer-host.position-right.size-md dialog,.atl-drawer-host.position-left.size-md dialog{width:28rem}.atl-drawer-host.position-right.size-lg dialog,.atl-drawer-host.position-left.size-lg dialog{width:40rem}.atl-drawer-host.position-right.size-full dialog,.atl-drawer-host.position-left.size-full dialog{width:100vw}.atl-drawer-host.position-top.size-sm dialog,.atl-drawer-host.position-bottom.size-sm dialog{height:12rem}.atl-drawer-host.position-top.size-md dialog,.atl-drawer-host.position-bottom.size-md dialog{height:20rem}.atl-drawer-host.position-top.size-lg dialog,.atl-drawer-host.position-bottom.size-lg dialog{height:32rem}.atl-drawer-host.position-top.size-full dialog,.atl-drawer-host.position-bottom.size-full dialog{height:100dvh}.atl-drawer-header{padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0;justify-content:space-between;align-items:center;font-weight:600;display:flex}.atl-drawer-content{padding:var(--ui-spacing-6);color:var(--ui-color-text);flex:1;display:block;overflow-y:auto}.atl-drawer-footer{justify-content:flex-end;align-items:center;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:1px solid var(--ui-color-border);flex-shrink:0;display:flex}.close-btn{width:2rem;height:2rem;margin-left:var(--ui-spacing-3);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast), color var(--ui-transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.atl-input{font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);display:block}.atl-input input{width:100%;min-height:2.5rem;padding:.625rem var(--ui-spacing-4);font-size:inherit;font-family:inherit;line-height:var(--ui-line-height-normal);color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);transition:border-color var(--ui-transition-fast), box-shadow var(--ui-transition-fast), background-color var(--ui-transition-fast);box-sizing:border-box;outline:none;display:block}.atl-input input::placeholder{color:var(--ui-color-placeholder)}.atl-input input:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}.atl-input input:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}.atl-input .input-field{position:relative}.atl-input.is-invalid input{border-color:var(--ui-color-input-border-invalid);padding-right:2.25rem}.atl-input.is-invalid input:focus{border-color:var(--ui-color-input-border-invalid);box-shadow:var(--ui-focus-ring-danger)}.atl-input.is-invalid .input-field:before{content:"✕";color:var(--ui-color-danger);pointer-events:none;font-weight:700;line-height:1;position:absolute;top:50%;right:.875rem;transform:translateY(-50%)}.atl-input.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-input.is-disabled input{cursor:not-allowed}.atl-input.is-readonly input{background-color:var(--ui-color-surface-sunken);cursor:default}.atl-input .errors{margin-top:var(--ui-spacing-2)}.atl-input .error-message{font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal);margin:0}.atl-menu{min-width:12rem;padding:var(--ui-spacing-2) 0;background:var(--ui-color-surface-raised);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-lg);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);color:var(--ui-color-text);animation:atl-menu-enter var(--ui-duration-normal) var(--ui-ease-out) forwards;outline:none;display:block;overflow:hidden}.atl-menu.variant-compact{font-size:var(--ui-font-size-sm);padding:var(--ui-spacing-1) 0}.atl-menu.variant-compact .atl-menu-item{min-height:2rem;padding:var(--ui-spacing-1) var(--ui-spacing-3)}@keyframes atl-menu-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.atl-menu-item{align-items:center;gap:var(--ui-spacing-3);min-height:2.25rem;padding:var(--ui-spacing-2) var(--ui-spacing-4);cursor:pointer;color:var(--ui-color-text);transition:background var(--ui-transition-fast);font:inherit;text-align:start;background:0 0;border:none;outline:none;width:100%;display:flex}.atl-menu-item:hover,.atl-menu-item:focus-visible{background:var(--ui-color-surface-sunken)}.atl-menu-item.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-menu-separator{height:1px;margin:var(--ui-spacing-2) 0;background:var(--ui-color-border);border:none;display:block}.atl-menu-panel{z-index:var(--ui-z-dropdown,100);top:calc(100% + var(--ui-spacing-2));min-width:100%;position:absolute;left:0}.atl-pagination{font-family:var(--ui-font-family);display:block}.page-list{align-items:center;gap:var(--ui-spacing-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.page-btn{all:unset;min-width:2.25rem;height:2.25rem;padding:0 var(--ui-spacing-2);border-radius:var(--ui-radius-md);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ui-transition-fast), border-color var(--ui-transition-fast), color var(--ui-transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.page-btn:hover:not(:disabled){background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.page-btn:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.page-btn.is-active{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary);font-weight:var(--ui-font-weight-semibold)}.page-btn.is-active:hover{background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}.page-btn.is-disabled,.page-btn:disabled{opacity:var(--ui-opacity-disabled);pointer-events:none;cursor:default}.ellipsis{min-width:2.25rem;height:2.25rem;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.atl-progress{width:100%;font-family:var(--ui-font-family);display:block}.track{border-radius:var(--ui-radius-full);background-color:var(--ui-color-surface-sunken);width:100%;position:relative;overflow:hidden}.atl-progress.size-sm .track{height:6px}.atl-progress.size-md .track{height:10px}.atl-progress.size-lg .track{height:14px}.fill{border-radius:var(--ui-radius-full);background-color:var(--ui-color-primary);height:100%;transition:width var(--ui-transition-normal)}.atl-progress.variant-success .fill{background-color:var(--ui-color-success)}.atl-progress.variant-warning .fill{background-color:var(--ui-color-warning)}.atl-progress.variant-danger .fill{background-color:var(--ui-color-danger)}@keyframes progress-indeterminate{0%{transform:translate(-150%)}to{transform:translate(350%)}}.atl-progress.is-indeterminate .fill{animation:progress-indeterminate 1.4s var(--ui-ease-in-out) infinite;width:40%!important}@media (prefers-reduced-motion:reduce){.atl-progress.is-indeterminate .fill{opacity:.5;animation:none}}.atl-combobox{font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);display:block;position:relative}.atl-combobox-wrapper{align-items:center;display:flex;position:relative}.atl-combobox-input{box-sizing:border-box;width:100%;min-height:2.5rem;padding:.625rem var(--ui-spacing-8) .625rem var(--ui-spacing-4);font-family:inherit;font-size:inherit;color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);transition:border-color var(--ui-transition-fast), box-shadow var(--ui-transition-fast), background-color var(--ui-transition-fast);cursor:text;outline:none}.atl-combobox-input::placeholder{color:var(--ui-color-placeholder)}.atl-combobox-input:hover:not(:disabled){border-color:var(--ui-color-input-border-hover)}.atl-combobox-input:focus-visible,.atl-combobox.is-open .atl-combobox-input{border-color:var(--ui-color-input-border-focus);box-shadow:var(--ui-focus-ring)}.atl-combobox.is-invalid .atl-combobox-input{border-color:var(--ui-color-input-border-invalid)}.atl-combobox.is-invalid .atl-combobox-input:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface), 0 0 0 4px var(--ui-color-danger)}.atl-combobox.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-combobox.is-disabled .atl-combobox-input{cursor:not-allowed}.atl-combobox-icon{right:var(--ui-spacing-4);pointer-events:none;color:var(--ui-color-text-muted);transition:transform var(--ui-transition-fast);align-items:center;display:flex;position:absolute}.atl-combobox.is-open .atl-combobox-icon{transform:rotate(180deg)}.atl-combobox-panel{left:0;top:calc(100% + var(--ui-spacing-2));width:100%;max-height:16rem;padding:var(--ui-spacing-2) 0;background-color:var(--ui-color-surface-raised);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-lg);z-index:100;margin:0;list-style:none;position:absolute;overflow-y:auto}.atl-combobox-option{min-height:2.25rem;padding:var(--ui-spacing-2) var(--ui-spacing-4);cursor:pointer;color:var(--ui-color-text);font-size:var(--ui-font-size-md);transition:background-color var(--ui-transition-fast);justify-content:space-between;align-items:center;display:flex}.atl-combobox-option:hover:not(.is-disabled){background-color:var(--ui-color-surface-sunken)}.atl-combobox-option.is-active{background-color:var(--ui-color-primary-light);color:var(--ui-color-primary)}.atl-combobox-option.is-selected{font-weight:var(--ui-font-weight-semibold)}.atl-combobox-option.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-combobox-check{color:var(--ui-color-primary);flex-shrink:0}.atl-combobox-no-results{padding:var(--ui-spacing-4);text-align:center;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm)}.atl-combobox-errors{margin-top:var(--ui-spacing-2)}.atl-combobox-error-message{font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal);margin:0}.atl-radio-group{font-family:var(--ui-font-family);gap:var(--ui-spacing-3);display:flex}.atl-radio-group.orientation-vertical{flex-direction:column}.atl-radio-group.orientation-horizontal{flex-flow:wrap}.atl-radio-group.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-radio-group .errors{margin-top:var(--ui-spacing-2)}.atl-radio-group .error-message{font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal);margin:0}.atl-radio{align-items:center;gap:var(--ui-spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);padding:var(--ui-spacing-1) 0;min-height:1.5rem;transition:color var(--ui-transition-fast);display:inline-flex}.atl-radio:hover:not(.is-disabled){color:var(--ui-color-primary)}.atl-radio input[type=radio]{appearance:none;border:1.5px solid var(--ui-color-border-strong);background-color:var(--ui-color-input-bg);cursor:pointer;width:1.25rem;height:1.25rem;transition:border-color var(--ui-transition-fast), border-width var(--ui-transition-fast) var(--ui-ease-out), background-color var(--ui-transition-fast), box-shadow var(--ui-transition-fast);border-radius:50%;outline:none;flex-shrink:0;margin:0;position:relative}.atl-radio:hover input[type=radio]:not(:disabled){border-color:var(--ui-color-primary)}.atl-radio input[type=radio]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}.atl-radio input[type=radio]:checked{border-color:var(--ui-color-primary);border-width:6px}.atl-radio.is-invalid input[type=radio]{border-color:var(--ui-color-input-border-invalid)}.atl-radio.is-invalid:hover input[type=radio]{border-color:var(--ui-color-danger-hover)}.atl-radio.is-invalid input[type=radio]:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface), 0 0 0 4px var(--ui-color-danger)}.atl-radio.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed;color:var(--ui-color-text-muted)}.atl-radio.is-disabled input[type=radio]{cursor:not-allowed;border-color:var(--ui-color-border)}.atl-select{font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);display:inline-block;position:relative}.atl-select label{margin-bottom:var(--ui-spacing-2);font-size:var(--ui-font-size-sm);color:var(--ui-color-text);font-weight:var(--ui-font-weight-medium);display:block}.atl-select .select-wrapper{align-items:center;display:flex;position:relative}.atl-select select{width:100%;min-height:2.5rem;padding:.625rem var(--ui-spacing-4);background:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);color:var(--ui-color-text);font-family:inherit;font-size:inherit;cursor:pointer;appearance:none;transition:border-color var(--ui-transition-fast), box-shadow var(--ui-transition-fast), background-color var(--ui-transition-fast);justify-content:space-between;align-items:center;padding-inline-end:calc(var(--ui-spacing-4) + 1.25rem);display:flex}.atl-select select:hover:not(:disabled){border-color:var(--ui-color-input-border-hover)}.atl-select select:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus);outline:none}.atl-select select:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-select.is-invalid select{border-color:var(--ui-color-input-border-invalid)}.atl-select .select-arrow{pointer-events:none;font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);position:absolute;inset-inline-end:var(--ui-spacing-4)}.atl-select .errors{margin-top:var(--ui-spacing-2)}.atl-select .error-message{font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);margin:0}.atl-skeleton{background:var(--ui-color-border);display:block;position:relative;overflow:hidden}.atl-skeleton.variant-text{border-radius:var(--ui-radius-sm)}.atl-skeleton.variant-circular{border-radius:var(--ui-radius-full,9999px)}.atl-skeleton.variant-rectangular{border-radius:var(--ui-radius-md)}.atl-skeleton.is-animated:after{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--ui-color-surface-raised) 80%, transparent) 50%, transparent 100%);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.atl-skeleton.is-animated:after{animation:none}}.atl-stepper{font-family:var(--ui-font-family);display:block}.stepper-header{align-items:center;display:flex}.step-item{flex-direction:column;align-items:center;min-width:0;display:flex}.step-connector{background:var(--ui-color-border);border-radius:var(--ui-radius-full);height:2px;transition:background var(--ui-transition-normal) var(--ui-ease-out);min-width:var(--ui-spacing-4);flex:1}.step-connector.is-active{background:var(--ui-color-primary)}.step-circle{all:unset;box-sizing:border-box;border:2px solid var(--ui-color-border);background:var(--ui-color-surface);width:36px;height:36px;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-semibold);cursor:pointer;transition:var(--ui-transition-normal) var(--ui-ease-out);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition-property:border-color,background-color,color,box-shadow;display:inline-flex}.step-circle:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.step-circle:disabled{cursor:not-allowed}.step-text{margin-top:var(--ui-spacing-2);text-align:center;flex-direction:column;align-items:center;display:flex}.step-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text-muted);white-space:nowrap}.step-description{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);margin-top:2px}.step-optional{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);margin-top:2px;font-style:italic}.stepper-content{margin-top:var(--ui-spacing-6)}.stepper-content [role=tabpanel][hidden]{display:none}.step-item.is-active .step-circle{border-color:var(--ui-color-primary);color:var(--ui-color-primary)}.step-item.is-active .step-label{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}.step-item.is-completed .step-circle{border-color:var(--ui-color-primary);background:var(--ui-color-primary);color:var(--ui-color-text-on-primary)}.step-item.is-completed .step-label{color:var(--ui-color-text)}.step-item.is-error .step-circle{border-color:var(--ui-color-danger);background:var(--ui-color-danger);color:var(--ui-color-text-on-danger,#fff)}.step-item.is-error .step-label{color:var(--ui-color-danger)}.step-item.is-disabled .step-circle{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.step-item.is-disabled .step-label{opacity:var(--ui-opacity-disabled)}.atl-stepper.orientation-vertical .stepper-header{flex-direction:column;align-items:stretch}.atl-stepper.orientation-vertical .step-item{align-items:flex-start;gap:var(--ui-spacing-3);flex-direction:row}.atl-stepper.orientation-vertical .step-text{text-align:left;padding-top:var(--ui-spacing-1);align-items:flex-start;margin-top:0}.atl-stepper.orientation-vertical .step-connector{width:2px;height:var(--ui-spacing-6);flex:none;min-width:0;margin-left:17px}.atl-table{font-family:var(--ui-font-family);color:var(--ui-color-text);display:block}.atl-table-wrapper{width:100%;overflow-x:auto}.atl-table table{border-collapse:collapse;width:100%}.atl-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:2px solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.atl-table tbody td{border-bottom:1px solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.atl-table.size-sm thead th,.atl-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.atl-table.size-md thead th,.atl-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.atl-table.size-lg thead th,.atl-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.atl-table.variant-striped tbody tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.atl-table.variant-bordered thead th,.atl-table.variant-bordered tbody td{border:1px solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.atl-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.atl-table tbody tr.is-selected td,.atl-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.atl-tr-select-cell{text-align:center;width:2.75rem}.atl-tr-select-cell .atl-checkbox label{justify-content:center}.atl-table.is-sticky-header thead th{z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border);position:sticky;top:0}.atl-th-sort-btn{all:unset;box-sizing:border-box;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%;display:inline-flex}.atl-th-sort-btn:focus-visible{box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm);outline:none}.atl-th-sort-icon{flex-shrink:0}.atl-th-sort-asc-arrow,.atl-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .atl-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .atl-th-sort-asc-arrow,th.sort-desc .atl-th-sort-desc-arrow{opacity:1}.atl-tbody-empty-cell{text-align:center;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;background-color:var(--ui-color-surface)!important}.atl-tab-group{font-family:var(--ui-font-family);color:var(--ui-color-text);display:block}.atl-tab-group .tablist{gap:var(--ui-spacing-2);border-bottom:1px solid var(--ui-color-border);scrollbar-width:none;display:flex;overflow-x:auto}.atl-tab-group .tablist::-webkit-scrollbar{display:none}.atl-tab-group .tablist button{all:unset;box-sizing:border-box;min-height:2.5rem;padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text-muted);cursor:pointer;transition:var(--ui-transition-fast);border-radius:var(--ui-radius-md) var(--ui-radius-md) 0 0;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;transition-property:color,background-color;display:inline-flex;position:relative}.atl-tab-group .tablist button:after{content:"";bottom:-1px;left:var(--ui-spacing-2);right:var(--ui-spacing-2);border-radius:var(--ui-radius-full) var(--ui-radius-full) 0 0;height:3px;transition:background var(--ui-transition-fast);background:0 0;position:absolute}.atl-tab-group .tablist button.is-active{color:var(--ui-color-primary)}.atl-tab-group .tablist button.is-active:after{background:var(--ui-color-primary)}.atl-tab-group .tablist button:hover:not(.is-disabled):not(.is-active){color:var(--ui-color-text);background:var(--ui-color-surface-sunken)}.atl-tab-group .tablist button:focus-visible{box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md);outline:none}.atl-tab-group .tablist button.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-tab-group [role=tabpanel]{padding:var(--ui-spacing-5) 0}.atl-tab-group [role=tabpanel]:focus-visible{box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md);outline:none}.atl-tab-group.variant-pills .tablist{gap:var(--ui-spacing-2);padding:var(--ui-spacing-1);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);border-bottom:none}.atl-tab-group.variant-pills .tablist button{border-radius:var(--ui-radius-md);min-height:2rem;padding:var(--ui-spacing-2) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.atl-tab-group.variant-pills .tablist button:after{display:none}.atl-tab-group.variant-pills .tablist button.is-active{background:var(--ui-color-surface);color:var(--ui-color-text);box-shadow:var(--ui-shadow-sm)}.atl-tab-group.variant-pills .tablist button:hover:not(.is-disabled):not(.is-active){color:var(--ui-color-text);background:0 0}.atl-textarea{font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);display:block}.atl-textarea textarea{width:100%;padding:.625rem var(--ui-spacing-4);font-size:inherit;font-family:inherit;line-height:var(--ui-line-height-normal);color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);transition:border-color var(--ui-transition-fast), box-shadow var(--ui-transition-fast), background-color var(--ui-transition-fast);box-sizing:border-box;resize:vertical;outline:none;min-height:5rem;display:block}.atl-textarea textarea::placeholder{color:var(--ui-color-placeholder)}.atl-textarea textarea:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}.atl-textarea textarea:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}.atl-textarea .textarea-field{position:relative}.atl-textarea.is-invalid textarea{border-color:var(--ui-color-input-border-invalid);padding-right:2.25rem}.atl-textarea.is-invalid textarea:focus{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface), 0 0 0 4px var(--ui-color-danger)}.atl-textarea.is-invalid .textarea-field:before{content:"✕";color:var(--ui-color-danger);pointer-events:none;font-weight:700;line-height:1;position:absolute;top:.75rem;right:.875rem}.atl-textarea.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-textarea.is-disabled textarea{cursor:not-allowed}.atl-textarea.is-readonly textarea{background-color:var(--ui-color-surface-sunken);cursor:default}.atl-textarea.is-auto-resize textarea{resize:none;overflow:hidden}.atl-textarea .errors{margin-top:var(--ui-spacing-2)}.atl-textarea .error-message{font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal);margin:0}.atl-toast-container{z-index:var(--ui-z-toast,400);gap:var(--ui-spacing-2);pointer-events:none;box-sizing:border-box;flex-direction:column;max-width:min(24rem,100vw - 2rem);display:flex;position:fixed}.atl-toast-container.position-bottom-right{bottom:var(--ui-spacing-4);right:var(--ui-spacing-4);align-items:flex-end}.atl-toast-container.position-bottom-center{bottom:var(--ui-spacing-4);align-items:center;left:50%;transform:translate(-50%)}.atl-toast-container.position-top-right{top:var(--ui-spacing-4);right:var(--ui-spacing-4);align-items:flex-end}.atl-toast-container.position-top-center{top:var(--ui-spacing-4);align-items:center;left:50%;transform:translate(-50%)}.atl-toast{align-items:center;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);box-shadow:var(--ui-shadow-lg);background-color:var(--ui-color-surface-raised,var(--ui-color-surface));color:var(--ui-color-text);pointer-events:auto;box-sizing:border-box;border-left:4px solid #0000;min-width:18rem;max-width:100%;animation:.3s ease-out toast-enter;display:flex}.atl-toast.variant-default{border-left-color:var(--ui-color-border)}.atl-toast.variant-success{border-left-color:var(--ui-color-success);background-color:color-mix(in srgb, var(--ui-color-success) 8%, var(--ui-color-surface-raised,var(--ui-color-surface)))}.atl-toast.variant-warning{border-left-color:var(--ui-color-warning);background-color:color-mix(in srgb, var(--ui-color-warning) 8%, var(--ui-color-surface-raised,var(--ui-color-surface)))}.atl-toast.variant-danger{border-left-color:var(--ui-color-danger);background-color:color-mix(in srgb, var(--ui-color-danger) 8%, var(--ui-color-surface-raised,var(--ui-color-surface)))}.atl-toast.variant-info{border-left-color:var(--ui-color-info);background-color:color-mix(in srgb, var(--ui-color-info) 8%, var(--ui-color-surface-raised,var(--ui-color-surface)))}.atl-toast .message{flex:1}.atl-toast .dismiss{border-radius:var(--ui-radius-sm);cursor:pointer;width:1.75rem;height:1.75rem;color:var(--ui-color-text-muted,currentColor);opacity:.7;transition:opacity var(--ui-transition-fast,.15s), background-color var(--ui-transition-fast,.15s);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.atl-toast .dismiss:hover{opacity:1;background-color:color-mix(in srgb, currentColor 10%, transparent)}.atl-toast .dismiss:focus-visible{box-shadow:var(--ui-focus-ring);opacity:1;outline:none}@keyframes toast-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.atl-toast{animation:none}}.atl-toggle{font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);display:block}.atl-toggle label{align-items:center;gap:var(--ui-spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal);min-height:1.5rem;display:inline-flex}.atl-toggle input[type=checkbox]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.atl-toggle .track{border-radius:var(--ui-radius-full);border:1px solid var(--ui-color-border-strong);background-color:var(--ui-color-input-bg);width:2.75rem;height:1.5rem;transition:background-color var(--ui-transition-fast), border-color var(--ui-transition-fast), box-shadow var(--ui-transition-fast);cursor:pointer;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.atl-toggle .thumb{border-radius:var(--ui-radius-full);background-color:var(--ui-color-border-strong);width:1.125rem;height:1.125rem;box-shadow:var(--ui-shadow-xs);transition:transform var(--ui-transition-normal) var(--ui-ease-out), background-color var(--ui-transition-fast);position:absolute;left:.125rem}.atl-toggle label:hover:not(:has(input:disabled)) .track{border-color:var(--ui-color-primary)}.atl-toggle input[type=checkbox]:focus-visible+.track{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}.atl-toggle.is-checked .track{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.atl-toggle.is-checked .thumb{background-color:var(--ui-color-text-on-primary);transform:translate(1.25rem)}.atl-toggle.is-invalid .track{border-color:var(--ui-color-input-border-invalid)}.atl-toggle.is-invalid input[type=checkbox]:focus-visible+.track{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface), 0 0 0 4px var(--ui-color-danger)}.atl-toggle.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-toggle.is-disabled label,.atl-toggle.is-disabled .track{cursor:not-allowed}.atl-toggle .errors{margin-top:var(--ui-spacing-2)}.atl-toggle .error-message{font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal);margin:0}.atl-tooltip-wrapper{display:inline-block;position:relative}.atl-tooltip{z-index:var(--ui-z-tooltip,200);padding:var(--ui-spacing-1) var(--ui-spacing-2);background:var(--ui-color-text);color:var(--ui-color-surface);font-family:var(--ui-font-family);font-size:var(--ui-font-size-xs);line-height:var(--ui-line-height-normal);border-radius:var(--ui-radius-sm);box-shadow:var(--ui-shadow-md);word-wrap:break-word;pointer-events:none;white-space:nowrap;max-width:20rem;animation:atl-tooltip-enter var(--ui-duration-fast) var(--ui-ease-out) forwards;display:block;position:absolute}.atl-tooltip.position-above{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.atl-tooltip.position-below{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.atl-tooltip.position-left{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.atl-tooltip.position-right{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}@keyframes atl-tooltip-enter{0%{opacity:0;transform:scale(.95)translate(-50%)}to{opacity:1;transform:scale(1)translate(-50%)}}.atl-tooltip.position-left,.atl-tooltip.position-right{animation:atl-tooltip-enter-side var(--ui-duration-fast) var(--ui-ease-out) forwards}@keyframes atl-tooltip-enter-side{0%{opacity:0;transform:scale(.95)translateY(-50%)}to{opacity:1;transform:scale(1)translateY(-50%)}}.atl-code-block{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-family);display:block;overflow:hidden}.code-block-header{padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface-raised);border-bottom:1px solid var(--ui-color-border);justify-content:space-between;align-items:center;min-height:2.5rem;display:flex}.code-block-label{font-family:var(--ui-font-mono,"Menlo", "Monaco", "Courier New", monospace);letter-spacing:.03em;color:var(--ui-color-text-muted);text-transform:lowercase;-webkit-user-select:none;user-select:none;font-size:.72rem;font-weight:600}.code-block-copy{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);color:var(--ui-color-text-muted);cursor:pointer;transition:color var(--ui-transition-fast), background var(--ui-transition-fast), border-color var(--ui-transition-fast);white-space:nowrap;background:0 0;align-items:center;gap:.3rem;padding:.2rem .55rem;font-family:inherit;font-size:.72rem;font-weight:500;display:inline-flex}.code-block-copy:hover{color:var(--ui-color-text);background:var(--ui-color-surface);border-color:var(--ui-color-input-border)}.code-block-copy:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.code-block-body{background:var(--ui-color-surface);overflow-x:auto}.code-block-pre{padding:var(--ui-spacing-4);font-family:var(--ui-font-mono,"Menlo", "Monaco", "Courier New", monospace);font-size:var(--ui-font-size-sm);color:var(--ui-color-text);white-space:pre;tab-size:2;margin:0;line-height:1.65}.code-line{display:flex}.code-line-number{min-width:2rem;padding-right:var(--ui-spacing-3);color:var(--ui-color-text-muted);text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid var(--ui-color-border);margin-right:var(--ui-spacing-3);opacity:.6;flex-shrink:0;display:inline-block}.code-line-text{flex:1}.atl-chat{display:contents}.atl-chat .surface{background:var(--ui-color-surface);color:var(--ui-color-text);flex-direction:column;display:flex;overflow:hidden}.atl-chat.variant-drawer dialog{all:unset;background:var(--ui-color-surface);width:28rem;height:100dvh;box-shadow:var(--ui-shadow-xl,-8px 0 32px #0000001f);color:var(--ui-color-text);transition:transform var(--ui-duration-slow) var(--ui-ease-out,ease-out), display var(--ui-duration-slow) allow-discrete, overlay var(--ui-duration-slow) allow-discrete;flex-direction:column;display:none;position:fixed;inset:0 0 0 auto;overflow:hidden;transform:translate(100%)}.atl-chat.variant-drawer dialog[open]{display:flex;transform:translate(0)}@starting-style{.atl-chat.variant-drawer dialog[open]{transform:translate(100%)}}.atl-chat.variant-drawer dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out,ease-out), display var(--ui-duration-slow) allow-discrete, overlay var(--ui-duration-slow) allow-discrete}.atl-chat.variant-drawer .drawer-surface{width:100%;height:100%}.atl-chat.variant-popup .popup-surface{bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);border-radius:var(--ui-radius-xl);z-index:100;width:23.75rem;height:35rem;position:fixed;box-shadow:0 12px 32px #0000002e}.atl-chat.variant-popup .fab-bubble{bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai,#b5e61c);width:3.5rem;height:3.5rem;color:var(--ui-color-text);font-family:var(--ui-font-family);font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;transition:transform var(--ui-transition-fast), box-shadow var(--ui-transition-fast);z-index:101;border:none;position:fixed;box-shadow:0 6px 16px #0000002e}.atl-chat.variant-popup .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}.atl-chat.variant-popup .fab-bubble:focus-visible{box-shadow:var(--ui-focus-ring), 0 6px 16px #0000002e;outline:none}.atl-chat.variant-inline .inline-surface{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-xl);width:100%;height:100%;min-height:24rem}.atl-chat.variant-inline .atl-chat-header .close-btn{display:none}.atl-chat-header{justify-content:space-between;align-items:center;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:1px solid var(--ui-color-border);flex-shrink:0;display:flex}.atl-chat-header .title-block{align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0;display:flex}.atl-chat-header .close-btn{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;width:2rem;height:2rem;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast), color var(--ui-transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.atl-chat-header .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.atl-chat-header .close-btn:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.atl-chat-messages{gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-anchor:auto;scroll-behavior:smooth;background:var(--ui-color-surface);flex-direction:column;flex:1;display:flex;overflow-y:auto}.atl-chat-message{max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word;display:block}.atl-chat-message.role-assistant,.atl-chat-message.role-system{background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}.atl-chat-message.role-user{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}.atl-chat-message.role-system{color:var(--ui-color-text-muted);font-style:italic}.atl-chat-message.is-failed{background:var(--ui-color-surface-sunken);border:1px dashed var(--ui-color-danger);color:var(--ui-color-text)}.atl-chat-typing{align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start;display:inline-flex}.atl-chat-typing .dot{background:var(--ui-color-text-muted);border-radius:50%;width:.375rem;height:.375rem;animation:1.4s ease-in-out infinite atl-chat-typing}.atl-chat-typing .dot:nth-child(2){animation-delay:.16s}.atl-chat-typing .dot:nth-child(3){animation-delay:.32s}.atl-chat-typing.is-inline{margin-left:var(--ui-spacing-1);vertical-align:baseline;background:0 0;border-radius:0;align-self:auto;padding:0;display:inline-flex}.atl-chat-typing.is-inline .dot{width:.25rem;height:.25rem}@keyframes atl-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.atl-chat-typing .dot{opacity:.6;animation:none}}.atl-chat-typing .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.atl-chat-suggestion{display:block}.atl-chat-suggestion .chip{align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-family);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast), border-color var(--ui-transition-fast);flex-direction:column;display:flex}.atl-chat-suggestion .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}.atl-chat-suggestion .chip:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.atl-chat-suggestion .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}.atl-chat-suggestion .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}.atl-chat-input{align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:1px solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0;display:flex}.atl-chat-input .field{min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:1px solid var(--ui-color-input-border,var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast);flex:1}.atl-chat-input .field::placeholder{color:var(--ui-color-text-muted)}.atl-chat-input .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover,var(--ui-color-border-hover))}.atl-chat-input .field:focus-visible{border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring);outline:none}.atl-chat-input .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-chat-input .action-btn{padding:var(--ui-spacing-2) var(--ui-spacing-4);border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast), border-color var(--ui-transition-fast), transform var(--ui-transition-fast);border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.atl-chat-input .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}.atl-chat-input .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}.atl-chat-input .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}.atl-chat-input .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}.atl-chat-input .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-chat-input .action-btn:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.atl-chat.status-streaming .atl-chat-input .field{cursor:wait}
|
|
1
|
+
:is(.atl-accordion-group,.atl-accordion-item),:is(.atl-accordion-group,.atl-accordion-item) *{box-sizing:border-box}.atl-accordion-group{font-family:var(--ui-font-family);color:var(--ui-color-text);display:block}.atl-accordion-group.variant-default{border-top:var(--ui-border-width) solid var(--ui-color-border)}.atl-accordion-group.variant-default .atl-accordion-item{border-bottom:var(--ui-border-width) solid var(--ui-color-border)}.atl-accordion-group.variant-bordered{border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.atl-accordion-group.variant-bordered .atl-accordion-item:not(:last-child){border-bottom:var(--ui-border-width) solid var(--ui-color-border)}.atl-accordion-group.variant-separated{gap:var(--ui-spacing-2);flex-direction:column;display:flex}.atl-accordion-group.variant-separated .atl-accordion-item{border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.atl-accordion-item{display:block}.accordion-heading{all:unset;display:block}.accordion-trigger{all:unset;box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--ui-spacing-3);width:100%;min-height:3.25rem;padding:var(--ui-spacing-4) var(--ui-spacing-5);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);cursor:pointer;transition:background-color var(--ui-transition-fast);-webkit-user-select:none;user-select:none;display:flex}.accordion-trigger:hover:not(.is-disabled){background:var(--ui-color-surface-sunken)}.accordion-trigger:focus-visible{box-shadow:var(--ui-focus-ring);z-index:1;outline:none;position:relative}.accordion-trigger.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.chevron{color:var(--ui-color-text-muted);transition:transform var(--ui-duration-normal) var(--ui-ease-out);flex-shrink:0}.chevron.is-expanded{transform:rotate(180deg)}.accordion-panel-wrapper{transition:grid-template-rows var(--ui-duration-normal) var(--ui-ease-out);grid-template-rows:0fr;display:grid}.accordion-panel-wrapper.is-expanded{grid-template-rows:1fr}.accordion-panel{overflow:hidden}.accordion-panel-wrapper.is-expanded .accordion-panel{padding:0 var(--ui-spacing-5) var(--ui-spacing-5)}.accordion-panel-wrapper:not(.is-expanded) .accordion-panel{padding:0 var(--ui-spacing-5)}.atl-icon,.atl-icon *{box-sizing:border-box}.atl-icon{font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-medium);color:currentColor;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.atl-icon.size-sm{width:1rem;height:1rem;font-size:var(--ui-font-size-sm)}.atl-icon.size-md{width:1.25rem;height:1.25rem;font-size:var(--ui-font-size-md)}.atl-icon.size-lg{width:1.5rem;height:1.5rem;font-size:var(--ui-font-size-lg)}.atl-icon svg{width:100%;height:100%;display:block}.atl-alert,.atl-alert *{box-sizing:border-box}.atl-alert{align-items:flex-start;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-radius:var(--ui-radius-lg);border:var(--ui-border-width) solid transparent;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);box-sizing:border-box;width:100%;display:flex}.atl-alert .content{flex:1}.atl-alert.variant-info{background-color:var(--ui-color-info-bg);color:var(--ui-color-info-text);border-color:color-mix(in srgb, var(--ui-color-info-text) 20%, transparent)}.atl-alert.variant-success{background-color:var(--ui-color-success-bg);color:var(--ui-color-success-text);border-color:color-mix(in srgb, var(--ui-color-success-text) 20%, transparent)}.atl-alert.variant-warning{background-color:var(--ui-color-warning-bg);color:var(--ui-color-warning-text);border-color:color-mix(in srgb, var(--ui-color-warning-text) 20%, transparent)}.atl-alert.variant-danger{background-color:var(--ui-color-danger-bg);color:var(--ui-color-danger-text);border-color:color-mix(in srgb, var(--ui-color-danger-text) 20%, transparent)}.atl-alert .dismiss{border-radius:var(--ui-radius-sm);cursor:pointer;width:1.75rem;height:1.75rem;color:inherit;opacity:.7;transition:opacity var(--ui-transition-fast), background-color var(--ui-transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.atl-alert .dismiss:hover{opacity:1;background-color:color-mix(in srgb, currentColor 10%, transparent)}.atl-alert .dismiss:focus-visible{box-shadow:var(--ui-focus-ring);opacity:1;outline:none}.atl-alert .content .variant-icon{margin-right:.4em;font-weight:700;line-height:1;display:inline-block}:is(.atl-avatar,.atl-avatar-group),:is(.atl-avatar,.atl-avatar-group) *{box-sizing:border-box}.atl-avatar{font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb, var(--ui-color-primary) 12%, var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.atl-avatar.size-xs{width:24px;height:24px;font-size:.625rem}.atl-avatar.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.atl-avatar.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.atl-avatar.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-md)}.atl-avatar.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-lg)}.atl-avatar.shape-circle{border-radius:var(--ui-radius-full)}.atl-avatar.shape-square{border-radius:var(--ui-radius-md)}.atl-avatar img{object-fit:cover;width:100%;height:100%;display:block}.atl-avatar .initials{letter-spacing:.02em;line-height:1}.atl-avatar .atl-icon.icon{opacity:.6;width:55%;height:55%}.atl-avatar .status-dot{border-radius:var(--ui-radius-full);border:var(--ui-border-width-thick) solid var(--ui-color-surface);box-sizing:content-box;width:25%;min-width:6px;max-width:14px;height:25%;min-height:6px;max-height:14px;position:absolute;bottom:0;right:0}.atl-avatar .status-dot.status-online{background-color:var(--ui-color-success)}.atl-avatar .status-dot.status-offline{background-color:var(--ui-color-text-muted)}.atl-avatar .status-dot.status-away{background-color:var(--ui-color-warning)}.atl-avatar .status-dot.status-busy{background-color:var(--ui-color-danger)}.atl-avatar-group{background:0 0;align-items:center;padding-inline-start:4px;display:inline-flex;overflow:visible}.atl-avatar-group>.atl-avatar{box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);box-shadow:0 0 0 2px var(--ui-color-surface);flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:-8px;display:inline-flex}.overflow-badge.size-xs{width:24px;height:24px;font-size:.5625rem}.overflow-badge.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.overflow-badge.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-md)}.atl-badge,.atl-badge *{box-sizing:border-box}.atl-badge{border-radius:var(--ui-radius-full);font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);line-height:var(--ui-line-height-tight);white-space:nowrap;letter-spacing:var(--ui-letter-spacing-wide);justify-content:center;align-items:center;display:inline-flex}.atl-badge.size-sm{padding:.1875rem var(--ui-spacing-2);font-size:var(--ui-font-size-xs)}.atl-badge.size-md{padding:.3125rem var(--ui-spacing-3);font-size:var(--ui-font-size-sm)}.atl-badge.variant-default{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:var(--ui-border-width) solid var(--ui-color-border)}.atl-badge.variant-success{background-color:var(--ui-color-success-bg);color:var(--ui-color-success-text);border:var(--ui-border-width) solid color-mix(in srgb, var(--ui-color-success-text) 25%, transparent)}.atl-badge.variant-warning{background-color:var(--ui-color-warning-bg);color:var(--ui-color-warning-text);border:var(--ui-border-width) solid color-mix(in srgb, var(--ui-color-warning-text) 25%, transparent)}.atl-badge.variant-danger{background-color:var(--ui-color-danger-bg);color:var(--ui-color-danger-text);border:var(--ui-border-width) solid color-mix(in srgb, var(--ui-color-danger-text) 25%, transparent)}.atl-badge.variant-info{background-color:var(--ui-color-info-bg);color:var(--ui-color-info-text);border:var(--ui-border-width) solid color-mix(in srgb, var(--ui-color-info-text) 25%, transparent)}.atl-badge .variant-icon{margin-right:.3em;font-weight:700;line-height:1}:is(.atl-breadcrumb-item,.atl-breadcrumbs),:is(.atl-breadcrumb-item,.atl-breadcrumbs) *{box-sizing:border-box}.atl-breadcrumbs{font-family:var(--ui-font-family);display:block}.breadcrumbs-list{font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted);flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.atl-breadcrumb-item{align-items:center;display:flex}.atl-breadcrumb-item:after{content:var(--atl-separator,"›");margin:0 var(--ui-spacing-2);color:var(--ui-color-border-hover);font-size:var(--ui-font-size-md);line-height:1}.atl-breadcrumb-item.is-current:after{display:none}.atl-breadcrumb-item .breadcrumb-link{color:var(--ui-color-text-muted);border-radius:var(--ui-radius-sm);padding:var(--ui-spacing-1) var(--ui-spacing-2);margin:calc(var(--ui-spacing-1) * -1) calc(var(--ui-spacing-2) * -1);transition:color var(--ui-transition-fast), background-color var(--ui-transition-fast);text-decoration:none}.atl-breadcrumb-item .breadcrumb-link:hover{color:var(--ui-color-text);background-color:var(--ui-color-surface-sunken)}.atl-breadcrumb-item .breadcrumb-link:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.atl-breadcrumb-item .breadcrumb-current{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}.atl-button,.atl-button *{box-sizing:border-box}.atl-button{justify-content:center;align-items:center;gap:var(--ui-spacing-2);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);line-height:var(--ui-line-height-tight);letter-spacing:var(--ui-letter-spacing-tight);cursor:pointer;transition:background-color var(--ui-transition-fast), border-color var(--ui-transition-fast), color var(--ui-transition-fast), box-shadow var(--ui-transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none;display:inline-flex}.atl-button:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.atl-button.variant-primary{background-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}.atl-button.variant-primary:hover:not(.is-disabled){background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}.atl-button.variant-primary:active:not(.is-disabled){background-color:var(--ui-color-primary-active);border-color:var(--ui-color-primary-active)}.atl-button.variant-secondary{background-color:var(--ui-color-secondary);color:var(--ui-color-text-on-secondary);border-color:var(--ui-color-secondary)}.atl-button.variant-secondary:hover:not(.is-disabled){background-color:var(--ui-color-secondary-hover);border-color:var(--ui-color-secondary-hover)}.atl-button.variant-secondary:active:not(.is-disabled){background-color:var(--ui-color-secondary-active);border-color:var(--ui-color-secondary-active)}.atl-button.variant-outline{background-color:var(--ui-color-surface-raised);color:var(--ui-color-primary);border-color:var(--ui-color-border-strong)}.atl-button.variant-outline:hover:not(.is-disabled){background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-primary)}.atl-button.variant-outline:active:not(.is-disabled){background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-primary-active)}.atl-button.variant-danger{background-color:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger);box-shadow:inset 0 0 0 1px #0000002e}.atl-button.variant-danger:hover:not(.is-disabled){background-color:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover);box-shadow:inset 0 0 0 1px #0000002e}.atl-button.variant-danger:active:not(.is-disabled){background-color:var(--ui-color-danger-active);border-color:var(--ui-color-danger-active);box-shadow:inset 0 0 0 1px #0000002e}.atl-button.size-sm{padding:calc((var(--ui-control-height-sm) - var(--ui-line-height-tight) * var(--ui-font-size-sm)) / 2 - 1px) .875rem;font-size:var(--ui-font-size-sm);min-height:var(--ui-control-height-sm)}.atl-button.size-md{padding:calc((var(--ui-control-height-md) - var(--ui-line-height-tight) * var(--ui-font-size-md)) / 2 - 1px) 1.125rem;font-size:var(--ui-font-size-md);min-height:var(--ui-control-height-md)}.atl-button.size-lg{padding:calc((var(--ui-control-height-lg) - var(--ui-line-height-tight) * var(--ui-font-size-lg)) / 2 - 1px) 1.5rem;font-size:var(--ui-font-size-lg);min-height:var(--ui-control-height-lg)}.atl-button.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed;pointer-events:none}.spinner{border:var(--ui-border-width-thick) solid currentColor;border-radius:var(--ui-radius-full);border-top-color:#0000;flex-shrink:0;width:1em;height:1em;animation:.7s linear infinite atl-spin;display:inline-block}@keyframes atl-spin{to{transform:rotate(360deg)}}:is(.atl-card,.atl-card-content,.atl-card-footer,.atl-card-header),:is(.atl-card,.atl-card-content,.atl-card-footer,.atl-card-header) *{box-sizing:border-box}.atl-card{border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface-raised);display:block;overflow:hidden}.atl-card.variant-elevated{box-shadow:var(--ui-shadow-sm);border:var(--ui-border-width) solid var(--ui-color-border)}.atl-card.variant-outlined{border:var(--ui-border-width) solid var(--ui-color-border);background-color:var(--ui-color-surface-raised)}.atl-card.variant-flat{background-color:var(--ui-color-surface-sunken)}.atl-card.padding-none .atl-card-header,.atl-card.padding-none .atl-card-content,.atl-card.padding-none .atl-card-footer{padding:0}.atl-card.padding-sm .atl-card-header,.atl-card.padding-sm .atl-card-content,.atl-card.padding-sm .atl-card-footer{padding:var(--ui-spacing-4)}.atl-card.padding-md .atl-card-header,.atl-card.padding-md .atl-card-content,.atl-card.padding-md .atl-card-footer{padding:var(--ui-spacing-6)}.atl-card.padding-lg .atl-card-header,.atl-card.padding-lg .atl-card-content,.atl-card.padding-lg .atl-card-footer{padding:var(--ui-spacing-8)}.atl-card-header{font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:var(--ui-border-width) solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight);display:block}.atl-card-content{color:var(--ui-color-text);line-height:var(--ui-line-height-normal);display:block}.atl-card-footer{align-items:center;gap:var(--ui-spacing-3);border-top:var(--ui-border-width) solid var(--ui-color-border);display:flex}.atl-checkbox,.atl-checkbox *{box-sizing:border-box}.atl-checkbox{font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);display:block}.atl-checkbox label{align-items:center;gap:var(--ui-spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal);min-height:1.5rem;display:inline-flex}.atl-checkbox input[type=checkbox]{appearance:none;border:var(--ui-border-width-thick) solid var(--ui-color-border-strong);border-radius:var(--ui-radius-sm);background-color:var(--ui-color-input-bg);cursor:pointer;width:1.25rem;height:1.25rem;transition:border-color var(--ui-transition-fast), background-color var(--ui-transition-fast), box-shadow var(--ui-transition-fast);outline:none;flex-shrink:0;position:relative}.atl-checkbox input[type=checkbox]:hover:not(:disabled){border-color:var(--ui-color-primary);background-color:var(--ui-color-primary-light)}.atl-checkbox input[type=checkbox]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}.atl-checkbox input[type=checkbox]:checked{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.atl-checkbox input[type=checkbox]:checked:after{content:"";border:var(--ui-border-width-thick) solid var(--ui-color-text-on-primary);width:.35rem;height:.6rem;animation:atl-check-pop var(--ui-duration-normal) var(--ui-ease-spring);border-top:none;border-left:none;margin:auto;position:absolute;inset:0;transform:rotate(45deg)translate(-1px,-1px)}.atl-checkbox input[type=checkbox]:indeterminate{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.atl-checkbox input[type=checkbox]:indeterminate:after{content:"";background-color:var(--ui-color-text-on-primary);width:.5rem;height:2px;animation:atl-check-pop var(--ui-duration-normal) var(--ui-ease-spring);margin:auto;position:absolute;inset:0}.atl-checkbox.is-invalid input[type=checkbox]{border-color:var(--ui-color-input-border-invalid)}.atl-checkbox.is-invalid input[type=checkbox]:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface), 0 0 0 4px var(--ui-color-danger)}.atl-checkbox.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-checkbox.is-disabled label,.atl-checkbox.is-disabled input[type=checkbox]{cursor:not-allowed}.atl-checkbox .errors{margin-top:var(--ui-spacing-2)}.atl-checkbox .error-message{font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal);margin:0}@keyframes atl-check-pop{0%{transform:rotate(45deg)translate(-1px,-1px)scale(0)}60%{transform:rotate(45deg)translate(-1px,-1px)scale(1.15)}to{transform:rotate(45deg)translate(-1px,-1px)scale(1)}}:is(.atl-dialog,.atl-dialog-content,.atl-dialog-footer,.atl-dialog-header),:is(.atl-dialog,.atl-dialog-content,.atl-dialog-footer,.atl-dialog-header) *{box-sizing:border-box}.atl-dialog{all:unset;width:fit-content;max-width:100vw;height:fit-content;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl,0 20px 60px #0000004d);color:var(--ui-color-text);opacity:0;transition:opacity var(--ui-duration-slow) var(--ui-ease-out,ease-out), transform var(--ui-duration-slow) var(--ui-ease-out,ease-out), display var(--ui-duration-slow) allow-discrete, overlay var(--ui-duration-slow) allow-discrete;flex-direction:column;margin:auto;display:none;position:fixed;inset:0;overflow:hidden;transform:scale(.95)}.atl-dialog[open]{opacity:1;display:flex;transform:scale(1)}@starting-style{.atl-dialog[open]{opacity:0;transform:scale(.95)}}.atl-dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out,ease-out), display var(--ui-duration-slow) allow-discrete, overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-dialog[open]::backdrop{opacity:0}}@media (prefers-color-scheme:dark){.atl-dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-dialog::backdrop{background:var(--ui-color-overlay)}.panel{width:100%;max-height:inherit;flex-direction:column;display:flex;overflow:hidden}.atl-dialog.size-sm,dialog>.panel.size-sm{width:min(24rem,90vw)}.atl-dialog.size-md,dialog>.panel.size-md{width:min(36rem,90vw)}.atl-dialog.size-lg,dialog>.panel.size-lg{width:min(48rem,90vw)}.atl-dialog.size-xl,dialog>.panel.size-xl{width:min(64rem,90vw)}.atl-dialog.size-full,dialog>.panel.size-full{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}.atl-dialog-header{padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0;justify-content:space-between;align-items:center;font-weight:600;display:flex}.atl-dialog-content{padding:var(--ui-spacing-6);color:var(--ui-color-text);flex:1;display:block;overflow-y:auto}.atl-dialog-footer{justify-content:flex-end;align-items:center;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0;display:flex}:is(.atl-drawer-content,.atl-drawer-footer,.atl-drawer-header,.atl-drawer-host),:is(.atl-drawer-content,.atl-drawer-footer,.atl-drawer-header,.atl-drawer-host) *{box-sizing:border-box}.atl-drawer-host{display:contents}.atl-drawer-host dialog{all:unset;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl,0 20px 60px #0000004d);color:var(--ui-color-text);transition:transform var(--ui-duration-slow) var(--ui-ease-out,ease-out), display var(--ui-duration-slow) allow-discrete, overlay var(--ui-duration-slow) allow-discrete;flex-direction:column;display:none;position:fixed;overflow:hidden}.atl-drawer-host dialog[open]{display:flex;transform:translate(0)!important}.atl-drawer-host dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out,ease-out), display var(--ui-duration-slow) allow-discrete, overlay var(--ui-duration-slow) allow-discrete}@starting-style{.atl-drawer-host dialog[open]::backdrop{opacity:0}}@media (prefers-color-scheme:dark){.atl-drawer-host dialog::backdrop{background:var(--ui-color-overlay)}}[data-theme=dark] .atl-drawer-host dialog::backdrop{background:var(--ui-color-overlay)}.atl-drawer-host .panel{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.atl-drawer-host.position-right dialog{height:100dvh;inset:0 0 0 auto;transform:translate(100%)}@starting-style{.atl-drawer-host.position-right dialog[open]{transform:translate(100%)}}.atl-drawer-host.position-left dialog{height:100dvh;inset:0 auto 0 0;transform:translate(-100%)}@starting-style{.atl-drawer-host.position-left dialog[open]{transform:translate(-100%)}}.atl-drawer-host.position-top dialog{width:100vw;inset:0 0 auto;transform:translateY(-100%)}@starting-style{.atl-drawer-host.position-top dialog[open]{transform:translateY(-100%)}}.atl-drawer-host.position-bottom dialog{width:100vw;inset:auto 0 0;transform:translateY(100%)}@starting-style{.atl-drawer-host.position-bottom dialog[open]{transform:translateY(100%)}}.atl-drawer-host.position-right.size-sm dialog,.atl-drawer-host.position-left.size-sm dialog{width:20rem}.atl-drawer-host.position-right.size-md dialog,.atl-drawer-host.position-left.size-md dialog{width:28rem}.atl-drawer-host.position-right.size-lg dialog,.atl-drawer-host.position-left.size-lg dialog{width:40rem}.atl-drawer-host.position-right.size-full dialog,.atl-drawer-host.position-left.size-full dialog{width:100vw}.atl-drawer-host.position-top.size-sm dialog,.atl-drawer-host.position-bottom.size-sm dialog{height:12rem}.atl-drawer-host.position-top.size-md dialog,.atl-drawer-host.position-bottom.size-md dialog{height:20rem}.atl-drawer-host.position-top.size-lg dialog,.atl-drawer-host.position-bottom.size-lg dialog{height:32rem}.atl-drawer-host.position-top.size-full dialog,.atl-drawer-host.position-bottom.size-full dialog{height:100dvh}.atl-drawer-header{padding:var(--ui-spacing-5) var(--ui-spacing-6);border-bottom:var(--ui-border-width) solid var(--ui-color-border);font-size:var(--ui-font-size-xl);letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0;justify-content:space-between;align-items:center;font-weight:600;display:flex}.atl-drawer-content{padding:var(--ui-spacing-6);color:var(--ui-color-text);flex:1;display:block;overflow-y:auto}.atl-drawer-footer{justify-content:flex-end;align-items:center;gap:var(--ui-spacing-3);padding:var(--ui-spacing-5) var(--ui-spacing-6);border-top:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0;display:flex}.close-btn{width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);margin-left:var(--ui-spacing-3);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast), color var(--ui-transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.atl-input,.atl-input *{box-sizing:border-box}.atl-input{font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);display:block}.atl-input input{width:100%;min-height:var(--ui-control-height-md);padding:calc((var(--ui-control-height-md) - var(--ui-line-height-tight) * var(--ui-font-size-md)) / 2 - var(--ui-border-width)) var(--ui-spacing-4);font-size:inherit;font-family:inherit;line-height:var(--ui-line-height-tight);color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:var(--ui-border-width) solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);transition:border-color var(--ui-transition-fast), box-shadow var(--ui-transition-fast), background-color var(--ui-transition-fast);box-sizing:border-box;outline:none;display:block}.atl-input input::placeholder{color:var(--ui-color-placeholder)}.atl-input input:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}.atl-input input:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}.atl-input .input-field{position:relative}.atl-input.is-invalid input{border-color:var(--ui-color-input-border-invalid);padding-right:2.25rem}.atl-input.is-invalid input:focus{border-color:var(--ui-color-input-border-invalid);box-shadow:var(--ui-focus-ring-danger)}.atl-input.is-invalid .input-field .invalid-icon{color:var(--ui-color-danger);pointer-events:none;position:absolute;top:50%;right:.875rem;transform:translateY(-50%)}.atl-input.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-input.is-disabled input{cursor:not-allowed}.atl-input.is-readonly input{background-color:var(--ui-color-surface-sunken);cursor:default;border-color:#0000}.atl-input .errors{margin-top:var(--ui-spacing-2)}.atl-input .error-message{font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal);margin:0}:is(.atl-menu,.atl-menu-item,.atl-menu-panel,.atl-menu-separator),:is(.atl-menu,.atl-menu-item,.atl-menu-panel,.atl-menu-separator) *{box-sizing:border-box}.atl-menu{min-width:12rem;padding:var(--ui-spacing-2) 0;background:var(--ui-color-surface-raised);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-lg);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);color:var(--ui-color-text);animation:atl-menu-enter var(--ui-duration-normal) var(--ui-ease-out) forwards;outline:none;display:block;overflow:hidden}.atl-menu.variant-compact{font-size:var(--ui-font-size-sm);padding:var(--ui-spacing-1) 0}.atl-menu.variant-compact .atl-menu-item{min-height:var(--ui-control-height-sm);line-height:var(--ui-line-height-tight);padding:calc((var(--ui-control-height-sm) - var(--ui-line-height-tight) * var(--ui-font-size-sm)) / 2) var(--ui-spacing-3)}@keyframes atl-menu-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.atl-menu-item{align-items:center;gap:var(--ui-spacing-3);min-height:2.25rem;padding:var(--ui-spacing-2) var(--ui-spacing-4);cursor:pointer;color:var(--ui-color-text);transition:background var(--ui-transition-fast);font:inherit;text-align:start;background:0 0;border:none;outline:none;width:100%;display:flex}.atl-menu-item:hover,.atl-menu-item:focus-visible{background:var(--ui-color-surface-sunken)}.atl-menu-item.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-menu-separator{height:1px;margin:var(--ui-spacing-2) 0;background:var(--ui-color-border);border:none;display:block}.atl-menu-panel{z-index:var(--ui-z-dropdown,100);top:calc(100% + var(--ui-spacing-2));min-width:100%;position:absolute;left:0}.atl-pagination,.atl-pagination *{box-sizing:border-box}.atl-pagination{font-family:var(--ui-font-family);display:block}.page-list{align-items:center;gap:var(--ui-spacing-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.page-btn{all:unset;min-width:2.25rem;height:2.25rem;padding:0 var(--ui-spacing-2);border-radius:var(--ui-radius-md);border:var(--ui-border-width) solid transparent;color:var(--ui-color-text);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ui-transition-fast), border-color var(--ui-transition-fast), color var(--ui-transition-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.page-btn:hover:not(:disabled){background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.page-btn:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.page-btn.is-active{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary);font-weight:var(--ui-font-weight-semibold)}.page-btn.is-active:hover{background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}.page-btn.is-disabled,.page-btn:disabled{opacity:var(--ui-opacity-disabled);pointer-events:none;cursor:default}.ellipsis{min-width:2.25rem;height:2.25rem;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.atl-progress,.atl-progress *{box-sizing:border-box}.atl-progress{width:100%;font-family:var(--ui-font-family);display:block}.track{border-radius:var(--ui-radius-full);background-color:var(--ui-color-surface-sunken);width:100%;position:relative;overflow:hidden}.atl-progress.size-sm .track{height:6px}.atl-progress.size-md .track{height:10px}.atl-progress.size-lg .track{height:14px}.fill{border-radius:var(--ui-radius-full);background-color:var(--ui-color-primary);height:100%;transition:width var(--ui-transition-normal)}.atl-progress.variant-success .fill{background-color:var(--ui-color-success)}.atl-progress.variant-warning .fill{background-color:var(--ui-color-warning)}.atl-progress.variant-danger .fill{background-color:var(--ui-color-danger)}@keyframes progress-indeterminate{0%{transform:translate(-150%)}to{transform:translate(350%)}}.atl-progress.is-indeterminate .fill{animation:progress-indeterminate 1.4s var(--ui-ease-in-out) infinite;width:40%!important}@media (prefers-reduced-motion:reduce){.atl-progress.is-indeterminate .fill{opacity:.5;animation:none}}:is(.atl-combobox,.atl-combobox-check,.atl-combobox-error-message,.atl-combobox-errors,.atl-combobox-icon,.atl-combobox-input,.atl-combobox-no-results,.atl-combobox-option,.atl-combobox-panel,.atl-combobox-wrapper),:is(.atl-combobox,.atl-combobox-check,.atl-combobox-error-message,.atl-combobox-errors,.atl-combobox-icon,.atl-combobox-input,.atl-combobox-no-results,.atl-combobox-option,.atl-combobox-panel,.atl-combobox-wrapper) *{box-sizing:border-box}.atl-combobox{font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);display:block;position:relative}.atl-combobox-wrapper{align-items:center;display:flex;position:relative}.atl-combobox-input{width:100%;min-height:var(--ui-control-height-md);box-sizing:border-box;line-height:var(--ui-line-height-tight);padding:calc((var(--ui-control-height-md) - var(--ui-line-height-tight) * var(--ui-font-size-md)) / 2 - var(--ui-border-width)) var(--ui-spacing-8) calc((var(--ui-control-height-md) - var(--ui-line-height-tight) * var(--ui-font-size-md)) / 2 - var(--ui-border-width)) var(--ui-spacing-4);font-family:inherit;font-size:inherit;color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:var(--ui-border-width) solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);transition:border-color var(--ui-transition-fast), box-shadow var(--ui-transition-fast), background-color var(--ui-transition-fast);cursor:text;outline:none}.atl-combobox-input::placeholder{color:var(--ui-color-placeholder)}.atl-combobox-input:hover:not(:disabled){border-color:var(--ui-color-input-border-hover)}.atl-combobox-input:focus-visible,.atl-combobox.is-open .atl-combobox-input{border-color:var(--ui-color-input-border-focus);box-shadow:var(--ui-focus-ring)}.atl-combobox.is-invalid .atl-combobox-input{border-color:var(--ui-color-input-border-invalid)}.atl-combobox.is-invalid .atl-combobox-input:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface), 0 0 0 4px var(--ui-color-danger)}.atl-combobox.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-combobox.is-disabled .atl-combobox-input{cursor:not-allowed}.atl-combobox-icon{right:var(--ui-spacing-4);pointer-events:none;color:var(--ui-color-text-muted);transition:transform var(--ui-transition-fast);align-items:center;display:flex;position:absolute}.atl-combobox.is-open .atl-combobox-icon{transform:rotate(180deg)}.atl-combobox-panel{left:0;top:calc(100% + var(--ui-spacing-2));width:100%;max-height:16rem;padding:var(--ui-spacing-2) 0;background-color:var(--ui-color-surface-raised);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-lg);z-index:var(--ui-z-dropdown);margin:0;list-style:none;position:absolute;overflow-y:auto}.atl-combobox-option{min-height:2.25rem;padding:var(--ui-spacing-2) var(--ui-spacing-4);cursor:pointer;color:var(--ui-color-text);font-size:var(--ui-font-size-md);transition:background-color var(--ui-transition-fast);justify-content:space-between;align-items:center;display:flex}.atl-combobox-option:hover:not(.is-disabled){background-color:var(--ui-color-surface-sunken)}.atl-combobox-option.is-active{background-color:var(--ui-color-primary-light);color:var(--ui-color-primary)}.atl-combobox-option.is-selected{font-weight:var(--ui-font-weight-semibold)}.atl-combobox-option.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-combobox-check{color:var(--ui-color-primary);flex-shrink:0}.atl-combobox-no-results{padding:var(--ui-spacing-4);text-align:center;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm)}.atl-combobox-errors{margin-top:var(--ui-spacing-2)}.atl-combobox-error-message{font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal);margin:0}.atl-combobox.is-readonly .atl-combobox-input{cursor:default;border-color:#0000}.atl-radio-group,.atl-radio-group *{box-sizing:border-box}.atl-radio-group{font-family:var(--ui-font-family);gap:var(--ui-spacing-3);display:flex}.atl-radio-group.orientation-vertical{flex-direction:column}.atl-radio-group.orientation-horizontal{flex-flow:wrap}.atl-radio-group.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-radio-group .errors{margin-top:var(--ui-spacing-2)}.atl-radio-group .error-message{font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal);margin:0}.atl-radio,.atl-radio *{box-sizing:border-box}.atl-radio{align-items:center;gap:var(--ui-spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);padding:var(--ui-spacing-1) 0;min-height:1.5rem;transition:color var(--ui-transition-fast);display:inline-flex}.atl-radio:hover:not(.is-disabled){color:var(--ui-color-primary)}.atl-radio input[type=radio]{appearance:none;border:var(--ui-border-width-thick) solid var(--ui-color-border-strong);background-color:var(--ui-color-input-bg);cursor:pointer;width:1.25rem;height:1.25rem;transition:border-color var(--ui-transition-fast), border-width var(--ui-transition-fast) var(--ui-ease-out), background-color var(--ui-transition-fast), box-shadow var(--ui-transition-fast);border-radius:50%;outline:none;flex-shrink:0;margin:0;position:relative}.atl-radio:hover input[type=radio]:not(:disabled){border-color:var(--ui-color-primary)}.atl-radio input[type=radio]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}.atl-radio input[type=radio]:checked{border-color:var(--ui-color-primary);border-width:6px}.atl-radio.is-invalid input[type=radio]{border-color:var(--ui-color-input-border-invalid)}.atl-radio.is-invalid:hover input[type=radio]{border-color:var(--ui-color-danger-hover)}.atl-radio.is-invalid input[type=radio]:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface), 0 0 0 4px var(--ui-color-danger)}.atl-radio.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed;color:var(--ui-color-text-muted)}.atl-radio.is-disabled input[type=radio]{cursor:not-allowed;border-color:var(--ui-color-border)}.atl-select,.atl-select *{box-sizing:border-box}.atl-select{font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);display:inline-block;position:relative}.atl-select label{margin-bottom:var(--ui-spacing-2);font-size:var(--ui-font-size-sm);color:var(--ui-color-text);font-weight:var(--ui-font-weight-medium);display:block}.atl-select .select-wrapper{align-items:center;display:flex;position:relative}.atl-select select{width:100%;min-height:var(--ui-control-height-md);line-height:var(--ui-line-height-tight);padding:calc((var(--ui-control-height-md) - var(--ui-line-height-tight) * var(--ui-font-size-md)) / 2 - var(--ui-border-width)) var(--ui-spacing-4);background:var(--ui-color-input-bg);border:var(--ui-border-width) solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);color:var(--ui-color-text);font-family:inherit;font-size:inherit;cursor:pointer;appearance:none;transition:border-color var(--ui-transition-fast), box-shadow var(--ui-transition-fast), background-color var(--ui-transition-fast);justify-content:space-between;align-items:center;padding-inline-end:calc(var(--ui-spacing-4) + 1.25rem);display:flex}.atl-select select:hover:not(:disabled){border-color:var(--ui-color-input-border-hover)}.atl-select select:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus);outline:none}.atl-select select:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-select.is-invalid select{border-color:var(--ui-color-input-border-invalid)}.atl-select .select-arrow{pointer-events:none;font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);position:absolute;inset-inline-end:var(--ui-spacing-4)}.atl-select .errors{margin-top:var(--ui-spacing-2)}.atl-select .error-message{font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);margin:0}.atl-skeleton,.atl-skeleton *{box-sizing:border-box}.atl-skeleton{background:var(--ui-color-border);display:block;position:relative;overflow:hidden}.atl-skeleton.variant-text{border-radius:var(--ui-radius-sm)}.atl-skeleton.variant-circular{border-radius:var(--ui-radius-full,9999px)}.atl-skeleton.variant-rectangular{border-radius:var(--ui-radius-md)}.atl-skeleton.is-animated:after{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--ui-color-surface-raised) 80%, transparent) 50%, transparent 100%);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.atl-skeleton.is-animated:after{animation:none}}.atl-stepper,.atl-stepper *{box-sizing:border-box}.atl-stepper{font-family:var(--ui-font-family);display:block}.stepper-header{align-items:center;display:flex}.step-item{flex-direction:column;align-items:center;min-width:0;display:flex}.step-connector{background:var(--ui-color-border);border-radius:var(--ui-radius-full);height:2px;transition:background var(--ui-transition-normal) var(--ui-ease-out);min-width:var(--ui-spacing-4);flex:1}.step-connector.is-active{background:var(--ui-color-primary)}.step-circle{all:unset;box-sizing:border-box;border:var(--ui-border-width-thick) solid var(--ui-color-border);background:var(--ui-color-surface);width:36px;height:36px;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-semibold);cursor:pointer;transition:var(--ui-transition-normal) var(--ui-ease-out);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition-property:border-color,background-color,color,box-shadow;display:inline-flex}.step-circle:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.step-circle:disabled{cursor:not-allowed}.step-text{margin-top:var(--ui-spacing-2);text-align:center;flex-direction:column;align-items:center;display:flex}.step-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text-muted);white-space:nowrap}.step-description{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);margin-top:2px}.step-optional{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted);margin-top:2px;font-style:italic}.stepper-content{margin-top:var(--ui-spacing-6)}.stepper-content [role=tabpanel][hidden]{display:none}.step-item.is-active .step-circle{border-color:var(--ui-color-primary);color:var(--ui-color-primary)}.step-item.is-active .step-label{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}.step-item.is-completed .step-circle{border-color:var(--ui-color-primary);background:var(--ui-color-primary);color:var(--ui-color-text-on-primary)}.step-item.is-completed .step-label{color:var(--ui-color-text)}.step-item.is-error .step-circle{border-color:var(--ui-color-danger);background:var(--ui-color-danger);color:var(--ui-color-text-on-danger,#fff)}.step-item.is-error .step-label{color:var(--ui-color-danger)}.step-item.is-disabled .step-circle{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.step-item.is-disabled .step-label{opacity:var(--ui-opacity-disabled)}.atl-stepper.orientation-vertical .stepper-header{flex-direction:column;align-items:stretch}.atl-stepper.orientation-vertical .step-item{align-items:flex-start;gap:var(--ui-spacing-3);flex-direction:row}.atl-stepper.orientation-vertical .step-text{text-align:left;padding-top:var(--ui-spacing-1);align-items:flex-start;margin-top:0}.atl-stepper.orientation-vertical .step-connector{width:2px;height:var(--ui-spacing-6);flex:none;min-width:0;margin-left:17px}:is(.atl-table,.atl-table-wrapper,.atl-tbody-empty-cell,.atl-th-sort-asc-arrow,.atl-th-sort-btn,.atl-th-sort-desc-arrow,.atl-th-sort-icon,.atl-tr-select-cell),:is(.atl-table,.atl-table-wrapper,.atl-tbody-empty-cell,.atl-th-sort-asc-arrow,.atl-th-sort-btn,.atl-th-sort-desc-arrow,.atl-th-sort-icon,.atl-tr-select-cell) *{box-sizing:border-box}.atl-table{font-family:var(--ui-font-family);color:var(--ui-color-text);display:block}.atl-table-wrapper{width:100%;overflow-x:auto}.atl-table table{border-collapse:collapse;width:100%}.atl-table thead th{font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text-muted);letter-spacing:var(--ui-letter-spacing-wide);text-transform:uppercase;border-bottom:var(--ui-border-width-thick) solid var(--ui-color-border);background-color:var(--ui-color-surface);padding:var(--ui-spacing-3) var(--ui-spacing-4);text-align:start;white-space:nowrap}.atl-table tbody td{border-bottom:var(--ui-border-width) solid var(--ui-color-border);padding:var(--ui-spacing-3) var(--ui-spacing-4);vertical-align:middle;background-color:var(--ui-color-surface);transition:background-color var(--ui-transition-fast)}.atl-table.size-sm thead th,.atl-table.size-sm tbody td{padding:var(--ui-spacing-2) var(--ui-spacing-3);font-size:var(--ui-font-size-xs)}.atl-table.size-md thead th,.atl-table.size-md tbody td{padding:var(--ui-spacing-3) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.atl-table.size-lg thead th,.atl-table.size-lg tbody td{padding:var(--ui-spacing-4) var(--ui-spacing-6);font-size:var(--ui-font-size-md)}.atl-table.variant-striped tbody tr:nth-child(2n) td{background-color:var(--ui-color-surface-sunken)}.atl-table.variant-bordered thead th,.atl-table.variant-bordered tbody td{border:var(--ui-border-width) solid var(--ui-color-border)}th.align-start,td.align-start{text-align:start}th.align-center,td.align-center{text-align:center}th.align-end,td.align-end{text-align:end}.atl-table tbody tr:hover td{background-color:var(--ui-color-surface-sunken)}.atl-table tbody tr.is-selected td,.atl-table tbody tr.is-selected:hover td{background-color:var(--ui-color-primary-light)}.atl-tr-select-cell{text-align:center;width:2.75rem}.atl-tr-select-cell .atl-checkbox label{justify-content:center}.atl-table.is-sticky-header thead th{z-index:1;box-shadow:0 1px 0 0 var(--ui-color-border);position:sticky;top:0}.atl-th-sort-btn{all:unset;box-sizing:border-box;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;font:inherit;color:inherit;font-weight:inherit;width:100%;display:inline-flex}.atl-th-sort-btn:focus-visible{box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-sm);outline:none}.atl-th-sort-icon{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.atl-table .atl-th-sort-icon .atl-icon{width:.625rem;height:.5rem}.atl-th-sort-asc-arrow,.atl-th-sort-desc-arrow{opacity:.25;transition:opacity var(--ui-transition-fast)}th.is-sorted .atl-th-sort-icon{color:var(--ui-color-primary)}th.sort-asc .atl-th-sort-asc-arrow,th.sort-desc .atl-th-sort-desc-arrow{opacity:1}.atl-tbody-empty-cell{text-align:center;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-md);padding:var(--ui-spacing-12) var(--ui-spacing-4)!important;background-color:var(--ui-color-surface)!important}.atl-tab-group,.atl-tab-group *{box-sizing:border-box}.atl-tab-group{font-family:var(--ui-font-family);color:var(--ui-color-text);display:block}.atl-tab-group .tablist{gap:var(--ui-spacing-2);border-bottom:var(--ui-border-width) solid var(--ui-color-border);scrollbar-width:none;display:flex;overflow-x:auto}.atl-tab-group .tablist::-webkit-scrollbar{display:none}.atl-tab-group .tablist button{all:unset;box-sizing:border-box;min-height:var(--ui-control-height-md);line-height:var(--ui-line-height-tight);padding:calc((var(--ui-control-height-md) - var(--ui-line-height-tight) * var(--ui-font-size-sm)) / 2) var(--ui-spacing-4);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text-muted);cursor:pointer;transition:var(--ui-transition-fast);border-radius:var(--ui-radius-md) var(--ui-radius-md) 0 0;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;transition-property:color,background-color;display:inline-flex;position:relative}.atl-tab-group .tablist button:after{content:"";bottom:-1px;left:var(--ui-spacing-2);right:var(--ui-spacing-2);border-radius:var(--ui-radius-full) var(--ui-radius-full) 0 0;height:3px;transition:background var(--ui-transition-fast);background:0 0;position:absolute}.atl-tab-group .tablist button.is-active{color:var(--ui-color-primary)}.atl-tab-group .tablist button.is-active:after{background:var(--ui-color-primary)}.atl-tab-group .tablist button:hover:not(.is-disabled):not(.is-active){color:var(--ui-color-text);background:var(--ui-color-surface-sunken)}.atl-tab-group .tablist button:focus-visible{box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md);outline:none}.atl-tab-group .tablist button.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-tab-group [role=tabpanel]{padding:var(--ui-spacing-5) 0}.atl-tab-group [role=tabpanel]:focus-visible{box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md);outline:none}.atl-tab-group.variant-pills .tablist{gap:var(--ui-spacing-2);padding:var(--ui-spacing-1);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);border-bottom:none}.atl-tab-group.variant-pills .tablist button{border-radius:var(--ui-radius-md);min-height:var(--ui-control-height-sm);line-height:var(--ui-line-height-tight);padding:calc((var(--ui-control-height-sm) - var(--ui-line-height-tight) * var(--ui-font-size-sm)) / 2) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.atl-tab-group.variant-pills .tablist button:after{display:none}.atl-tab-group.variant-pills .tablist button.is-active{background:var(--ui-color-surface);color:var(--ui-color-text);box-shadow:var(--ui-shadow-sm)}.atl-tab-group.variant-pills .tablist button:hover:not(.is-disabled):not(.is-active){color:var(--ui-color-text);background:0 0}.atl-textarea,.atl-textarea *{box-sizing:border-box}.atl-textarea{font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);display:block}.atl-textarea textarea{width:100%;padding:.625rem var(--ui-spacing-4);font-size:inherit;font-family:inherit;line-height:var(--ui-line-height-normal);color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:var(--ui-border-width) solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);transition:border-color var(--ui-transition-fast), box-shadow var(--ui-transition-fast), background-color var(--ui-transition-fast);box-sizing:border-box;resize:vertical;outline:none;min-height:5rem;display:block}.atl-textarea textarea::placeholder{color:var(--ui-color-placeholder)}.atl-textarea textarea:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}.atl-textarea textarea:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}.atl-textarea .textarea-field{position:relative}.atl-textarea.is-invalid textarea{border-color:var(--ui-color-input-border-invalid);padding-right:2.25rem}.atl-textarea.is-invalid textarea:focus{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface), 0 0 0 4px var(--ui-color-danger)}.atl-textarea.is-invalid .textarea-field .invalid-icon{color:var(--ui-color-danger);pointer-events:none;position:absolute;top:50%;right:.875rem;transform:translateY(-50%)}.atl-textarea.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-textarea.is-disabled textarea{cursor:not-allowed}.atl-textarea.is-readonly textarea{background-color:var(--ui-color-surface-sunken);cursor:default;border-color:#0000}.atl-textarea.is-auto-resize textarea{resize:none;overflow:hidden}.atl-textarea .errors{margin-top:var(--ui-spacing-2)}.atl-textarea .error-message{font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal);margin:0}:is(.atl-toast,.atl-toast-container),:is(.atl-toast,.atl-toast-container) *{box-sizing:border-box}.atl-toast-container{z-index:var(--ui-z-toast,400);gap:var(--ui-spacing-2);pointer-events:none;box-sizing:border-box;flex-direction:column;max-width:min(24rem,100vw - 2rem);display:flex;position:fixed}.atl-toast-container.position-bottom-right{bottom:var(--ui-spacing-4);right:var(--ui-spacing-4);align-items:flex-end}.atl-toast-container.position-bottom-center{bottom:var(--ui-spacing-4);align-items:center;left:50%;transform:translate(-50%)}.atl-toast-container.position-top-right{top:var(--ui-spacing-4);right:var(--ui-spacing-4);align-items:flex-end}.atl-toast-container.position-top-center{top:var(--ui-spacing-4);align-items:center;left:50%;transform:translate(-50%)}.atl-toast{align-items:center;gap:var(--ui-spacing-3);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);box-shadow:var(--ui-shadow-lg);background-color:var(--ui-color-surface-raised,var(--ui-color-surface));color:var(--ui-color-text);pointer-events:auto;box-sizing:border-box;border-left:4px solid #0000;min-width:18rem;max-width:100%;animation:.3s ease-out toast-enter;display:flex}.atl-toast.variant-default{border-left-color:var(--ui-color-border)}.atl-toast.variant-success{border-left-color:var(--ui-color-success);background-color:color-mix(in srgb, var(--ui-color-success) 8%, var(--ui-color-surface-raised,var(--ui-color-surface)))}.atl-toast.variant-warning{border-left-color:var(--ui-color-warning);background-color:color-mix(in srgb, var(--ui-color-warning) 8%, var(--ui-color-surface-raised,var(--ui-color-surface)))}.atl-toast.variant-danger{border-left-color:var(--ui-color-danger);background-color:color-mix(in srgb, var(--ui-color-danger) 8%, var(--ui-color-surface-raised,var(--ui-color-surface)))}.atl-toast.variant-info{border-left-color:var(--ui-color-info);background-color:color-mix(in srgb, var(--ui-color-info) 8%, var(--ui-color-surface-raised,var(--ui-color-surface)))}.atl-toast .message{flex:1}.atl-toast .dismiss{border-radius:var(--ui-radius-sm);cursor:pointer;width:1.75rem;height:1.75rem;color:var(--ui-color-text-muted,currentColor);opacity:.7;transition:opacity var(--ui-transition-fast,.15s), background-color var(--ui-transition-fast,.15s);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.atl-toast .dismiss:hover{opacity:1;background-color:color-mix(in srgb, currentColor 10%, transparent)}.atl-toast .dismiss:focus-visible{box-shadow:var(--ui-focus-ring);opacity:1;outline:none}@keyframes toast-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.atl-toast{animation:none}}.atl-toggle,.atl-toggle *{box-sizing:border-box}.atl-toggle{font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);display:block}.atl-toggle label{align-items:center;gap:var(--ui-spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal);min-height:1.5rem;display:inline-flex}.atl-toggle input[type=checkbox]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.atl-toggle .track{border-radius:var(--ui-radius-full);border:var(--ui-border-width) solid var(--ui-color-border-strong);background-color:var(--ui-color-input-bg);width:2.75rem;height:1.5rem;transition:background-color var(--ui-transition-fast), border-color var(--ui-transition-fast), box-shadow var(--ui-transition-fast);cursor:pointer;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.atl-toggle .thumb{border-radius:var(--ui-radius-full);background-color:var(--ui-color-border-strong);width:1.125rem;height:1.125rem;box-shadow:var(--ui-shadow-xs);transition:transform var(--ui-transition-normal) var(--ui-ease-out), background-color var(--ui-transition-fast);position:absolute;left:.125rem}.atl-toggle label:hover:not(:has(input:disabled)) .track{border-color:var(--ui-color-primary)}.atl-toggle input[type=checkbox]:focus-visible+.track{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-primary)}.atl-toggle.is-checked .track{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.atl-toggle.is-checked .thumb{background-color:var(--ui-color-text-on-primary);transform:translate(1.25rem)}.atl-toggle.is-invalid .track{border-color:var(--ui-color-input-border-invalid)}.atl-toggle.is-invalid input[type=checkbox]:focus-visible+.track{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface), 0 0 0 4px var(--ui-color-danger)}.atl-toggle.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-toggle.is-disabled label,.atl-toggle.is-disabled .track{cursor:not-allowed}.atl-toggle .errors{margin-top:var(--ui-spacing-2)}.atl-toggle .error-message{font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal);margin:0}:is(.atl-tooltip,.atl-tooltip-wrapper),:is(.atl-tooltip,.atl-tooltip-wrapper) *{box-sizing:border-box}.atl-tooltip-wrapper{display:inline-block;position:relative}.atl-tooltip{z-index:var(--ui-z-tooltip,200);padding:var(--ui-spacing-1) var(--ui-spacing-2);background:var(--ui-color-text);color:var(--ui-color-surface);font-family:var(--ui-font-family);font-size:var(--ui-font-size-xs);line-height:var(--ui-line-height-normal);border-radius:var(--ui-radius-sm);box-shadow:var(--ui-shadow-md);word-wrap:break-word;pointer-events:none;white-space:nowrap;max-width:20rem;animation:atl-tooltip-enter var(--ui-duration-fast) var(--ui-ease-out) forwards;display:block;position:absolute}.atl-tooltip.position-above{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.atl-tooltip.position-below{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.atl-tooltip.position-left{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.atl-tooltip.position-right{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}@keyframes atl-tooltip-enter{0%{opacity:0;transform:scale(.95)translate(-50%)}to{opacity:1;transform:scale(1)translate(-50%)}}.atl-tooltip.position-left,.atl-tooltip.position-right{animation:atl-tooltip-enter-side var(--ui-duration-fast) var(--ui-ease-out) forwards}@keyframes atl-tooltip-enter-side{0%{opacity:0;transform:scale(.95)translateY(-50%)}to{opacity:1;transform:scale(1)translateY(-50%)}}.atl-code-block,.atl-code-block *{box-sizing:border-box}.atl-code-block{border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-family);display:block;overflow:hidden}.code-block-header{line-height:var(--ui-line-height-tight);padding:0 var(--ui-spacing-4);background:var(--ui-color-surface-raised);border-bottom:var(--ui-border-width) solid var(--ui-color-border);min-height:var(--ui-control-height-md);justify-content:space-between;align-items:center;display:flex}.code-block-label{font-family:var(--ui-font-mono,"Menlo", "Monaco", "Courier New", monospace);letter-spacing:.03em;color:var(--ui-color-text-muted);text-transform:lowercase;-webkit-user-select:none;user-select:none;font-size:.72rem;font-weight:600}.code-block-copy{border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-sm);color:var(--ui-color-text-muted);cursor:pointer;transition:color var(--ui-transition-fast), background var(--ui-transition-fast), border-color var(--ui-transition-fast);white-space:nowrap;background:0 0;align-items:center;gap:.3rem;padding:.2rem .55rem;font-family:inherit;font-size:.72rem;font-weight:500;display:inline-flex}.code-block-copy:hover{color:var(--ui-color-text);background:var(--ui-color-surface);border-color:var(--ui-color-input-border)}.code-block-copy:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.code-block-body{background:var(--ui-color-surface);overflow-x:auto}.code-block-pre{padding:var(--ui-spacing-4);font-family:var(--ui-font-mono,"Menlo", "Monaco", "Courier New", monospace);font-size:var(--ui-font-size-sm);color:var(--ui-color-text);white-space:pre;tab-size:2;margin:0;line-height:1.65}.code-line{display:flex}.code-line-number{min-width:2rem;padding-right:var(--ui-spacing-3);color:var(--ui-color-text-muted);text-align:right;-webkit-user-select:none;user-select:none;border-right:var(--ui-border-width) solid var(--ui-color-border);margin-right:var(--ui-spacing-3);opacity:.6;flex-shrink:0;display:inline-block}.code-line-text{flex:1}:is(.atl-chat,.atl-chat-header,.atl-chat-input,.atl-chat-message,.atl-chat-messages,.atl-chat-suggestion,.atl-chat-typing),:is(.atl-chat,.atl-chat-header,.atl-chat-input,.atl-chat-message,.atl-chat-messages,.atl-chat-suggestion,.atl-chat-typing) *{box-sizing:border-box}.atl-chat{display:contents}.atl-chat .surface{background:var(--ui-color-surface);color:var(--ui-color-text);flex-direction:column;display:flex;overflow:hidden}.atl-chat.variant-drawer dialog{all:unset;background:var(--ui-color-surface);width:28rem;height:100dvh;box-shadow:var(--ui-shadow-xl,-8px 0 32px #0000001f);color:var(--ui-color-text);transition:transform var(--ui-duration-slow) var(--ui-ease-out,ease-out), display var(--ui-duration-slow) allow-discrete, overlay var(--ui-duration-slow) allow-discrete;flex-direction:column;display:none;position:fixed;inset:0 0 0 auto;overflow:hidden;transform:translate(100%)}.atl-chat.variant-drawer dialog[open]{display:flex;transform:translate(0)}@starting-style{.atl-chat.variant-drawer dialog[open]{transform:translate(100%)}}.atl-chat.variant-drawer dialog::backdrop{background:var(--ui-color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out,ease-out), display var(--ui-duration-slow) allow-discrete, overlay var(--ui-duration-slow) allow-discrete}.atl-chat.variant-drawer .drawer-surface{width:100%;height:100%}.atl-chat.variant-popup .popup-surface{bottom:calc(var(--ui-spacing-6) + 3.5rem + var(--ui-spacing-4));right:var(--ui-spacing-6);border-radius:var(--ui-radius-xl);width:23.75rem;height:35rem;z-index:var(--ui-z-dropdown);position:fixed;box-shadow:0 12px 32px #0000002e}.atl-chat.variant-popup .fab-bubble{bottom:var(--ui-spacing-6);right:var(--ui-spacing-6);border-radius:var(--ui-radius-full);background:var(--ui-color-brand-ai,#b5e61c);width:3.5rem;height:3.5rem;color:var(--ui-color-text);font-family:var(--ui-font-family);font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);cursor:pointer;transition:transform var(--ui-transition-fast), box-shadow var(--ui-transition-fast);z-index:101;border:none;position:fixed;box-shadow:0 6px 16px #0000002e}.atl-chat.variant-popup .fab-bubble:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000038}.atl-chat.variant-popup .fab-bubble:focus-visible{box-shadow:var(--ui-focus-ring), 0 6px 16px #0000002e;outline:none}.atl-chat.variant-inline .inline-surface{border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-xl);width:100%;height:100%;min-height:24rem}.atl-chat.variant-inline .atl-chat-header .close-btn{display:none}.atl-chat-header{justify-content:space-between;align-items:center;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-bottom:var(--ui-border-width) solid var(--ui-color-border);flex-shrink:0;display:flex}.atl-chat-header .title-block{align-items:center;gap:var(--ui-spacing-3);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);letter-spacing:var(--ui-letter-spacing-tight);flex:1;min-width:0;display:flex}.atl-chat-header .close-btn{width:var(--ui-control-height-sm);height:var(--ui-control-height-sm);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast), color var(--ui-transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.atl-chat-header .close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.atl-chat-header .close-btn:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.atl-chat-messages{gap:var(--ui-spacing-3);padding:var(--ui-spacing-4);overflow-anchor:auto;scroll-behavior:smooth;background:var(--ui-color-surface);flex-direction:column;flex:1;display:flex;overflow-y:auto}.atl-chat-message{max-width:85%;padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);word-wrap:break-word;display:block}.atl-chat-message.role-assistant,.atl-chat-message.role-system{background:var(--ui-color-surface-sunken);color:var(--ui-color-text);align-self:flex-start}.atl-chat-message.role-user{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);align-self:flex-end}.atl-chat-message.role-system{color:var(--ui-color-text-muted);font-style:italic}.atl-chat-message.is-failed{background:var(--ui-color-surface-sunken);border:var(--ui-border-width) dashed var(--ui-color-danger);color:var(--ui-color-text)}.atl-chat-typing{align-items:center;gap:var(--ui-spacing-1);padding:var(--ui-spacing-2) var(--ui-spacing-3);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg);align-self:flex-start;display:inline-flex}.atl-chat-typing .dot{background:var(--ui-color-text-muted);border-radius:50%;width:.375rem;height:.375rem;animation:1.4s ease-in-out infinite atl-chat-typing}.atl-chat-typing .dot:nth-child(2){animation-delay:.16s}.atl-chat-typing .dot:nth-child(3){animation-delay:.32s}.atl-chat-typing.is-inline{margin-left:var(--ui-spacing-1);vertical-align:baseline;background:0 0;border-radius:0;align-self:auto;padding:0;display:inline-flex}.atl-chat-typing.is-inline .dot{width:.25rem;height:.25rem}@keyframes atl-chat-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.atl-chat-typing .dot{opacity:.6;animation:none}}.atl-chat-typing .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.atl-chat-suggestion{display:block}.atl-chat-suggestion .chip{align-items:flex-start;gap:var(--ui-spacing-1);width:100%;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-surface);color:var(--ui-color-text);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);font-family:var(--ui-font-family);text-align:left;cursor:pointer;transition:background-color var(--ui-transition-fast), border-color var(--ui-transition-fast);flex-direction:column;display:flex}.atl-chat-suggestion .chip:hover{background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}.atl-chat-suggestion .chip:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.atl-chat-suggestion .chip-label{font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text)}.atl-chat-suggestion .chip-hint{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}.atl-chat-input{align-items:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-top:var(--ui-border-width) solid var(--ui-color-border);background:var(--ui-color-surface);flex-shrink:0;display:flex}.atl-chat-input .field{min-width:0;padding:var(--ui-spacing-2) var(--ui-spacing-3);border:var(--ui-border-width) solid var(--ui-color-input-border,var(--ui-color-border));border-radius:var(--ui-radius-md);background:var(--ui-color-surface-sunken);color:var(--ui-color-text);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);resize:none;transition:border-color var(--ui-transition-fast);flex:1}.atl-chat-input .field::placeholder{color:var(--ui-color-text-muted)}.atl-chat-input .field:hover:not(:disabled){border-color:var(--ui-color-input-border-hover,var(--ui-color-border-hover))}.atl-chat-input .field:focus-visible{border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring);outline:none}.atl-chat-input .field:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-chat-input .action-btn{padding:var(--ui-spacing-2) var(--ui-spacing-4);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;transition:background-color var(--ui-transition-fast), border-color var(--ui-transition-fast), transform var(--ui-transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.atl-chat-input .action-btn.variant-primary{background:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary)}.atl-chat-input .action-btn.variant-primary:hover:not(:disabled){background:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}.atl-chat-input .action-btn.variant-danger{background:var(--ui-color-danger);color:var(--ui-color-text-on-danger);border-color:var(--ui-color-danger)}.atl-chat-input .action-btn.variant-danger:hover{background:var(--ui-color-danger-hover);border-color:var(--ui-color-danger-hover)}.atl-chat-input .action-btn:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.atl-chat-input .action-btn:focus-visible{box-shadow:var(--ui-focus-ring);outline:none}.atl-chat.status-streaming .atl-chat-input .field{cursor:wait}
|
|
2
2
|
/*$vite$:1*/
|