@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:var(--shadow-control,none);color:var(--foreground,#171717);text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;padding-inline:.875rem;font-size:.875rem;font-weight:580;line-height:1.25;text-decoration:none;transition:background-color .12s,border-color .12s,box-shadow .12s,color .12s,opacity .12s;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(--brand,#0c78fe);outline-offset:2px;box-shadow:0 0 0 3px color-mix(in srgb, var(--brand,#0c78fe) 18%, transparent)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{border-color:var(--primary-fill,var(--brand,#0c78fe));background:var(--primary-fill,var(--brand,#0c78fe));color:var(--brand-ink,#fff)}.btn-primary:hover:not(:disabled){border-color:var(--primary-fill-hover,var(--brand-hover,#004bc6));background:var(--primary-fill-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);background:var(--danger,#dc2626);color:#fff}.btn-success{border-color:var(--success,#168047);background:var(--success,#168047);color:#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;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;width:2.5rem;height:1.375rem;transition:background-color .14s,background-position .14s,border-color .14s}.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-kicker{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.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:var(--shadow-control);color:var(--foreground)}.app-control:hover{border-color:var(--border-strong)}.bg-app-overlay{background-color:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.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:var(--shadow-panel)}[data-ui=modal-shell]{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-tone:var(--muted);border-left:2px solid var(--feedback-tone);border-radius:0 var(--app-radius-control,.375rem) var(--app-radius-control,.375rem) 0;background:color-mix(in srgb, var(--feedback-tone) 7%, var(--surface));margin:0;padding:.5rem .75rem}[data-ui=badge]{border-radius:var(--app-radius-control,.375rem)}[data-ui=inline-feedback][data-tone=accent]{--feedback-tone:var(--brand)}[data-ui=inline-feedback][data-tone=success]{--feedback-tone:var(--success)}[data-ui=inline-feedback][data-tone=warning]{--feedback-tone:var(--warning)}[data-ui=inline-feedback][data-tone=danger]{--feedback-tone:var(--danger)}[data-ui=inline-feedback][data-tone=info]{--feedback-tone:var(--app-accent-cyan,var(--brand))}.app-tabs,[data-ui=underline-tabs]{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{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.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(--success);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);padding:.375rem .5rem;font-size:.75rem;font-weight:520;line-height:1.25;transition:opacity .1s,transform .1s}[data-ui=tooltip][data-starting-style],[data-ui=tooltip][data-ending-style]{opacity:0;transform:scale(.96)}}@layer utilities{.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.no-scrollbar::-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}}
: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%)}