@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--font-sans:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SF Mono","Consolas",monospace;--text-2xs:.625rem;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-caption:var(--text-xs);--text-secondary:var(--text-sm);--text-body:var(--text-md);--text-h6:var(--text-xs);--text-h5:var(--text-sm);--text-h4:var(--text-md);--text-h3:var(--text-lg);--text-h2:var(--text-xl);--text-h1:var(--text-2xl);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1;--line-height-snug:1.25;--line-height-base:1.4;--line-height-normal:1.5;--line-height-relaxed:1.625;--tracking-tight:-.025em;--tracking-snug:-.01em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--icon-size-xs:14px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--icon-size-xl:32px;--transition-fast:.1s ease;--transition-base:.15s ease;--transition-slow:.3s ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-toolbar:300;--z-overlay:1000;--z-modal:2000;--z-toast:3000;--button-height:36px;--button-height-sm:28px;--button-height-lg:44px;--input-height:36px;--input-height-sm:28px;--header-height:56px;--tab-bar-height:44px;--toolbar-height:40px;--container-xs:320px;--container-sm:480px;--container-md:640px;--container-lg:1024px;--container-xl:1280px;--focus-ring:0 0 0 2px var(--color-primary)}:root,[data-theme=dark]{--color-bg:#1a1e24;--color-surface:#242930;--color-surface-elevated:#2c323b;--color-surface-hover:#353c47;--color-border-subtle:#282d35;--color-border:#2e3440;--color-border-strong:#3e4650;--color-canvas-bg:#0f1318;--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-text-muted:#9ca3af;--color-text-disabled:#6b7280;--color-text-on-primary:#fff;--color-text-on-dark:#fff;--color-text-inverse:#111827;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-rgb:59,130,246;--color-primary-subtle:rgba(59,130,246,.15);--color-success:#22c55e;--color-success-hover:#16a34a;--color-success-rgb:34,197,94;--color-success-subtle:rgba(34,197,94,.15);--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-rgb:245,158,11;--color-warning-subtle:rgba(245,158,11,.15);--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-rgb:239,68,68;--color-error-subtle:rgba(239,68,68,.15);--color-info:#06b6d4;--color-info-hover:#0891b2;--color-info-rgb:6,182,212;--color-info-subtle:rgba(6,182,212,.15);--color-neutral:#6b7280;--color-neutral-rgb:107,114,128;--color-neutral-subtle:hsla(220,9%,46%,.15);--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 15px rgba(0,0,0,.5);--shadow-xl:0 20px 30px rgba(0,0,0,.6);--shadow-focus-ring:0 0 0 2px rgba(59,130,246,.4);--color-overlay:rgba(0,0,0,.6);--color-hud-bg:rgba(44,62,80,.92);--color-bg-subtle:hsla(0,0%,100%,.03);--color-bg-hover:hsla(0,0%,100%,.06);--color-input-bg:#2c323b;--color-input-bg-disabled:#242930;--color-input-border:#3e4650;--color-input-focus:var(--color-primary);--color-input-text:var(--color-text-primary)}[data-theme=light]{--color-bg:#f5f5f7;--color-surface:#fff;--color-surface-elevated:#f0f1f3;--color-surface-hover:#e5e7eb;--color-border-subtle:#e5e7eb;--color-border:#d1d5db;--color-border-strong:#9ca3af;--color-canvas-bg:#e8eaed;--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-muted:#6b7280;--color-text-disabled:#9ca3af;--color-text-on-primary:#fff;--color-text-on-dark:#fff;--color-text-inverse:#f9fafb;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-rgb:37,99,235;--color-primary-subtle:rgba(37,99,235,.12);--color-success:#16a34a;--color-success-hover:#15803d;--color-success-rgb:22,163,74;--color-success-subtle:rgba(22,163,74,.12);--color-warning:#d97706;--color-warning-hover:#b45309;--color-warning-rgb:217,119,6;--color-warning-subtle:rgba(217,119,6,.12);--color-error:#dc2626;--color-error-hover:#b91c1c;--color-error-rgb:220,38,38;--color-error-subtle:rgba(220,38,38,.1);--color-info:#0891b2;--color-info-hover:#0e7490;--color-info-rgb:8,145,178;--color-info-subtle:rgba(8,145,178,.12);--color-neutral:#6b7280;--color-neutral-rgb:107,114,128;--color-neutral-subtle:hsla(220,9%,46%,.1);--shadow-sm:0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 6px rgba(0,0,0,.08);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 30px rgba(0,0,0,.14);--shadow-focus-ring:0 0 0 2px rgba(37,99,235,.25);--color-overlay:rgba(0,0,0,.4);--color-hud-bg:rgba(44,62,80,.88);--color-bg-subtle:rgba(0,0,0,.03);--color-bg-hover:rgba(0,0,0,.06);--color-input-bg:#fff;--color-input-bg-disabled:#f3f4f6;--color-input-border:#d1d5db;--color-input-focus:var(--color-primary);--color-input-text:var(--color-text-primary)}[data-theme=midnight]{--color-bg:#0f1729;--color-surface:#162036;--color-surface-elevated:#1e2d4a;--color-surface-hover:#253756;--color-border-subtle:#172844;--color-border:#1e3a5f;--color-border-strong:#2e4a6f;--color-canvas-bg:#0a0f1c;--color-text-primary:#e0e7ff;--color-text-secondary:#c7d2fe;--color-text-muted:#94a3b8;--color-text-disabled:#64748b;--color-text-on-primary:#fff;--color-text-on-dark:#fff;--color-text-inverse:#1e1b4b;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-rgb:99,102,241;--color-primary-subtle:rgba(99,102,241,.15);--color-success:#22c55e;--color-success-hover:#16a34a;--color-success-rgb:34,197,94;--color-success-subtle:rgba(34,197,94,.15);--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-rgb:245,158,11;--color-warning-subtle:rgba(245,158,11,.15);--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-rgb:239,68,68;--color-error-subtle:rgba(239,68,68,.15);--color-info:#22d3ee;--color-info-hover:#06b6d4;--color-info-rgb:34,211,238;--color-info-subtle:rgba(34,211,238,.15);--color-neutral:#64748b;--color-neutral-rgb:100,116,139;--color-neutral-subtle:rgba(100,116,139,.15);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 6px rgba(0,0,0,.5);--shadow-lg:0 10px 15px rgba(0,0,0,.6);--shadow-xl:0 20px 30px rgba(0,0,0,.7);--shadow-focus-ring:0 0 0 2px rgba(99,102,241,.4);--color-overlay:rgba(0,0,0,.65);--color-hud-bg:rgba(15,23,41,.92);--color-bg-subtle:hsla(0,0%,100%,.03);--color-bg-hover:hsla(0,0%,100%,.06);--color-input-bg:#1e2d4a;--color-input-bg-disabled:#162036;--color-input-border:#2e4a6f;--color-input-focus:var(--color-primary);--color-input-text:var(--color-text-primary)}[data-theme=warm]{--color-bg:#1c1917;--color-surface:#292524;--color-surface-elevated:#3a3633;--color-surface-hover:#4a4541;--color-border-subtle:#3a3633;--color-border:#44403c;--color-border-strong:#57534e;--color-canvas-bg:#120f0d;--color-text-primary:#fafaf9;--color-text-secondary:#e7e5e4;--color-text-muted:#a8a29e;--color-text-disabled:#78716c;--color-text-on-primary:#1c1917;--color-text-on-dark:#fafaf9;--color-text-inverse:#1c1917;--color-primary:#f59e0b;--color-primary-hover:#d97706;--color-primary-rgb:245,158,11;--color-primary-subtle:rgba(245,158,11,.15);--color-success:#22c55e;--color-success-hover:#16a34a;--color-success-rgb:34,197,94;--color-success-subtle:rgba(34,197,94,.15);--color-warning:#ea580c;--color-warning-hover:#c2410c;--color-warning-rgb:234,88,12;--color-warning-subtle:rgba(234,88,12,.15);--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-rgb:239,68,68;--color-error-subtle:rgba(239,68,68,.15);--color-info:#06b6d4;--color-info-hover:#0891b2;--color-info-rgb:6,182,212;--color-info-subtle:rgba(6,182,212,.15);--color-neutral:#78716c;--color-neutral-rgb:120,113,108;--color-neutral-subtle:rgba(120,113,108,.15);--shadow-sm:0 1px 2px rgba(0,0,0,.35);--shadow-md:0 4px 6px rgba(0,0,0,.45);--shadow-lg:0 10px 15px rgba(0,0,0,.55);--shadow-xl:0 20px 30px rgba(0,0,0,.65);--shadow-focus-ring:0 0 0 2px rgba(245,158,11,.4);--color-overlay:rgba(0,0,0,.6);--color-hud-bg:rgba(28,25,23,.92);--color-bg-subtle:hsla(0,0%,100%,.03);--color-bg-hover:hsla(0,0%,100%,.06);--color-input-bg:#3a3633;--color-input-bg-disabled:#292524;--color-input-border:#57534e;--color-input-focus:var(--color-primary);--color-input-text:var(--color-text-primary)}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}#__nuxt,body,html{height:100%}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}html{font-family:var(--font-sans);font-size:16px;line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:var(--color-bg);font-size:var(--text-md);transition:background var(--transition-base),color var(--transition-base)}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1{font-size:var(--text-h1);letter-spacing:var(--tracking-tight);line-height:var(--line-height-snug)}h1,h2{font-weight:var(--font-weight-semibold)}h2{font-size:var(--text-h2);letter-spacing:var(--tracking-snug);line-height:1.33}h3{font-size:var(--text-h3);letter-spacing:var(--tracking-normal);line-height:var(--line-height-base)}h3,h4{font-weight:var(--font-weight-semibold)}h4{font-size:var(--text-h4);line-height:var(--line-height-normal)}h5{font-size:var(--text-h5);line-height:1.43}h5,h6{font-weight:var(--font-weight-semibold)}h6{color:var(--color-text-muted);font-size:var(--text-h6);letter-spacing:var(--tracking-wider);line-height:1.33;text-transform:uppercase}p{color:var(--color-text-secondary);line-height:var(--line-height-normal)}.prose{max-width:70ch}.prose>*+*,.prose>h1+*,.prose>h2+*,.prose>h3+*,.prose>h4+*{margin-top:var(--space-3)}.prose>*+h2,.prose>*+h3,.prose>*+h4{margin-top:var(--space-5)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.95em}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}:focus{outline:none}:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--shadow-focus-ring);outline:none}::-moz-selection{background:var(--color-primary-subtle);color:var(--color-text-primary)}::selection{background:var(--color-primary-subtle);color:var(--color-text-primary)}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.visually-hidden{composes:sr-only}.btn-danger,.btn-ghost,.btn-primary,.btn-secondary,.btn-subtle{align-items:center;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);height:var(--button-height);justify-content:center;line-height:var(--line-height-tight);padding:0 var(--space-4);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn-danger:disabled,.btn-ghost:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-subtle:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-subtle{background:transparent;color:var(--color-text-muted);font-size:var(--text-xs);height:var(--button-height-sm);padding:0 var(--space-3)}.btn-subtle:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-danger{background:var(--color-error);border-color:var(--color-error);color:var(--color-text-on-dark)}.btn-danger:hover:not(:disabled){background:var(--color-error-hover);border-color:var(--color-error-hover)}.btn-sm{font-size:var(--text-xs);height:var(--button-height-sm);padding:0 var(--space-3)}.btn-lg{font-size:var(--text-md);height:var(--button-height-lg);padding:0 var(--space-5)}.btn-icon-only{padding:0;width:var(--button-height)}.btn-icon-only.btn-sm,.btn-subtle.btn-icon-only{width:var(--button-height-sm)}.btn-icon-only.btn-lg{width:var(--button-height-lg)}.btn-icon{display:inline-flex;flex-shrink:0;height:var(--icon-size-sm);width:var(--icon-size-sm)}.btn-sm .btn-icon,.btn-subtle .btn-icon{height:var(--icon-size-xs);width:var(--icon-size-xs)}.btn-lg .btn-icon{height:var(--icon-size-md);width:var(--icon-size-md)}.btn-loading{opacity:.7;pointer-events:none}.badge{align-items:center;border:1px solid transparent;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-2xs);font-weight:var(--font-weight-medium);gap:var(--space-1);height:20px;line-height:1;padding:0 var(--space-2);white-space:nowrap}.badge-primary{background:var(--color-primary-subtle);color:var(--color-primary)}.badge-success{background:var(--color-success-subtle);color:var(--color-success)}.badge-warning{background:var(--color-warning-subtle);color:var(--color-warning)}.badge-error{background:var(--color-error-subtle);color:var(--color-error)}.badge-info{background:var(--color-info-subtle);color:var(--color-info)}.badge-neutral{background:var(--color-neutral-subtle);color:var(--color-text-secondary)}.badge-solid.badge-primary{background:var(--color-primary);color:var(--color-text-on-primary)}.badge-solid.badge-success{background:var(--color-success);color:var(--color-text-on-dark)}.badge-solid.badge-warning{background:var(--color-warning);color:var(--color-text-on-dark)}.badge-solid.badge-error{background:var(--color-error);color:var(--color-text-on-dark)}.badge-solid.badge-info{background:var(--color-info);color:var(--color-text-on-dark)}.badge-solid.badge-neutral{background:var(--color-neutral);color:var(--color-text-on-dark)}.badge-outline{background:transparent}.badge-outline.badge-primary{border-color:var(--color-primary);color:var(--color-primary)}.badge-outline.badge-success{border-color:var(--color-success);color:var(--color-success)}.badge-outline.badge-warning{border-color:var(--color-warning);color:var(--color-warning)}.badge-outline.badge-error{border-color:var(--color-error);color:var(--color-error)}.badge-outline.badge-info{border-color:var(--color-info);color:var(--color-info)}.badge-outline.badge-neutral{border-color:var(--color-border-strong);color:var(--color-text-secondary)}.tag{align-items:center;border:1px solid transparent;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--text-2xs);font-weight:var(--font-weight-medium);gap:var(--space-1);height:22px;line-height:1;padding:0 var(--space-2);white-space:nowrap}.tag-primary{background:var(--color-primary-subtle);color:var(--color-primary)}.tag-success{background:var(--color-success-subtle);color:var(--color-success)}.tag-warning{background:var(--color-warning-subtle);color:var(--color-warning)}.tag-error{background:var(--color-error-subtle);color:var(--color-error)}.tag-info{background:var(--color-info-subtle);color:var(--color-info)}.tag-neutral{background:var(--color-neutral-subtle);color:var(--color-text-secondary)}.tag-solid.tag-primary{background:var(--color-primary);color:var(--color-text-on-primary)}.tag-solid.tag-success{background:var(--color-success);color:var(--color-text-on-dark)}.tag-solid.tag-warning{background:var(--color-warning);color:var(--color-text-on-dark)}.tag-solid.tag-error{background:var(--color-error);color:var(--color-text-on-dark)}.tag-solid.tag-info{background:var(--color-info);color:var(--color-text-on-dark)}.tag-solid.tag-neutral{background:var(--color-neutral);color:var(--color-text-on-dark)}.tag-outline{background:transparent}.tag-outline.tag-primary{border-color:var(--color-primary);color:var(--color-primary)}.tag-outline.tag-success{border-color:var(--color-success);color:var(--color-success)}.tag-outline.tag-warning{border-color:var(--color-warning);color:var(--color-warning)}.tag-outline.tag-error{border-color:var(--color-error);color:var(--color-error)}.tag-outline.tag-info{border-color:var(--color-info);color:var(--color-info)}.tag-outline.tag-neutral{border-color:var(--color-border-strong);color:var(--color-text-secondary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden}.card-interactive{cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.card-interactive:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.card-header{align-items:center;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);display:flex;font-size:var(--text-md);font-weight:var(--font-weight-semibold);justify-content:space-between;padding:var(--space-4)}.card-body{color:var(--color-text-secondary);flex:1;padding:var(--space-4)}.card-footer{border-top:1px solid var(--color-border-subtle);display:flex;justify-content:flex-end;padding:var(--space-3) var(--space-4)}.card-footer,.nav-item{align-items:center;gap:var(--space-2)}.nav-item{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-item.is-active,.nav-item[aria-current=page]{background:var(--color-primary-subtle);color:var(--color-text-primary)}.sidebar-item{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-normal);gap:var(--space-2);padding:var(--space-2) var(--space-3);text-align:left;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-item.is-active,.sidebar-item[aria-current=page]{background:var(--color-primary-subtle);color:var(--color-primary);font-weight:var(--font-weight-medium)}.sidebar-item.is-disabled,.sidebar-item:disabled{color:var(--color-text-disabled);cursor:not-allowed}.sidebar-item.is-disabled:hover,.sidebar-item:disabled:hover{background:transparent;color:var(--color-text-disabled)}.sidebar-section-label{color:var(--color-text-muted);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);text-transform:uppercase}.breadcrumb{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:var(--text-sm);gap:var(--space-2)}.breadcrumb-link{color:inherit;cursor:pointer;text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--color-text-primary)}.breadcrumb-sep{color:var(--color-text-disabled)}.breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.tabs{align-items:stretch;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-1)}.tab{align-items:center;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);height:var(--tab-bar-height);padding:0 var(--space-4);transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.tab:hover,.tab[aria-selected=true]{color:var(--color-text-primary)}.tab[aria-selected=true]{border-bottom-color:var(--color-primary)}.form-input,.form-select,.form-textarea{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);color:var(--color-input-text);display:block;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-normal);height:var(--input-height);padding:0 var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);width:100%}.form-textarea{height:auto;line-height:var(--line-height-normal);min-height:calc(var(--input-height)*2.5);padding:var(--space-2) var(--space-3);resize:vertical}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-input:hover:not(:disabled):not([aria-invalid=true]),.form-select:hover:not(:disabled):not([aria-invalid=true]),.form-textarea:hover:not(:disabled):not([aria-invalid=true]){border-color:var(--color-border-strong)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-input-focus);box-shadow:var(--shadow-focus-ring);outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--color-input-bg-disabled);color:var(--color-text-disabled);cursor:not-allowed}.form-input[aria-invalid=true],.form-select[aria-invalid=true],.form-textarea[aria-invalid=true]{border-color:var(--color-error)}.form-input[aria-invalid=true]:focus,.form-select[aria-invalid=true]:focus,.form-textarea[aria-invalid=true]:focus{box-shadow:0 0 0 2px var(--color-error-subtle)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='2'><path d='M4 6l4 4 4-4'/></svg>");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:var(--icon-size-sm) var(--icon-size-sm);padding-right:var(--space-7)}.form-input-sm,.form-select-sm{font-size:var(--text-xs);height:var(--input-height-sm)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.form-help{color:var(--color-text-muted)}.form-error,.form-help{font-size:var(--text-xs)}.form-error{color:var(--color-error)}.switch{align-items:center;background:var(--color-surface-hover);border:1px solid var(--color-border);cursor:pointer;display:inline-flex;height:20px;padding:0;position:relative;transition:background var(--transition-fast),border-color var(--transition-fast);width:36px}.switch,.switch-thumb{border-radius:var(--radius-full)}.switch-thumb{background:var(--color-text-on-dark);box-shadow:var(--shadow-sm);height:16px;left:1px;position:absolute;top:1px;transition:transform var(--transition-base);width:16px}.switch[aria-checked=true]{background:var(--color-primary);border-color:var(--color-primary)}.switch[aria-checked=true] .switch-thumb{transform:translate(16px)}.switch-sm{height:16px;width:28px}.switch-sm .switch-thumb{height:12px;width:12px}.switch-sm[aria-checked=true] .switch-thumb{transform:translate(12px)}.switch:disabled{cursor:not-allowed;opacity:.5}.checkbox{align-items:center;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-xs);cursor:pointer;display:inline-flex;height:16px;justify-content:center;padding:0;transition:background var(--transition-fast),border-color var(--transition-fast);width:16px}.checkbox:hover:not(:disabled){border-color:var(--color-border-strong)}.checkbox[aria-checked=true]{background:var(--color-primary);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 6l3 3 5-6'/></svg>");background-position:50%;background-repeat:no-repeat;border-color:var(--color-primary)}.checkbox[aria-checked=mixed]{background:var(--color-primary);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'><path d='M2 6h8'/></svg>");background-position:50%;background-repeat:no-repeat;border-color:var(--color-primary)}.checkbox:disabled{cursor:not-allowed;opacity:.5}.radio{align-items:center;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-full);cursor:pointer;display:inline-flex;height:16px;justify-content:center;padding:0;transition:background var(--transition-fast),border-color var(--transition-fast);width:16px}.radio:hover:not(:disabled){border-color:var(--color-border-strong)}.radio[aria-checked=true]{border-color:var(--color-primary)}.radio[aria-checked=true]:after{background:var(--color-primary);border-radius:var(--radius-full);content:"";height:8px;width:8px}.radio:disabled{cursor:not-allowed;opacity:.5}.dialog-overlay{align-items:center;background:var(--color-overlay);display:flex;inset:0;justify-content:center;padding:var(--space-5);position:fixed;z-index:var(--z-overlay)}.dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:calc(100vh - var(--space-8)*2);max-width:var(--container-sm);overflow:hidden;width:100%;z-index:var(--z-modal)}.dialog-sm{max-width:var(--container-xs)}.dialog-md{max-width:var(--container-sm)}.dialog-lg{max-width:var(--container-md)}.dialog-xl{max-width:var(--container-lg)}.dialog-header{align-items:center;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);display:flex;font-size:var(--text-md);font-weight:var(--font-weight-semibold);gap:var(--space-3);justify-content:space-between;padding:var(--space-4) var(--space-5)}.dialog-body{color:var(--color-text-secondary);flex:1;overflow-y:auto;padding:var(--space-5)}.dialog-footer{align-items:center;border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4) var(--space-5)}.table{border-collapse:collapse;color:var(--color-text-secondary);font-size:var(--text-sm);width:100%}.table thead{background:var(--color-bg-subtle)}.table th{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;padding:var(--space-2) var(--space-3);text-align:left;text-transform:uppercase}.table td{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);padding:var(--space-3)}.table-interactive tbody tr{cursor:pointer;transition:background var(--transition-fast)}.table-interactive tbody tr:hover{background:var(--color-bg-hover)}.table tr[aria-selected=true]{background:var(--color-primary-subtle)}.table-compact td,.table-compact th{font-size:var(--text-xs);padding-bottom:var(--space-1);padding-top:var(--space-1)}.table-comfortable td,.table-comfortable th{padding-bottom:var(--space-4);padding-top:var(--space-4)}.table .table-num,.table td.table-num,.table th.table-num{font-variant-numeric:tabular-nums;text-align:right}.progress{background:var(--color-bg-subtle);height:8px;overflow:hidden;position:relative;width:100%}.progress,.progress-bar{border-radius:var(--radius-full)}.progress-bar{background:var(--color-primary);height:100%;transition:width var(--transition-base)}.progress-bar.progress-success{background:var(--color-success)}.progress-bar.progress-warning{background:var(--color-warning)}.progress-bar.progress-error{background:var(--color-error)}.progress-sm{height:4px}.progress-lg{height:12px}.progress-indeterminate .progress-bar{animation:progress-sweep 1.4s ease-in-out infinite;width:30%}@keyframes progress-sweep{0%{transform:translate(-100%)}to{transform:translate(400%)}}.tooltip{background:var(--color-hud-bg);box-shadow:var(--shadow-md);color:var(--color-text-on-dark);font-size:var(--text-xs);font-weight:var(--font-weight-medium);max-width:var(--container-xs);padding:var(--space-2) var(--space-3);pointer-events:none;position:absolute;white-space:nowrap;z-index:var(--z-toast)}.alert,.tooltip{border-radius:var(--radius-sm)}.alert{align-items:flex-start;border:1px solid;border-left:3px solid;display:flex;font-size:var(--text-sm);gap:var(--space-3);line-height:var(--line-height-normal);padding:var(--space-3) var(--space-4)}.alert-icon{flex-shrink:0;font-weight:var(--font-weight-bold)}.alert-body{color:var(--color-text-primary);flex:1}.alert-info{background:var(--color-info-subtle);border-color:var(--color-info);color:var(--color-info)}.alert-warning{background:var(--color-warning-subtle);border-color:var(--color-warning);color:var(--color-warning)}.alert-error{background:var(--color-error-subtle);border-color:var(--color-error);color:var(--color-error)}.alert-success{background:var(--color-success-subtle);border-color:var(--color-success);color:var(--color-success)}.toast{align-items:center;background:var(--color-surface-elevated);border-left:1px solid var(--color-border);border:1px solid var(--color-border);border-left-width:3px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--color-text-primary);display:inline-flex;font-size:var(--text-sm);gap:var(--space-3);max-width:var(--container-sm);min-width:240px;padding:var(--space-3) var(--space-4)}.toast-body{flex:1}.toast-action{flex-shrink:0}.toast-success{border-left-color:var(--color-success)}.toast-info{border-left-color:var(--color-info)}.toast-warning{border-left-color:var(--color-warning)}.toast-error{border-left-color:var(--color-error)}.popover{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:var(--container-sm);min-width:var(--container-xs);overflow:hidden;position:absolute;z-index:var(--z-overlay)}.popover-header{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.popover-body,.popover-header{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.popover-body{color:var(--color-text-secondary)}.popover-footer{border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-2) var(--space-3)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:24px;width:100%}.slider::-webkit-slider-runnable-track{background:var(--color-surface-hover);border-radius:var(--radius-full);height:4px;width:100%}.slider::-moz-range-track{background:var(--color-surface-hover);border-radius:var(--radius-full);height:4px;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border:2px solid var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);cursor:pointer;height:16px;margin-top:-6px;width:16px}.slider::-moz-range-thumb{background:var(--color-primary);border:2px solid var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);cursor:pointer;height:16px;width:16px}.slider:focus{outline:none}.slider:focus::-webkit-slider-thumb{box-shadow:var(--shadow-focus-ring)}.slider:focus::-moz-range-thumb{box-shadow:var(--shadow-focus-ring)}.slider:disabled{cursor:not-allowed;opacity:.5}.toggle-group{align-items:stretch;display:flex;gap:var(--space-1);width:100%}.toggle-group>*{flex:1 1 0;min-width:0}.toggle-group>[aria-pressed=true],.toggle-group>[aria-selected=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.toggle-group-segmented{--toggle-min-width:96px;align-items:stretch;background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:grid;gap:var(--space-1);grid-template-columns:repeat(auto-fit,minmax(var(--toggle-min-width),1fr));padding:var(--space-1);width:100%}.toggle-group-segmented>*{align-items:center;background:transparent;border:none;border-radius:var(--radius-xs);color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-weight-medium);height:calc(var(--button-height-sm) - 2px);justify-content:center;min-width:0;padding:0 var(--space-2);text-transform:capitalize;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.toggle-group-segmented>:last-child:nth-child(odd):not(:first-child){grid-column:1/-1}.toggle-group-segmented>:hover:not([aria-pressed=true]):not([aria-selected=true]){background:var(--color-bg-hover);color:var(--color-text-secondary)}.toggle-group-segmented>[aria-pressed=true],.toggle-group-segmented>[aria-selected=true]{background:var(--color-surface-elevated);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}.ks{gap:var(--space-6);padding:var(--space-5);padding-bottom:var(--space-8)}.ks,.ks-section{display:flex;flex-direction:column}.ks-section{gap:var(--space-4);margin:0 auto;max-width:960px;width:100%}.ks-section-head{display:flex;flex-direction:column;gap:var(--space-2)}.ks-section-head p{color:var(--color-text-muted);font-size:var(--text-sm)}.ks-section-body{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.ks-stack{display:flex;flex-direction:column;gap:var(--space-5)}.ks-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.ks-row-label{color:var(--color-text-muted);display:block;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase}.ks-text-sm{font-size:var(--text-sm)}.ks-mini-label,.ks-text-muted{color:var(--color-text-muted)}.ks-mini-label{display:block;font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);margin-bottom:var(--space-2);text-transform:uppercase}.ks-row-divider{background:var(--color-border);display:inline-block;height:18px;margin:0 var(--space-2);width:1px}.ks-avatar{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-on-primary);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);height:28px;justify-content:center;width:28px}.ks-logo-sm{background:linear-gradient(135deg,var(--color-primary),var(--color-info));border-radius:var(--radius-xs);flex-shrink:0;height:var(--icon-size-sm);width:var(--icon-size-sm)}.ks-type-scale{display:flex;flex-direction:column;gap:var(--space-4)}.ks-type-row{align-items:baseline;border-bottom:1px dashed var(--color-border-subtle);display:flex;gap:var(--space-5);justify-content:space-between;padding-bottom:var(--space-3)}.ks-type-row:last-child{border-bottom:none;padding-bottom:0}.ks-type-meta{color:var(--color-text-muted);flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-2xs);white-space:nowrap}.ks-type-body{color:var(--color-text-primary);font-size:var(--text-body)}.ks-type-secondary{color:var(--color-text-secondary);font-size:var(--text-secondary)}.ks-type-caption{color:var(--color-text-muted);font-size:var(--text-caption);letter-spacing:var(--tracking-wide)}.ks-type-lead{color:var(--color-text-primary);font-size:var(--text-lg);line-height:var(--line-height-base)}.ks-tracking-list{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:var(--space-4) 0 0 0;padding:0}.ks-tracking-list li{align-items:baseline;border-bottom:1px dashed var(--color-border-subtle);display:flex;gap:var(--space-5);justify-content:space-between;padding-bottom:var(--space-2)}.ks-tracking-list li:last-child{border-bottom:none;padding-bottom:0}.ks-tracking-sample{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-weight-medium)}.ks-uppercase{text-transform:uppercase}.ks-leading-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;margin-top:var(--space-4)}.ks-leading-sample{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.ks-leading-sample p{color:var(--color-text-primary);font-size:var(--text-body);margin:0}.ks-composition{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);margin-top:var(--space-4);padding:var(--space-6)}.ks-composition .ks-type-meta-end{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide)}.ks-whitespace-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;margin-top:var(--space-4)}.ks-whitespace-card{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.ks-whitespace-cramped{padding:var(--space-2)}.ks-whitespace-cramped>*+*{margin-top:var(--space-1)}.ks-whitespace-cramped h3{font-size:var(--text-md)}.ks-whitespace-cramped p{font-size:var(--text-sm)}.ks-whitespace-cramped .ks-whitespace-actions{gap:var(--space-1)}.ks-whitespace-breathing{padding:var(--space-6)}.ks-whitespace-breathing>*+*{margin-top:var(--space-3)}.ks-whitespace-breathing h3{margin-top:var(--space-2)}.ks-whitespace-breathing p{margin-bottom:var(--space-4);margin-top:var(--space-2)}.ks-whitespace-breathing .ks-whitespace-actions{gap:var(--space-2);margin-top:var(--space-5)}.ks-whitespace-actions{display:flex;justify-content:flex-end}.ks-type-note{background:var(--color-primary-subtle);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-4)}.ks-type-note h6{color:var(--color-primary);font-size:var(--text-sm);letter-spacing:var(--tracking-normal);line-height:var(--line-height-snug);text-transform:none}.ks-type-note p{color:var(--color-text-primary);font-size:var(--text-sm);line-height:var(--line-height-normal);margin:0}.ks-type-note code{background:var(--color-bg-subtle);border-radius:var(--radius-xs);color:var(--color-text-primary);font-family:var(--font-mono);font-size:.9em;padding:1px 5px}.ks-spec-table-intro{margin-top:var(--space-4)}.ks-type-spec-table{border-collapse:collapse;margin-top:var(--space-3);width:100%}.ks-type-spec-table th{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);padding:var(--space-2) var(--space-3);text-align:left;text-transform:uppercase;white-space:nowrap}.ks-type-spec-table td{border-bottom:1px dashed var(--color-border-subtle);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-3);vertical-align:middle}.ks-type-spec-table td:first-child{font-family:var(--font-sans);font-size:inherit;width:30%}.ks-type-spec-table tr:last-child td{border-bottom:none}.ks-spec-group-row td{background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);padding:var(--space-2) var(--space-3);text-transform:uppercase}.ks-spec-input-cell .form-input{max-width:200px}.ks-spec-table-header-sample{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.ks-spec-table-cell-sample{font-size:var(--text-sm)}.ks-spec-card-title-sample,.ks-spec-table-cell-sample{color:var(--color-text-primary);font-family:var(--font-sans)}.ks-spec-card-title-sample{font-size:var(--text-md);font-weight:var(--font-weight-semibold)}.ks-spec-card-body-sample{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-sm)}.ks-spec-stat-value-sample{color:var(--color-primary);font-family:var(--font-sans);font-size:var(--text-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.ks-spec-stat-label-sample{color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase}.ks-variant-guide{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:var(--space-4)}.ks-variant-card{align-items:flex-start;background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.ks-variant-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin-top:var(--space-1)}.ks-variant-desc{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--line-height-normal)}.ks-variant-bad{color:var(--color-error)}.ks-variant-good{color:var(--color-success)}.ks-drift-list{gap:var(--space-3);list-style:none;margin:var(--space-4) 0 0 0;padding:0}.ks-drift-list,.ks-drift-list li{display:flex;flex-direction:column}.ks-drift-list li{background:var(--color-error-subtle);border-left:3px solid var(--color-error);border-radius:var(--radius-xs);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.ks-drift-head{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.ks-drift-title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.ks-drift-body{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--line-height-normal)}.ks-drift-list code{background:var(--color-bg-subtle);border-radius:var(--radius-xs);color:var(--color-text-primary);font-family:var(--font-mono);font-size:.9em;padding:1px 5px}.ks-button-comp{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-5)}.ks-button-comp-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-5);justify-content:space-between}.ks-button-comp-title{margin-top:var(--space-2)}.ks-button-comp-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.ks-button-comp-notes{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:var(--space-4) 0 0 0;padding:0}.ks-button-comp-notes li{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--text-xs);gap:var(--space-3);line-height:var(--line-height-normal)}.ks-bt-decision{display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;margin-top:var(--space-4)}.ks-bt-card{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.ks-bt-card-sample{align-items:center;display:flex;padding:var(--space-2) 0}.ks-bt-color-guide{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-4)}.ks-bt-color-row{align-items:center;display:grid;font-size:var(--text-sm);gap:var(--space-3);grid-template-columns:60px 88px 1fr;padding:var(--space-1) 0}.ks-bt-color-row strong{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.ks-bt-color-desc{color:var(--color-text-muted);font-size:var(--text-xs)}.ks-bt-comp{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-4);overflow:hidden}.ks-bt-row{align-items:center;border-bottom:1px solid var(--color-border-subtle);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.ks-bt-row:last-child{border-bottom:none}.ks-bt-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);min-width:100px}.ks-bt-spacer{flex:1}.ks-bt-time{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;min-width:80px;text-align:right}.ks-form-gallery{align-items:center;display:grid;gap:var(--space-3) var(--space-5);grid-template-columns:280px 1fr;margin-top:var(--space-4)}.ks-form-gallery>.form-input,.ks-form-gallery>.form-select,.ks-form-gallery>.form-textarea{width:100%}.ks-form-gallery-controls{align-items:center;display:flex;gap:var(--space-3)}.ks-form-gallery-label{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-2xs)}.ks-form-decision{margin-top:var(--space-5)}.ks-form-decision-title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.ks-form-decision-pair{display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.ks-form-decision-card{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.ks-form-mini{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);padding:var(--space-3)}.ks-form-mini-stacked{display:flex;flex-direction:column;gap:var(--space-2)}.ks-form-mini-grid{align-items:center;display:grid;gap:var(--space-3);grid-template-columns:96px 1fr}.ks-form-mini-checklist{display:flex;flex-direction:column;gap:var(--space-2)}.ks-form-mini-flush{overflow:hidden;padding:0}.ks-control-row{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-2)}.ks-form{display:flex;flex-direction:column;gap:var(--space-3)}.ks-form-row{align-items:center;display:grid;gap:var(--space-4);grid-template-columns:140px 1fr}.ks-form-row:has(.form-textarea){align-items:start}.ks-form-label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.ks-slider-row{align-items:center;display:flex;gap:var(--space-3)}.ks-slider-row .slider{flex:1}.ks-slider-value{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);min-width:96px;text-align:right}.ks-cards-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ks-cards-comp,.ks-cards-gallery{gap:var(--space-3);margin-top:var(--space-4)}.ks-cards-comp{display:flex;flex-direction:column}.ks-cards-stat-row{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr)}.ks-cards-stat{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.ks-cards-stat-label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.ks-cards-stat-value{color:var(--color-text-primary);font-size:var(--text-h1);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.ks-cards-stat-link{color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.ks-cards-comp .card-header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.ks-cards-comp .card-body>.table{border:none}.ks-nav-gallery-top{align-items:center;gap:var(--space-2)}.ks-nav-gallery-sidebar,.ks-nav-gallery-top{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:flex;padding:var(--space-2)}.ks-nav-gallery-sidebar{flex-direction:column;gap:2px;width:220px}.ks-nav-mini-top{align-items:center;display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.ks-nav-mini-brand{border-right:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin-right:var(--space-1);padding-right:var(--space-3)}.ks-nav-mini-sidebar{display:flex;flex-direction:column;gap:2px;padding:var(--space-2)}.ks-nav-side-note{background:var(--color-info-subtle);border-left:3px solid var(--color-info);border-radius:var(--radius-xs);color:var(--color-text-primary);font-size:var(--text-xs);line-height:var(--line-height-normal);margin-top:var(--space-3);padding:var(--space-3) var(--space-4)}.ks-nav-side-note strong{color:var(--color-info);font-weight:var(--font-weight-semibold)}.ks-app-shell{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;margin-top:var(--space-4);overflow:hidden}.ks-app-shell-header{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-4);height:var(--header-height);justify-content:space-between;padding:0 var(--space-4)}.ks-app-shell-brand{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2)}.ks-app-shell-nav{align-items:center;display:flex;gap:var(--space-1)}.ks-app-shell-status{align-items:center;display:flex;gap:var(--space-3)}.ks-app-shell-main{display:flex;min-height:260px}.ks-app-shell-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-2);width:200px}.ks-app-shell-content{flex:1;padding:var(--space-4) var(--space-5)}.ks-app-shell-title{margin:var(--space-2) 0 var(--space-3) 0}.ks-table-primitives{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:var(--text-xs);gap:var(--space-2);line-height:var(--line-height-normal);list-style:none;margin:var(--space-4) 0 0 0;padding:0}.ks-table-primitives strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.ks-table-primitives code{background:var(--color-bg-subtle);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.9em;padding:1px 4px}.ks-mini-cards{gap:var(--space-2)}.ks-mini-card,.ks-mini-cards{display:flex;flex-direction:column;padding:var(--space-3)}.ks-mini-card{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);gap:var(--space-1)}.ks-mini-card-title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.ks-mini-card-body{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--line-height-normal);margin:0}.ks-mini-card-meta{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-2xs);gap:var(--space-2);margin-top:var(--space-1)}.ks-sortable{cursor:pointer}.ks-sortable>span{margin-right:var(--space-1)}.ks-sort-icon{color:var(--color-text-secondary);display:inline-block;height:12px;vertical-align:middle;width:12px}.ks-run-code{background:var(--color-bg-subtle);border-radius:var(--radius-xs);color:var(--color-text-primary);font-family:var(--font-mono);font-size:.95em;padding:1px 6px}.ks-runs-table{margin-top:var(--space-4)}.ks-table-footer{border-top:1px solid var(--color-border-subtle);margin-top:var(--space-3);padding-top:var(--space-3)}.ks-ladder-axis,.ks-table-footer{align-items:center;display:flex;justify-content:space-between}.ks-ladder-axis{color:var(--color-text-muted);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);gap:var(--space-2);letter-spacing:var(--tracking-wider);margin-top:var(--space-4);text-transform:uppercase}.ks-ladder-arrow{color:var(--color-border-strong);flex:1;font-weight:var(--font-weight-normal);letter-spacing:0;text-align:center}.ks-ladder{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.ks-ladder-rung{align-items:center;background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:grid;gap:var(--space-4);grid-template-columns:36px 120px 200px 1fr;padding:var(--space-3) var(--space-4)}.ks-ladder-weight{align-self:center;background:var(--color-primary);border-radius:var(--radius-xs);height:calc(var(--w)*4px);opacity:calc(.3 + var(--w)*.14);width:100%}.ks-ladder-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.ks-ladder-example{align-items:center;display:flex;justify-content:flex-start}.ks-ladder-rule{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--line-height-normal)}.ks-ladder-rule strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.ks-feedback-comp{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;margin-top:var(--space-4)}.ks-feedback-comp-card{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.ks-feedback-comp-title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.ks-feedback-comp-flow,.ks-feedback-comp-stage{align-items:center;display:flex;flex-direction:column;gap:var(--space-2)}.ks-feedback-comp-stage{width:100%}.ks-feedback-comp-stage-label{align-self:flex-start;color:var(--color-text-muted);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.ks-feedback-comp-stage-arrow{color:var(--color-text-muted);font-size:var(--text-lg)}.ks-feedback-comp-note{border-top:1px dashed var(--color-border-subtle);color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--line-height-normal);padding-top:var(--space-3)}.ks-feedback-comp-note strong{color:var(--color-text-primary)}.ks-feedback-dialog-mock{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;width:100%}.ks-feedback-dialog-title{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-4)}.ks-feedback-dialog-body{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--line-height-normal);padding:var(--space-3) var(--space-4)}.ks-feedback-dialog-actions{border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-3) var(--space-4)}.ks-tooltip-trigger{border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:help;display:inline-flex;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);position:relative}.ks-tooltip-trigger .tooltip{bottom:calc(100% + var(--space-2));left:50%;opacity:0;position:absolute;transform:translate(-50%);transition:opacity var(--transition-fast)}.ks-tooltip-trigger:hover .tooltip{opacity:1}.ks-popover-trigger{position:relative}.ks-popover-trigger .popover{left:0;position:absolute;top:calc(100% + var(--space-2))}.ks-progress-row{align-items:center;display:grid;gap:var(--space-3);grid-template-columns:160px 1fr}.ks-progress-row .ks-row-label{margin-bottom:0}.ks-spinner{animation:ks-spin 1s linear infinite;color:var(--color-primary);height:var(--icon-size-xl);width:var(--icon-size-xl)}@keyframes ks-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.ks-circular{height:48px;width:48px}.ks-progress-guide{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.ks-progress-guide-row{align-items:center;background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:grid;gap:var(--space-4);grid-template-columns:160px 1fr;padding:var(--space-3) var(--space-4)}.ks-progress-guide-sample{align-items:center;display:flex;width:100%}.ks-progress-guide-rule{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--line-height-normal)}.ks-progress-guide-rule strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.ks-state-row{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr 1fr}.ks-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);text-align:center}.ks-state-icon{align-items:center;background:var(--color-bg-subtle);border-radius:var(--radius-full);color:var(--color-text-muted);display:inline-flex;font-size:var(--text-xl);height:48px;justify-content:center;width:48px}.ks-state-icon-error{background:var(--color-error-subtle);color:var(--color-error)}.ks-state h5{color:var(--color-text-primary);font-size:var(--text-md);margin-top:var(--space-2)}.ks-state p{color:var(--color-text-muted);font-size:var(--text-sm)}.ks-state-mini{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);text-align:center}.ks-state-mini .ks-state-icon{font-size:var(--text-lg);height:36px;width:36px}.ks-state-mini-headline{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin-top:var(--space-1)}.ks-state-mini-body{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--line-height-normal);margin:0}.ks-skeleton-group{display:flex;flex:1;flex-direction:column;gap:var(--space-2)}.ks-skeleton{animation:ks-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-surface-hover) 0,var(--color-bg-hover) 50%,var(--color-surface-hover) 100%);background-size:200% 100%;border-radius:var(--radius-xs);height:12px}@keyframes ks-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ks-state-comp{display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr 1fr;margin-top:var(--space-4)}.ks-state-comp-card{display:flex;flex-direction:column;gap:var(--space-2)}.ks-state-comp-label{color:var(--color-text-muted);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.ks-swatch-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.ks-swatch-set{background:var(--color-bg-subtle);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.ks-swatch-set>.ks-swatch{height:28px}.ks-swatch{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs)}.ks-swatch-label{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.05em;margin-top:var(--space-1);text-transform:uppercase}.ks-swatch-primary{background:var(--color-primary)}.ks-swatch-primary-hover{background:var(--color-primary-hover)}.ks-swatch-primary-subtle{background:var(--color-primary-subtle)}.ks-swatch-success{background:var(--color-success)}.ks-swatch-success-hover{background:var(--color-success-hover)}.ks-swatch-success-subtle{background:var(--color-success-subtle)}.ks-swatch-warning{background:var(--color-warning)}.ks-swatch-warning-hover{background:var(--color-warning-hover)}.ks-swatch-warning-subtle{background:var(--color-warning-subtle)}.ks-swatch-error{background:var(--color-error)}.ks-swatch-error-hover{background:var(--color-error-hover)}.ks-swatch-error-subtle{background:var(--color-error-subtle)}.ks-swatch-info{background:var(--color-info)}.ks-swatch-info-hover{background:var(--color-info-hover)}.ks-swatch-info-subtle{background:var(--color-info-subtle)}.ks-swatch-neutral{background:var(--color-neutral)}.ks-swatch-neutral-hover{background:var(--color-text-muted)}.ks-swatch-neutral-subtle{background:var(--color-neutral-subtle)}.ks-surface{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);display:flex;font-size:var(--text-xs);height:64px;justify-content:center;width:96px}.ks-surface-bg{background:var(--color-bg)}.ks-surface-surface{background:var(--color-surface)}.ks-surface-elevated{background:var(--color-surface-elevated)}.ks-surface-hover{background:var(--color-surface-hover)}.ks-shadow-row{display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.ks-shadow{align-items:center;background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-muted);display:flex;font-size:var(--text-xs);height:80px;justify-content:center}.ks-shadow-sm{box-shadow:var(--shadow-sm)}.ks-shadow-md{box-shadow:var(--shadow-md)}.ks-shadow-lg{box-shadow:var(--shadow-lg)}.ks-shadow-xl{box-shadow:var(--shadow-xl)}.ks-radius{align-items:center;background:var(--color-primary-subtle);border:1px solid var(--color-primary);color:var(--color-text-muted);display:flex;font-size:var(--text-xs);height:72px;justify-content:center;width:72px}.ks-radius-xs{border-radius:var(--radius-xs)}.ks-radius-sm{border-radius:var(--radius-sm)}.ks-radius-md{border-radius:var(--radius-md)}.ks-radius-lg{border-radius:var(--radius-lg)}.ks-radius-xl{border-radius:var(--radius-xl)}.ks-radius-full{border-radius:var(--radius-full)}