@atelier-ui/vue 0.0.1

package/index.css

@@ -0,0 +1 @@
+.llm-accordion-group{display:block;font-family:var(--ui-font-family)}.llm-accordion-group.variant-default{border-top:1px solid var(--ui-color-border)}.llm-accordion-group.variant-default .llm-accordion-item{border-bottom:1px solid var(--ui-color-border)}.llm-accordion-group.variant-bordered{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.llm-accordion-group.variant-bordered .llm-accordion-item:not(:last-child){border-bottom:1px solid var(--ui-color-border)}.llm-accordion-group.variant-separated{display:flex;flex-direction:column;gap:var(--ui-spacing-2)}.llm-accordion-group.variant-separated .llm-accordion-item{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.llm-accordion-item{display:block}.accordion-heading{all:unset;display:block}.accordion-trigger{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ui-spacing-4);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text);cursor:pointer;transition:background-color var(--ui-transition-fast);-webkit-user-select:none;user-select:none}.accordion-trigger:hover:not(.is-disabled){background:var(--ui-color-surface-sunken)}.accordion-trigger:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);position:relative;z-index:1}.accordion-trigger.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.chevron{flex-shrink:0;color:var(--ui-color-text-muted);transition:transform var(--ui-duration-normal) var(--ui-ease-out)}.chevron.is-expanded{transform:rotate(180deg)}.accordion-panel-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ui-duration-normal) var(--ui-ease-out)}.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-4) var(--ui-spacing-4)}.accordion-panel-wrapper:not(.is-expanded) .accordion-panel{padding:0 var(--ui-spacing-4)}.llm-alert{display:flex;align-items:flex-start;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-md);border:1px 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%}.llm-alert .content{flex:1}.llm-alert.variant-info{background-color:color-mix(in srgb,var(--ui-color-info) 10%,transparent);color:var(--ui-color-info);border-color:color-mix(in srgb,var(--ui-color-info) 25%,transparent)}.llm-alert.variant-success{background-color:color-mix(in srgb,var(--ui-color-success) 10%,transparent);color:var(--ui-color-success);border-color:color-mix(in srgb,var(--ui-color-success) 25%,transparent)}.llm-alert.variant-warning{background-color:color-mix(in srgb,var(--ui-color-warning) 10%,transparent);color:var(--ui-color-warning);border-color:color-mix(in srgb,var(--ui-color-warning) 25%,transparent)}.llm-alert.variant-danger{background-color:color-mix(in srgb,var(--ui-color-danger) 10%,transparent);color:var(--ui-color-danger);border-color:color-mix(in srgb,var(--ui-color-danger) 25%,transparent)}.llm-alert .dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.125rem;background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:inherit;opacity:.7;transition:opacity var(--ui-transition-fast),background-color var(--ui-transition-fast);line-height:1}.llm-alert .dismiss:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}.llm-alert .dismiss:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);opacity:1}.llm-avatar{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;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}.llm-avatar.size-xs{width:24px;height:24px;font-size:.625rem}.llm-avatar.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.llm-avatar.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.llm-avatar.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-md)}.llm-avatar.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-lg)}.llm-avatar.shape-circle{border-radius:var(--ui-radius-full)}.llm-avatar.shape-square{border-radius:var(--ui-radius-md)}.llm-avatar img{width:100%;height:100%;object-fit:cover;display:block}.llm-avatar .initials{line-height:1;letter-spacing:.02em}.llm-avatar .icon{width:55%;height:55%;opacity:.6}.llm-avatar .status-dot{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:6px;min-height:6px;max-width:14px;max-height:14px;border-radius:var(--ui-radius-full);border:2px solid var(--ui-color-surface);box-sizing:content-box}.llm-avatar .status-dot.status-online{background-color:var(--ui-color-success)}.llm-avatar .status-dot.status-offline{background-color:var(--ui-color-text-muted)}.llm-avatar .status-dot.status-away{background-color:var(--ui-color-warning)}.llm-avatar .status-dot.status-busy{background-color:var(--ui-color-danger)}.llm-avatar-group{display:inline-flex;align-items:center;background:none;overflow:visible;padding-inline-start:4px}.llm-avatar-group>.llm-avatar{box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;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);margin-inline-start:-8px}.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)}.llm-badge{display:inline-flex;align-items:center;justify-content:center;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}.llm-badge.size-sm{padding:.1875rem var(--ui-spacing-2);font-size:var(--ui-font-size-xs)}.llm-badge.size-md{padding:.3125rem var(--ui-spacing-3);font-size:var(--ui-font-size-sm)}.llm-badge.variant-default{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:1px solid var(--ui-color-border)}.llm-badge.variant-success{background-color:color-mix(in srgb,var(--ui-color-success) 12%,transparent);color:var(--ui-color-success);border:1px solid color-mix(in srgb,var(--ui-color-success) 25%,transparent)}.llm-badge.variant-warning{background-color:color-mix(in srgb,var(--ui-color-warning) 12%,transparent);color:var(--ui-color-warning);border:1px solid color-mix(in srgb,var(--ui-color-warning) 25%,transparent)}.llm-badge.variant-danger{background-color:color-mix(in srgb,var(--ui-color-danger) 12%,transparent);color:var(--ui-color-danger);border:1px solid color-mix(in srgb,var(--ui-color-danger) 25%,transparent)}.llm-badge.variant-info{background-color:color-mix(in srgb,var(--ui-color-info) 12%,transparent);color:var(--ui-color-info);border:1px solid color-mix(in srgb,var(--ui-color-info) 25%,transparent)}.llm-breadcrumbs{display:block;font-family:var(--ui-font-family)}.breadcrumbs-list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}.llm-breadcrumb-item{display:flex;align-items:center}.llm-breadcrumb-item:after{content:"›";margin:0 var(--ui-spacing-2);color:var(--ui-color-border-hover);font-size:var(--ui-font-size-md);line-height:1}.llm-breadcrumb-item.is-current:after{display:none}.llm-breadcrumb-item .breadcrumb-link{color:var(--ui-color-text-muted);text-decoration:none;border-radius:var(--ui-radius-sm);padding:.125rem .25rem;margin:-.125rem -.25rem;transition:color var(--ui-transition-fast)}.llm-breadcrumb-item .breadcrumb-link:hover{color:var(--ui-color-text);text-decoration:underline}.llm-breadcrumb-item .breadcrumb-link:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.llm-breadcrumb-item .breadcrumb-current{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}.llm-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-spacing-2);border:1px 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-medium);line-height:var(--ui-line-height-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),transform var(--ui-transition-fast);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none}.llm-button:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.llm-button.variant-primary{background-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary);box-shadow:var(--ui-shadow-xs)}.llm-button.variant-primary:hover:not(.is-disabled){background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover);box-shadow:var(--ui-shadow-md);transform:translateY(-1px)}.llm-button.variant-primary:active:not(.is-disabled){background-color:var(--ui-color-primary-active);border-color:var(--ui-color-primary-active);box-shadow:var(--ui-shadow-xs);transform:scale(.97)}.llm-button.variant-secondary{background-color:var(--ui-color-secondary);color:var(--ui-color-text-on-secondary);border-color:var(--ui-color-secondary);box-shadow:var(--ui-shadow-xs)}.llm-button.variant-secondary:hover:not(.is-disabled){background-color:var(--ui-color-secondary-hover);border-color:var(--ui-color-secondary-hover);box-shadow:var(--ui-shadow-md);transform:translateY(-1px)}.llm-button.variant-secondary:active:not(.is-disabled){background-color:var(--ui-color-secondary-active);border-color:var(--ui-color-secondary-active);box-shadow:var(--ui-shadow-xs);transform:scale(.97)}.llm-button.variant-outline{background-color:transparent;color:var(--ui-color-primary);border-color:var(--ui-color-border)}.llm-button.variant-outline:hover:not(.is-disabled){background-color:var(--ui-color-primary-light);border-color:var(--ui-color-primary);transform:translateY(-1px)}.llm-button.variant-outline:active:not(.is-disabled){background-color:color-mix(in srgb,var(--ui-color-primary) 12%,transparent);transform:scale(.97)}.llm-button.size-sm{padding:var(--ui-spacing-1) var(--ui-spacing-3);font-size:var(--ui-font-size-sm)}.llm-button.size-md{padding:var(--ui-spacing-2) var(--ui-spacing-4);font-size:var(--ui-font-size-md)}.llm-button.size-lg{padding:var(--ui-spacing-3) var(--ui-spacing-6);font-size:var(--ui-font-size-lg)}.llm-button.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed;pointer-events:none}.spinner{display:inline-block;width:1em;height:1em;border:1.5px solid currentColor;border-top-color:transparent;border-radius:var(--ui-radius-full);animation:llm-spin .7s linear infinite;flex-shrink:0}@keyframes llm-spin{to{transform:rotate(360deg)}}.llm-card{display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface);overflow:hidden}.llm-card.variant-elevated{box-shadow:var(--ui-shadow-md);border:1px solid var(--ui-color-border)}.llm-card.variant-outlined{border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface)}.llm-card.variant-flat{background-color:var(--ui-color-surface-sunken)}.llm-card.padding-none .llm-card-header,.llm-card.padding-none .llm-card-content,.llm-card.padding-none .llm-card-footer{padding:0}.llm-card.padding-sm .llm-card-header,.llm-card.padding-sm .llm-card-content,.llm-card.padding-sm .llm-card-footer{padding:var(--ui-spacing-3)}.llm-card.padding-md .llm-card-header,.llm-card.padding-md .llm-card-content,.llm-card.padding-md .llm-card-footer{padding:var(--ui-spacing-4)}.llm-card.padding-lg .llm-card-header,.llm-card.padding-lg .llm-card-content,.llm-card.padding-lg .llm-card-footer{padding:var(--ui-spacing-6)}.llm-card-header{display:block;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)}.llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.llm-card-footer{display:flex;align-items:center;gap:var(--ui-spacing-2);border-top:1px solid var(--ui-color-border)}.llm-checkbox{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-checkbox label{display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.llm-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:1.25rem;height:1.25rem;border:1.5px solid var(--ui-color-input-border);border-radius:var(--ui-radius-sm);background-color:var(--ui-color-input-bg);cursor:pointer;position:relative;transition:border-color var(--ui-transition-fast),background-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);outline:none}.llm-checkbox input[type=checkbox]:hover:not(:disabled){border-color:var(--ui-color-input-border-hover);background-color:var(--ui-color-primary-light)}.llm-checkbox input[type=checkbox]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}.llm-checkbox input[type=checkbox]:checked{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;inset:0;margin:auto;width:.35rem;height:.6rem;border:2px solid var(--ui-color-on-primary);border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px);animation:llm-check-pop var(--ui-duration-normal) var(--ui-ease-spring)}.llm-checkbox input[type=checkbox]:indeterminate{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-checkbox input[type=checkbox]:indeterminate:after{content:"";position:absolute;inset:0;margin:auto;width:.5rem;height:2px;background-color:var(--ui-color-on-primary);animation:llm-check-pop var(--ui-duration-normal) var(--ui-ease-spring)}.llm-checkbox.is-invalid input[type=checkbox]{border-color:var(--ui-color-input-border-invalid)}.llm-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)}.llm-checkbox.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-checkbox.is-disabled label,.llm-checkbox.is-disabled input[type=checkbox]{cursor:not-allowed}.llm-checkbox .errors{margin-top:var(--ui-spacing-1)}.llm-checkbox .error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}@keyframes llm-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)}}.llm-dialog{all:unset;position:fixed;inset:0;margin:auto;display:none;flex-direction:column;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 rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);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}.llm-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.llm-dialog[open]{opacity:0;transform:scale(.95)}}.llm-dialog::backdrop{background:#00000080;-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{.llm-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-dialog::backdrop{background:#000000b3}}[data-theme=dark] .llm-dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.size-full{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.llm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}.llm-dialog-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}.llm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.llm-drawer-host{display:contents}.llm-drawer-host dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;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}.llm-drawer-host dialog[open]{display:flex;transform:translate(0)!important}.llm-drawer-host dialog::backdrop{background:#00000080;-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{.llm-drawer-host dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-drawer-host dialog::backdrop{background:#000000b3}}[data-theme=dark] .llm-drawer-host dialog::backdrop{background:#000000b3}.llm-drawer-host .panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.llm-drawer-host.position-right dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{.llm-drawer-host.position-right dialog[open]{transform:translate(100%)}}.llm-drawer-host.position-left dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{.llm-drawer-host.position-left dialog[open]{transform:translate(-100%)}}.llm-drawer-host.position-top dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{.llm-drawer-host.position-top dialog[open]{transform:translateY(-100%)}}.llm-drawer-host.position-bottom dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{.llm-drawer-host.position-bottom dialog[open]{transform:translateY(100%)}}.llm-drawer-host.position-right.size-sm dialog,.llm-drawer-host.position-left.size-sm dialog{width:20rem}.llm-drawer-host.position-right.size-md dialog,.llm-drawer-host.position-left.size-md dialog{width:28rem}.llm-drawer-host.position-right.size-lg dialog,.llm-drawer-host.position-left.size-lg dialog{width:40rem}.llm-drawer-host.position-right.size-full dialog,.llm-drawer-host.position-left.size-full dialog{width:100vw}.llm-drawer-host.position-top.size-sm dialog,.llm-drawer-host.position-bottom.size-sm dialog{height:12rem}.llm-drawer-host.position-top.size-md dialog,.llm-drawer-host.position-bottom.size-md dialog{height:20rem}.llm-drawer-host.position-top.size-lg dialog,.llm-drawer-host.position-bottom.size-lg dialog{height:32rem}.llm-drawer-host.position-top.size-full dialog,.llm-drawer-host.position-bottom.size-full dialog{height:100dvh}.llm-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}.llm-drawer-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}.llm-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;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);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.llm-input{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-input input{display:block;width:100%;padding:.625rem var(--ui-spacing-3);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);box-shadow:inset 0 1px 2px #0000000a;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast);outline:none;box-sizing:border-box}.llm-input input::placeholder{color:var(--ui-color-placeholder)}.llm-input input:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}.llm-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)}.llm-input.is-invalid input{border-color:var(--ui-color-input-border-invalid)}.llm-input.is-invalid input: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)}.llm-input.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-input.is-disabled input{cursor:not-allowed}.llm-input.is-readonly input{background-color:var(--ui-color-surface-sunken);cursor:default;box-shadow:none}.llm-input .errors{margin-top:var(--ui-spacing-1)}.llm-input .error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}.llm-menu{display:block;min-width:10rem;padding:var(--ui-spacing-1) 0;background:var(--ui-color-surface-raised);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-lg);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);color:var(--ui-color-text);outline:none;overflow:hidden;animation:llm-menu-enter var(--ui-duration-normal) var(--ui-ease-out) forwards}.llm-menu.variant-compact{font-size:var(--ui-font-size-sm)}.llm-menu.variant-compact .llm-menu-item{padding:var(--ui-spacing-1) var(--ui-spacing-3)}@keyframes llm-menu-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.llm-menu-item{display:flex;align-items:center;gap:var(--ui-spacing-2);padding:var(--ui-spacing-2) var(--ui-spacing-3);cursor:pointer;color:var(--ui-color-text);transition:background var(--ui-transition-fast);outline:none;border:none;background:none;font:inherit;width:100%;text-align:start}.llm-menu-item:hover,.llm-menu-item:focus-visible{background:var(--ui-color-surface-sunken)}.llm-menu-item.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-menu-separator{display:block;height:1px;margin:var(--ui-spacing-1) 0;background:var(--ui-color-border);border:none}.llm-menu-panel{position:absolute;z-index:var(--ui-z-dropdown, 100);top:calc(100% + var(--ui-spacing-1));left:0;min-width:100%}.llm-pagination{display:block;font-family:var(--ui-font-family)}.page-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-spacing-1);list-style:none;margin:0;padding:0}.page-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--ui-radius-md);border:1px solid var(--ui-color-border);background:var(--ui-color-surface);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)}.page-btn:hover:not(:disabled){background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}.page-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.page-btn.is-active{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary)}.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:.4;pointer-events:none;cursor:default}.ellipsis{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);-webkit-user-select:none;user-select:none}.llm-progress{display:block;width:100%;font-family:var(--ui-font-family)}.track{position:relative;width:100%;border-radius:var(--ui-radius-full);background-color:var(--ui-color-surface-sunken);overflow:hidden}.llm-progress.size-sm .track{height:4px}.llm-progress.size-md .track{height:8px}.llm-progress.size-lg .track{height:12px}.fill{height:100%;border-radius:var(--ui-radius-full);background-color:var(--ui-color-primary);transition:width var(--ui-transition-normal)}.llm-progress.variant-success .fill{background-color:var(--ui-color-success)}.llm-progress.variant-warning .fill{background-color:var(--ui-color-warning)}.llm-progress.variant-danger .fill{background-color:var(--ui-color-danger)}@keyframes progress-indeterminate{0%{transform:translate(-150%)}to{transform:translate(350%)}}.llm-progress.is-indeterminate .fill{width:40%!important;animation:progress-indeterminate 1.4s var(--ui-ease-in-out) infinite}@media(prefers-reduced-motion:reduce){.llm-progress.is-indeterminate .fill{animation:none;opacity:.5}}.llm-radio-group{display:block;font-family:var(--ui-font-family)}.llm-radio-group.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-radio-group .errors{margin-top:var(--ui-spacing-1)}.llm-radio-group .error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}.llm-radio{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-radio label,.llm-radio{display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.llm-radio input[type=radio]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:1.25rem;height:1.25rem;border:1.5px solid var(--ui-color-input-border);border-radius:50%;background-color:var(--ui-color-input-bg);cursor:pointer;position:relative;transition:border-color var(--ui-transition-fast),background-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);outline:none}.llm-radio input[type=radio]:hover:not(:disabled){border-color:var(--ui-color-input-border-hover);background-color:var(--ui-color-primary-light)}.llm-radio input[type=radio]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}.llm-radio input[type=radio]:checked{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-radio input[type=radio]:checked:after{content:"";position:absolute;inset:0;margin:auto;width:.45rem;height:.45rem;border-radius:50%;background-color:var(--ui-color-on-primary);animation:llm-radio-pop var(--ui-duration-normal) var(--ui-ease-spring)}.llm-radio-group.is-invalid .llm-radio input[type=radio],.llm-radio.is-invalid input[type=radio]{border-color:var(--ui-color-input-border-invalid)}.llm-radio-group.is-invalid .llm-radio input[type=radio]:focus-visible,.llm-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)}.llm-radio.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-radio.is-disabled input[type=radio]{cursor:not-allowed}@keyframes llm-radio-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.llm-select{display:inline-block;position:relative;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-select label{display:block;margin-bottom:var(--ui-spacing-1);font-size:var(--ui-font-size-sm);color:var(--ui-color-text);font-weight:var(--ui-font-weight-medium)}.llm-select .select-wrapper{position:relative;display:flex;align-items:center}.llm-select select{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ui-spacing-2) var(--ui-spacing-3);padding-inline-end:calc(var(--ui-spacing-3) + 1.25rem);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;-webkit-appearance:none;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast)}.llm-select select:hover:not(:disabled){border-color:var(--ui-color-input-border-hover)}.llm-select select:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}.llm-select select:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-select.is-invalid select{border-color:var(--ui-color-input-border-invalid)}.llm-select .select-arrow{position:absolute;inset-inline-end:var(--ui-spacing-3);pointer-events:none;font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}.llm-select .errors{margin-top:var(--ui-spacing-1)}.llm-select .error-message{margin:0;font-size:var(--ui-font-size-xs);color:var(--ui-color-error-text)}.llm-skeleton{display:block;background:var(--ui-color-border);overflow:hidden;position:relative}.llm-skeleton.variant-text{border-radius:var(--ui-radius-sm)}.llm-skeleton.variant-circular{border-radius:var(--ui-radius-full, 9999px)}.llm-skeleton.variant-rectangular{border-radius:var(--ui-radius-md)}.llm-skeleton.is-animated:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.llm-skeleton.is-animated:after{animation:none}}.llm-tab-group{display:block;font-family:var(--ui-font-family)}.llm-tab-group .tablist{display:flex;gap:var(--ui-spacing-1);border-bottom:1px solid var(--ui-color-border);overflow-x:auto;scrollbar-width:none}.llm-tab-group .tablist::-webkit-scrollbar{display:none}.llm-tab-group .tablist button{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;padding:var(--ui-spacing-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);transition-property:color,background-color;border-radius:var(--ui-radius-md) var(--ui-radius-md) 0 0;white-space:nowrap;-webkit-user-select:none;user-select:none}.llm-tab-group .tablist button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent;border-radius:var(--ui-radius-full);transition:background var(--ui-transition-fast)}.llm-tab-group .tablist button.is-active{color:var(--ui-color-primary)}.llm-tab-group .tablist button.is-active:after{background:var(--ui-color-primary)}.llm-tab-group .tablist button:hover:not(.is-disabled):not(.is-active){color:var(--ui-color-text);background:var(--ui-color-surface-sunken)}.llm-tab-group .tablist button:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}.llm-tab-group .tablist button.is-disabled{opacity:.4;cursor:not-allowed}.llm-tab-group [role=tabpanel]{padding:var(--ui-spacing-4) 0}.llm-tab-group [role=tabpanel]:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}.llm-tab-group.variant-pills .tablist{border-bottom:none;gap:var(--ui-spacing-2);padding:var(--ui-spacing-1);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg)}.llm-tab-group.variant-pills .tablist button{border-radius:var(--ui-radius-md);padding:var(--ui-spacing-1) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-tab-group.variant-pills .tablist button:after{display:none}.llm-tab-group.variant-pills .tablist button.is-active{background:var(--ui-color-surface);color:var(--ui-color-text);box-shadow:var(--ui-shadow-sm)}.llm-tab-group.variant-pills .tablist button:hover:not(.is-disabled):not(.is-active){background:transparent;color:var(--ui-color-text)}.llm-textarea{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-textarea textarea{display:block;width:100%;padding:.625rem var(--ui-spacing-3);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);box-shadow:inset 0 1px 2px #0000000a;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast);outline:none;box-sizing:border-box;resize:vertical;min-height:80px}.llm-textarea textarea::placeholder{color:var(--ui-color-placeholder)}.llm-textarea textarea:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}.llm-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)}.llm-textarea.is-invalid textarea{border-color:var(--ui-color-input-border-invalid)}.llm-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)}.llm-textarea.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-textarea.is-disabled textarea{cursor:not-allowed}.llm-textarea.is-readonly textarea{background-color:var(--ui-color-surface-sunken);cursor:default;box-shadow:none}.llm-textarea.is-auto-resize textarea{resize:none;overflow:hidden}.llm-textarea .errors{margin-top:var(--ui-spacing-1)}.llm-textarea .error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}.llm-toast-container{position:fixed;z-index:var(--ui-z-toast, 400);display:flex;flex-direction:column;gap:var(--ui-spacing-2);pointer-events:none;max-width:min(24rem,calc(100vw - 2rem));box-sizing:border-box}.llm-toast-container.position-bottom-right{bottom:var(--ui-spacing-4);right:var(--ui-spacing-4);align-items:flex-end}.llm-toast-container.position-bottom-center{bottom:var(--ui-spacing-4);left:50%;transform:translate(-50%);align-items:center}.llm-toast-container.position-top-right{top:var(--ui-spacing-4);right:var(--ui-spacing-4);align-items:flex-end}.llm-toast-container.position-top-center{top:var(--ui-spacing-4);left:50%;transform:translate(-50%);align-items:center}.llm-toast{display:flex;align-items:center;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-md);border-left:3px solid transparent;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-md);background-color:var(--ui-color-surface-raised, var(--ui-color-surface));color:var(--ui-color-text);pointer-events:auto;min-width:16rem;max-width:100%;box-sizing:border-box;animation:toast-enter .3s ease-out}.llm-toast.variant-default{border-left-color:var(--ui-color-border)}.llm-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)))}.llm-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)))}.llm-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)))}.llm-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)))}.llm-toast .message{flex:1}.llm-toast .dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.125rem;background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted, currentColor);opacity:.7;transition:opacity var(--ui-transition-fast, .15s),background-color var(--ui-transition-fast, .15s);line-height:1}.llm-toast .dismiss:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}.llm-toast .dismiss:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);opacity:1}@keyframes toast-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.llm-toast{animation:none}}.llm-toggle{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-toggle label{display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.llm-toggle input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.llm-toggle .track{position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:2.75rem;height:1.5rem;border-radius:var(--ui-radius-full);border:1.5px solid var(--ui-color-input-border);background-color:var(--ui-color-input-bg);transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);cursor:pointer}.llm-toggle .thumb{position:absolute;left:.125rem;width:1.125rem;height:1.125rem;border-radius:var(--ui-radius-full);background-color:var(--ui-color-input-border);box-shadow:var(--ui-shadow-xs);transition:transform var(--ui-transition-fast),background-color var(--ui-transition-fast)}.llm-toggle label:hover:not(:has(input:disabled)) .track{border-color:var(--ui-color-input-border-hover)}.llm-toggle input[type=checkbox]:focus-visible+.track{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}.llm-toggle.is-checked .track{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-toggle.is-checked .thumb{transform:translate(1.25rem);background-color:var(--ui-color-surface)}.llm-toggle.is-invalid .track{border-color:var(--ui-color-input-border-invalid)}.llm-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)}.llm-toggle.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-toggle.is-disabled label,.llm-toggle.is-disabled .track{cursor:not-allowed}.llm-toggle .errors{margin-top:var(--ui-spacing-1)}.llm-toggle .error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}.llm-tooltip-wrapper{display:inline-block;position:relative}.llm-tooltip{position:absolute;z-index:var(--ui-z-tooltip, 200);display:block;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);max-width:20rem;word-wrap:break-word;pointer-events:none;white-space:nowrap;animation:llm-tooltip-enter var(--ui-duration-fast) var(--ui-ease-out) forwards}.llm-tooltip.position-above{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.llm-tooltip.position-below{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.llm-tooltip.position-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.llm-tooltip.position-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}@keyframes llm-tooltip-enter{0%{opacity:0;transform:scale(.95) translate(-50%)}to{opacity:1;transform:scale(1) translate(-50%)}}.llm-tooltip.position-left,.llm-tooltip.position-right{animation:llm-tooltip-enter-side var(--ui-duration-fast) var(--ui-ease-out) forwards}@keyframes llm-tooltip-enter-side{0%{opacity:0;transform:scale(.95) translateY(-50%)}to{opacity:1;transform:scale(1) translateY(-50%)}}