@layer components{.btn{border:1px solid var(--border-color,#d4d4d4);border-radius:var(--app-radius-control,.375rem);background:var(--surface,#fff);min-height:2.5rem;box-shadow:none;color:var(--foreground,#171717);text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--motion-fast,.1s) ease, border-color var(--motion-fast,.1s) ease, color var(--motion-fast,.1s) ease, transform var(--motion-fast,.1s) ease;justify-content:center;align-items:center;gap:.5rem;padding-inline:.875rem;font-size:.875rem;font-weight:580;line-height:1.25;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--border-strong,#a3a3a3);background:var(--surface-muted,#f5f5f5)}.btn:focus-visible{outline:2px solid var(--app-brand,var(--brand,#0c78fe));outline-offset:2px;box-shadow:none}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{border-color:var(--border-color,#d4d4d4);background:var(--surface-muted,#f5f5f5);color:var(--muted,#666);cursor:not-allowed;pointer-events:none}.btn-primary{border-color:var(--app-brand,var(--brand,#0c78fe));background:var(--app-brand,var(--brand,#0c78fe));color:var(--brand-ink,#fff)}.btn-primary:hover:not(:disabled){border-color:var(--app-brand-hover,var(--brand-hover,#004bc6));background:var(--app-brand-hover,var(--brand-hover,#004bc6))}.btn-secondary,.btn-active{border-color:var(--border-color,#d4d4d4);background:var(--surface-muted,#f5f5f5);color:var(--foreground,#171717)}.btn-outline{border-color:var(--border-strong,#a3a3a3);color:var(--foreground,#171717);background:0 0}.btn-ghost{color:var(--muted,#666);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-muted,#f5f5f5);color:var(--foreground,#171717);border-color:#0000}.btn-soft{background:var(--accent,var(--surface-muted,#f5f5f5));color:var(--foreground,#171717);border-color:#0000}.btn-error{border-color:var(--danger,#dc2626);color:var(--danger,#dc2626);background:0 0}.btn-error:hover:not(:disabled){border-color:var(--danger,#dc2626);background:var(--status-danger-bg,#fff0ef)}.btn-success{border-color:var(--app-brand,var(--brand,#0c78fe));background:var(--app-brand,var(--brand,#0c78fe));color:var(--brand-ink,#fff)}.btn-light{color:#171717;background:#fff;border-color:#ffffff8c}.btn-xs{min-height:1.75rem;padding-inline:.5rem;font-size:.6875rem}.btn-sm{min-height:2.25rem;padding-inline:.625rem;font-size:.75rem}.btn-md{min-height:2.5rem}.btn-lg{min-height:3rem;padding-inline:1.125rem;font-size:.9375rem}.btn-square{width:2.5rem;min-width:2.5rem;padding-inline:0}.btn-square.btn-xs{width:1.75rem;min-width:1.75rem}.btn-square.btn-sm{width:2.25rem;min-width:2.25rem}.btn-square.btn-lg{width:3rem;min-width:3rem}.btn-block{width:100%}.toggle{appearance:none;border:1px solid var(--border-strong,#a3a3a3);background-color:var(--surface-muted,#e5e5e5);cursor:pointer;width:2.5rem;height:1.375rem;transition:background-color var(--motion-base) ease, background-position var(--motion-base) ease, border-color var(--motion-base) ease;background-image:radial-gradient(circle,#fff 0 55%,#0000 58%);background-position:.125rem;background-repeat:no-repeat;background-size:1.125rem 1.125rem;border-radius:999px;flex:none}.toggle:checked{border-color:var(--brand,#0c78fe);background-color:var(--brand,#0c78fe);background-position:calc(100% - .125rem)}.toggle-sm{background-size:.875rem .875rem;width:2.125rem;height:1.125rem}.badge{border:1px solid var(--border-color,#d4d4d4);border-radius:var(--app-radius-control,.375rem);background:var(--surface,#fff);min-height:1.375rem;color:var(--foreground,#171717);justify-content:center;align-items:center;gap:.25rem;padding-inline:.5rem;font-size:.6875rem;font-weight:580;display:inline-flex}.app-canvas{background-color:var(--canvas);color:var(--foreground)}.app-panel{border:1px solid var(--border-color);border-radius:var(--app-radius-panel,.5rem);background:var(--surface-elevated);box-shadow:var(--shadow-panel)}.app-card{border:1px solid var(--border-color);border-radius:var(--app-radius-panel,.5rem);background:var(--surface)}.app-link{color:var(--accent-strong);text-underline-offset:.2em;font-weight:650}.app-link:hover{text-decoration:underline}.app-control{border:1px solid var(--border-color);border-radius:var(--app-radius-control,.375rem);background:var(--surface);box-shadow:none;color:var(--foreground)}.app-control:hover{border-color:var(--border-strong)}.bg-app-overlay{background-color:var(--overlay)}.bg-app-overlay>:is(div,section,form){box-shadow:var(--modal-shadow)}[data-ui=panel],[data-ui=table-shell]{border-color:var(--border-color);border-radius:var(--app-radius-panel,.5rem);background:var(--surface);box-shadow:none}[data-ui=modal-shell]{overflow-wrap:anywhere;border-color:var(--border-color);border-radius:var(--app-radius-modal,.625rem);background:var(--surface);box-shadow:var(--modal-shadow)}[data-ui=empty-state]{border-color:var(--border-color);border-radius:var(--app-radius-panel,.5rem);background:var(--surface-subtle)}[data-ui=inline-feedback]{--feedback-bg:var(--status-neutral-bg);--feedback-border:var(--status-neutral-border);--feedback-text:var(--status-neutral-text);border:1px solid var(--feedback-border);border-radius:var(--radius-control,.375rem);background:var(--feedback-bg);color:var(--feedback-text);margin:0;padding:.5rem .75rem}[data-ui=badge]{--badge-bg:var(--status-neutral-bg);--badge-border:var(--status-neutral-border);--badge-text:var(--status-neutral-text);border-color:var(--badge-border);border-radius:var(--radius-status,.25rem);background:var(--badge-bg);min-height:1.5rem;color:var(--badge-text);line-height:1.2}:is([data-ui=inline-feedback],[data-ui=badge],[data-ui=state-panel])[data-tone=accent],:is([data-ui=inline-feedback],[data-ui=badge],[data-ui=state-panel])[data-tone=info]{--feedback-bg:var(--status-info-bg);--feedback-border:var(--status-info-border);--feedback-text:var(--status-info-text);--badge-bg:var(--status-info-bg);--badge-border:var(--status-info-border);--badge-text:var(--status-info-text);--state-bg:var(--status-info-bg);--state-border:var(--status-info-border);--state-text:var(--status-info-text)}:is([data-ui=inline-feedback],[data-ui=badge],[data-ui=state-panel])[data-tone=success]{--feedback-bg:var(--status-success-bg);--feedback-border:var(--status-success-border);--feedback-text:var(--status-success-text);--badge-bg:var(--status-success-bg);--badge-border:var(--status-success-border);--badge-text:var(--status-success-text);--state-bg:var(--status-success-bg);--state-border:var(--status-success-border);--state-text:var(--status-success-text)}:is([data-ui=inline-feedback],[data-ui=badge],[data-ui=state-panel])[data-tone=warning]{--feedback-bg:var(--status-warning-bg);--feedback-border:var(--status-warning-border);--feedback-text:var(--status-warning-text);--badge-bg:var(--status-warning-bg);--badge-border:var(--status-warning-border);--badge-text:var(--status-warning-text);--state-bg:var(--status-warning-bg);--state-border:var(--status-warning-border);--state-text:var(--status-warning-text)}:is([data-ui=inline-feedback],[data-ui=badge],[data-ui=state-panel])[data-tone=danger]{--feedback-bg:var(--status-danger-bg);--feedback-border:var(--status-danger-border);--feedback-text:var(--status-danger-text);--badge-bg:var(--status-danger-bg);--badge-border:var(--status-danger-border);--badge-text:var(--status-danger-text);--state-bg:var(--status-danger-bg);--state-border:var(--status-danger-border);--state-text:var(--status-danger-text)}[data-ui=badge][data-tone=violet]{--badge-bg:var(--status-info-bg);--badge-border:var(--status-info-border);--badge-text:var(--status-info-text)}[data-ui=badge][data-variant=tone-outline]{background:0 0}.app-input{border:1px solid var(--border-color);border-radius:var(--radius-control,.375rem);background:var(--surface);box-shadow:none;color:var(--foreground);transition:border-color var(--motion-fast,.1s) ease, background-color var(--motion-fast,.1s) ease;outline:none}.app-input::placeholder{color:var(--muted);opacity:1}.app-input:hover:not(:disabled){border-color:var(--border-strong)}.app-input:focus-visible{border-color:var(--app-brand,var(--brand));outline:none}.app-input:disabled,.app-input[aria-disabled=true]{background:var(--surface-muted);color:var(--muted);cursor:not-allowed}.app-input[aria-invalid=true]{border-color:var(--danger)}:is(input[data-ui=input][data-slot=input],textarea[data-ui=textarea][data-slot=textarea])[data-variant=bare],:is(input[data-ui=input][data-slot=input],textarea[data-ui=textarea][data-slot=textarea])[data-variant=bare]:hover,:is(input[data-ui=input][data-slot=input],textarea[data-ui=textarea][data-slot=textarea])[data-variant=bare]:focus,:is(input[data-ui=input][data-slot=input],textarea[data-ui=textarea][data-slot=textarea])[data-variant=bare]:focus-visible{box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;padding:0}[data-ui=state-panel]{--state-bg:var(--status-neutral-bg);--state-border:var(--status-neutral-border);--state-text:var(--status-neutral-text);align-items:flex-start;gap:var(--space-3,.75rem);border:1px solid var(--state-border);border-radius:var(--radius-panel,.5rem);background:var(--state-bg);width:100%;padding:var(--space-4,1rem);color:var(--state-text);display:flex}[data-ui=notification-viewport]{z-index:var(--layer-notification);right:max(var(--space-3), env(safe-area-inset-right));bottom:max(var(--space-3), env(safe-area-inset-bottom));gap:var(--space-3);width:min(24rem, calc(100% - var(--space-6)));max-height:calc(100dvh - var(--space-6));overscroll-behavior:contain;pointer-events:none;flex-direction:column;display:flex;position:fixed;overflow:hidden auto}[data-ui=notification-viewport]:empty{display:none}[data-ui=notification]{border:1px solid var(--app-border);border-radius:var(--radius-modal);background:var(--app-surface);width:100%;color:var(--app-foreground);overflow-wrap:anywhere;pointer-events:auto;box-shadow:0 8px 24px #00000029}@media (max-width:63.999rem){[data-ui=notification-viewport][data-workspace]{top:auto;bottom:calc(5rem + env(safe-area-inset-bottom) + var(--space-3));max-height:calc(100dvh - 10rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.app-state-panel__icon{flex:none;place-items:center;width:1.5rem;height:1.5rem;display:grid}.app-state-panel__action{flex:none}.app-tabs,[data-ui=underline-tabs]{--app-tab-indicator-gap:var(--space-2);--app-tab-indicator-inset:0px;border-bottom:1px solid var(--border-color);scrollbar-width:none;flex-wrap:wrap;gap:1.25rem;max-width:100%;display:flex;overflow-x:hidden}.app-tabs::-webkit-scrollbar{display:none}[data-ui=underline-tabs]::-webkit-scrollbar{display:none}.app-tab,[data-ui=underline-tabs]>[role=tab]{min-height:2.5rem;color:var(--muted);white-space:nowrap;background:0 0;border:0;flex:none;align-items:center;font-size:.8125rem;font-weight:560;display:inline-flex;position:relative}.app-tab:after,[data-ui=underline-tabs]>[role=tab]:after{right:var(--app-tab-indicator-inset,0px);bottom:var(--app-tab-indicator-gap,var(--space-2));left:var(--app-tab-indicator-inset,0px);content:"";background:0 0;height:2px;position:absolute}.app-tab-label-control:after{content:none}.app-tab:has(>[data-tab-label]):after{content:none}[data-ui=underline-tabs]>[role=tab]:has(>[data-tab-label]):after{content:none}.app-tab-label-control{border-bottom-color:#0000;position:relative}[data-tab-label]{white-space:nowrap;align-items:center;min-width:0;display:inline-flex;position:relative}[data-tab-label]:after{right:0;bottom:calc(-1 * var(--app-tab-label-indicator-offset,var(--space-2)));content:"";background:0 0;height:2px;position:absolute;left:0}.app-tab:is([aria-selected=true],[aria-current=page],.is-active)>[data-tab-label]:after,[data-ui=underline-tabs]>[role=tab][aria-selected=true]>[data-tab-label]:after,.app-tab-label-control:is([aria-selected=true],[aria-pressed=true],.is-active)>[data-tab-label]:after{background:var(--brand)}.app-tab:is([aria-selected=true],[aria-current=page],.is-active),[data-ui=underline-tabs]>[role=tab][aria-selected=true]{color:var(--foreground);font-weight:620}.app-tab:is([aria-selected=true],[aria-current=page],.is-active):after,[data-ui=underline-tabs]>[role=tab][aria-selected=true]:after{background:var(--brand)}.app-selected-block{background:var(--surface-muted);color:var(--foreground);position:relative}.app-selected-block:before{inset-block:0;background:var(--app-brand,var(--brand));content:"";width:2px;position:absolute;left:0}[data-ui=tooltip]{border:1px solid var(--border-color);border-radius:var(--app-radius-control,.375rem);background:var(--popover);max-width:min(18rem,100vw - 1rem);box-shadow:var(--popover-shadow,var(--shadow-panel));color:var(--popover-foreground);text-align:center;transform-origin:var(--transform-origin);transition:opacity var(--motion-fast,.1s) ease, transform var(--motion-fast,.1s) ease;padding:.375rem .5rem;font-size:.75rem;font-weight:520;line-height:1.25}[data-ui=tooltip][data-starting-style],[data-ui=tooltip][data-ending-style]{opacity:0;transform:scale(.96)}.app-select-positioner{z-index:var(--layer-popover,40)}.app-tooltip-positioner{z-index:var(--layer-tooltip,80)}.app-menu-positioner{z-index:var(--layer-popover,40)}.app-select-trigger{border:1px solid var(--input,var(--border-color));background:var(--popover,var(--surface));box-shadow:none;color:var(--foreground);transition:border-color var(--motion-fast,.1s) ease, background-color var(--motion-fast,.1s) ease, color var(--motion-fast,.1s) ease}.app-select-trigger:hover:not(:disabled){border-color:var(--border-strong)}.app-select-trigger:disabled,.app-select-item[data-disabled]{background:var(--surface-muted);color:var(--muted)}.app-select-trigger:focus-visible{border-color:var(--ring,var(--app-brand));outline:2px solid var(--ring,var(--app-brand));outline-offset:1px}.app-select-trigger[aria-invalid=true]{border-color:var(--danger)}.app-select-content{z-index:var(--layer-popover,40);border-radius:var(--radius-panel,.5rem);box-shadow:var(--popover-shadow,var(--app-shadow-popover));animation-duration:var(--motion-fast,.1s);scrollbar-width:none}.app-select-content::-webkit-scrollbar{display:none}.app-select-item{border-radius:var(--radius-control,.375rem)}}@layer utilities{.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.app-scroll-y{overscroll-behavior-y:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-y:auto}.app-scroll-y::-webkit-scrollbar{display:none}:root:not(.dark) :is(.text-blue-300,.text-blue-400,.text-blue-500){color:var(--accent-strong)}:root:not(.dark) :is(.text-amber-300,.text-amber-400){color:#9a5800}:root:not(.dark) :is(.text-red-300,.text-red-400){color:var(--danger)}:root:not(.dark) :is(.text-sky-300,.text-sky-400){color:#0369a1}}@media (prefers-reduced-motion:reduce){.btn,.toggle,[data-ui=tooltip]{transition-duration:.01ms}.btn:active:not(:disabled){transform:none}}@media (max-width:40rem){[data-ui=state-panel]{flex-wrap:wrap}.app-state-panel__action{width:100%}}@media (forced-colors:active){.btn,.app-input,[data-ui=badge],[data-ui=inline-feedback],[data-ui=state-panel]{forced-color-adjust:auto;border-color:canvastext}.btn-primary{color:highlighttext;background:highlight}.app-selected-block:before,.app-tab:is([aria-selected=true],[aria-current=page],.is-active):after,[data-ui=underline-tabs]>[role=tab][aria-selected=true]:after,.app-tab:is([aria-selected=true],[aria-current=page],.is-active)>[data-tab-label]:after,[data-ui=underline-tabs]>[role=tab][aria-selected=true]>[data-tab-label]:after,.app-tab-label-control:is([aria-selected=true],[aria-pressed=true],.is-active)>[data-tab-label]:after{background:highlight}}
:where([data-scroll-fade=top],[data-scroll-fade=bottom],[data-scroll-fade=both]){--scroll-fade-size:clamp(.875rem, 8%, 2.25rem);--scroll-fade-edge:#0000;--scroll-fade-top-offset:0px;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}[data-scroll-fade=top]{-webkit-mask-image:linear-gradient(to bottom, #000 0, #000 var(--scroll-fade-top-offset), var(--scroll-fade-edge) var(--scroll-fade-top-offset), #000 calc(var(--scroll-fade-top-offset) + var(--scroll-fade-size)), #000 100%);-webkit-mask-image:linear-gradient(to bottom, #000 0, #000 var(--scroll-fade-top-offset), var(--scroll-fade-edge) var(--scroll-fade-top-offset), #000 calc(var(--scroll-fade-top-offset) + var(--scroll-fade-size)), #000 100%);mask-image:linear-gradient(to bottom, #000 0, #000 var(--scroll-fade-top-offset), var(--scroll-fade-edge) var(--scroll-fade-top-offset), #000 calc(var(--scroll-fade-top-offset) + var(--scroll-fade-size)), #000 100%)}[data-scroll-fade=bottom]{-webkit-mask-image:linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-size)), var(--scroll-fade-edge) 100%);-webkit-mask-image:linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-size)), var(--scroll-fade-edge) 100%);mask-image:linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-size)), var(--scroll-fade-edge) 100%)}[data-scroll-fade=both]{-webkit-mask-image:linear-gradient(to bottom, #000 0, #000 var(--scroll-fade-top-offset), var(--scroll-fade-edge) var(--scroll-fade-top-offset), #000 calc(var(--scroll-fade-top-offset) + var(--scroll-fade-size)), #000 calc(100% - var(--scroll-fade-size)), var(--scroll-fade-edge) 100%);-webkit-mask-image:linear-gradient(to bottom, #000 0, #000 var(--scroll-fade-top-offset), var(--scroll-fade-edge) var(--scroll-fade-top-offset), #000 calc(var(--scroll-fade-top-offset) + var(--scroll-fade-size)), #000 calc(100% - var(--scroll-fade-size)), var(--scroll-fade-edge) 100%);mask-image:linear-gradient(to bottom, #000 0, #000 var(--scroll-fade-top-offset), var(--scroll-fade-edge) var(--scroll-fade-top-offset), #000 calc(var(--scroll-fade-top-offset) + var(--scroll-fade-size)), #000 calc(100% - var(--scroll-fade-size)), var(--scroll-fade-edge) 100%)}