:root{--c-canvas: #fafafa;--c-surface: #ffffff;--c-subtle: #f4f4f5;--c-line: #e4e4e7;--c-line-strong: #d4d4d8;--c-fg: #18181b;--c-muted: #71717a;--c-faint: #a1a1aa;--c-primary: #18181b;--c-primary-fg: #fafafa;--c-success: #15803d;--c-success-bg: #f0fdf4;--c-danger: #dc2626;--c-danger-bg: #fef2f2;--c-overlay: rgba(9, 9, 11, .4);--c-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px -8px rgba(0, 0, 0, .12);color-scheme:light;--radius: 10px;--radius-sm: 7px;--ease: cubic-bezier(.2, 0, 0, 1)}:root.dark{--c-canvas: #09090b;--c-surface: #111113;--c-subtle: #1c1c1f;--c-line: #27272a;--c-line-strong: #3f3f46;--c-fg: #fafafa;--c-muted: #a1a1aa;--c-faint: #71717a;--c-primary: #fafafa;--c-primary-fg: #18181b;--c-success: #4ade80;--c-success-bg: rgba(74, 222, 128, .1);--c-danger: #f87171;--c-danger-bg: rgba(248, 113, 113, .1);--c-overlay: rgba(0, 0, 0, .6);--c-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px -8px rgba(0, 0, 0, .6);color-scheme:dark}@layer base{html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:var(--c-canvas);color:var(--c-fg);font-feature-settings:"cv11","ss01"}::selection{background:color-mix(in srgb,var(--c-fg) 15%,transparent)}:focus-visible{outline:2px solid color-mix(in srgb,var(--c-fg) 45%,transparent);outline-offset:2px}[x-cloak]{display:none!important}*{scrollbar-width:thin;scrollbar-color:var(--c-line-strong) transparent}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.25rem;padding:0 .875rem;border:1px solid var(--c-line);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-fg);font-size:.875rem;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease),opacity .15s}.btn:hover{background:var(--c-subtle);border-color:var(--c-line-strong)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.btn svg{width:1rem;height:1rem;flex-shrink:0}.btn--primary{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-primary-fg)}.btn--primary:hover{background:color-mix(in srgb,var(--c-primary) 85%,var(--c-canvas));border-color:transparent}.btn--ghost{background:transparent;border-color:transparent;color:var(--c-muted)}.btn--ghost:hover{background:var(--c-subtle);border-color:transparent;color:var(--c-fg)}.btn--danger{color:var(--c-danger)}.btn--danger:hover{background:var(--c-danger-bg);border-color:color-mix(in srgb,var(--c-danger) 35%,transparent)}.btn--danger-solid{background:var(--c-danger);border-color:var(--c-danger);color:#fff}.btn--danger-solid:hover{background:color-mix(in srgb,var(--c-danger) 88%,#000)}.btn--sm{height:1.875rem;padding:0 .625rem;font-size:.8125rem}.btn--icon{width:2.25rem;padding:0}.field{display:flex;flex-direction:column;gap:.375rem}.field__label{font-size:.8125rem;font-weight:500;color:var(--c-muted)}.field__error{font-size:.75rem;color:var(--c-danger)}.field__hint{font-size:.75rem;color:var(--c-faint)}.input{width:100%;height:2.25rem;padding:0 .75rem;border:1px solid var(--c-line);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-fg);font-size:.875rem;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.input::placeholder{color:var(--c-faint)}.input:hover{border-color:var(--c-line-strong)}.input:focus{outline:none;border-color:var(--c-fg);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-fg) 10%,transparent)}.input:disabled,.input[readonly]{background:var(--c-subtle);color:var(--c-muted)}.input[aria-invalid=true]{border-color:var(--c-danger)}textarea.input{height:auto;min-height:5rem;padding:.5rem .75rem;line-height:1.5;resize:vertical}select.input{appearance:none;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2371717a'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.17l3.71-3.94a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.checkbox{width:1rem;height:1rem;border-radius:4px;accent-color:var(--c-primary)}.segmented{display:inline-flex;padding:2px;gap:2px;border:1px solid var(--c-line);border-radius:var(--radius-sm);background:var(--c-subtle)}.segmented__item{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;height:1.875rem;padding:0 .75rem;border-radius:5px;color:var(--c-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .15s var(--ease),color .15s var(--ease)}.segmented__item:hover{color:var(--c-fg)}.segmented__item[aria-pressed=true],.segmented__item:has(input:checked){background:var(--c-surface);color:var(--c-fg);box-shadow:0 1px 2px #00000014,0 0 0 1px var(--c-line)}.segmented__item input{position:absolute;opacity:0;pointer-events:none}.segmented__item svg{width:.9375rem;height:.9375rem}.segmented--icons .segmented__item{width:1.875rem;padding:0}.segmented:has(:disabled){opacity:.6;pointer-events:none}.badge{display:inline-flex;align-items:center;gap:.375rem;height:1.375rem;padding:0 .5rem;border-radius:999px;background:var(--c-subtle);color:var(--c-muted);font-size:.75rem;font-weight:500;white-space:nowrap}.badge:before{content:"";width:.375rem;height:.375rem;border-radius:50%;background:currentColor;opacity:.8}.badge--plain:before{display:none}.badge--success{background:var(--c-success-bg);color:var(--c-success)}.badge--danger{background:var(--c-danger-bg);color:var(--c-danger)}.panel{border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-surface)}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8125rem}.data-table th{position:sticky;top:0;z-index:1;height:2.5rem;padding:0 .875rem;border-bottom:1px solid var(--c-line);background:var(--c-surface);color:var(--c-muted);font-size:.75rem;font-weight:500;text-align:left;white-space:nowrap}.data-table td{height:2.75rem;padding:0 .875rem;border-bottom:1px solid var(--c-line);white-space:nowrap;color:var(--c-fg)}.data-table tbody tr{transition:background-color .1s}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr[data-clickable]{cursor:pointer}.data-table tbody tr[data-clickable]:hover td{background:var(--c-subtle)}.data-table .is-muted{color:var(--c-muted)}.data-table .is-mono{font-family:var(--font-mono);font-size:.78rem;letter-spacing:-.01em}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:4vh 1rem;overflow-y:auto}.modal__backdrop{position:fixed;inset:0;background:var(--c-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal__dialog{position:relative;width:100%;max-width:32rem;border:1px solid var(--c-line);border-radius:calc(var(--radius) + 4px);background:var(--c-surface);box-shadow:var(--c-shadow)}.modal__dialog--lg{max-width:52rem}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.125rem 1.5rem;border-bottom:1px solid var(--c-line)}.modal__body{padding:1.5rem}.modal__footer{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--c-line);background:color-mix(in srgb,var(--c-subtle) 50%,var(--c-surface));border-radius:0 0 calc(var(--radius) + 4px) calc(var(--radius) + 4px)}.menu{position:absolute;z-index:40;min-width:11rem;padding:.25rem;border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-surface);box-shadow:var(--c-shadow)}.menu__item{display:flex;width:100%;align-items:center;gap:.5rem;padding:.5rem .625rem;border-radius:6px;color:var(--c-fg);font-size:.8125rem;text-align:left;cursor:pointer}.menu__item:hover{background:var(--c-subtle)}.menu__item svg{width:1rem;height:1rem;color:var(--c-muted)}.toast{display:flex;align-items:flex-start;gap:.625rem;min-width:16rem;max-width:24rem;padding:.75rem 1rem;border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-surface);box-shadow:var(--c-shadow);font-size:.875rem}.toast svg{width:1.125rem;height:1.125rem;flex-shrink:0;margin-top:1px}.toast--success svg{color:var(--c-success)}.toast--error svg{color:var(--c-danger)}.spinner{width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.kbd{display:inline-flex;align-items:center;height:1.25rem;padding:0 .375rem;border:1px solid var(--c-line);border-radius:5px;color:var(--c-faint);font-family:var(--font-mono);font-size:.6875rem}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;border:1.5px dashed var(--c-line-strong);border-radius:var(--radius);color:var(--c-muted);text-align:center;cursor:pointer;transition:border-color .15s,background-color .15s}.dropzone:hover,.dropzone.is-dragging{border-color:var(--c-fg);background:var(--c-subtle)}}@keyframes spin{to{transform:rotate(360deg)}}