:root{--kit-muted:color-mix(in oklab, var(--foreground) 55%, transparent);--kit-meta:color-mix(in oklab, var(--foreground) 50%, transparent);--kit-bevel:inset 0 1px 0 #ffffff0f, 0 1px 2px #00000014;--kit-raised:0 1px 2px #0000001f}:root:not(.dark){--kit-bevel:inset 0 -1px 0 #0000000a, 0 1px 2px #0000000d;--kit-raised:0 1px 2px #0000001a}.kit-btn{border-radius:var(--radius-md);height:26px;font-size:var(--font-sm);white-space:nowrap;cursor:pointer;border:1px solid #0000;outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-weight:500;display:inline-flex}.kit-btn:active:not(:disabled){transform:scale(.97)}.kit-btn:disabled,.kit-select:disabled,.kit-seg-item:disabled,.kit-field:disabled{opacity:.6;cursor:not-allowed}.kit-listbox,.kit-listbox:focus-visible{outline:none}.kit-btn--primary{color:var(--primary-foreground);background:var(--primary);box-shadow:inset 0 1px #ffffff29,0 1px 2px #0000001f}.kit-btn--primary:hover:not(:disabled){background:color-mix(in oklab, var(--primary) 90%, transparent)}.kit-btn--secondary,.kit-btn--danger{color:var(--foreground);background:var(--muted);border-color:var(--input);box-shadow:var(--kit-bevel)}.kit-btn--secondary:hover:not(:disabled){background:var(--accent)}.kit-btn--danger{color:var(--error)}.kit-btn--danger:hover:not(:disabled){background:color-mix(in oklab, var(--error) 6%, transparent);border-color:color-mix(in oklab, var(--error) 32%, transparent)}.kit-btn--secondary[aria-pressed=true]{color:var(--foreground);background:color-mix(in oklab, var(--ring) 12%, transparent);border-color:color-mix(in oklab, var(--ring) 40%, transparent)}.kit-btn--ghost{color:var(--kit-muted)}.kit-btn--ghost:hover:not(:disabled){color:var(--foreground);background:var(--accent)}.kit-select.kit-select--size{width:5.5rem;min-width:5.5rem}.kit-select{min-width:9rem;max-width:14rem;min-height:26px;color:var(--foreground);font-size:var(--font-sm);text-align:left;background:var(--muted);border:1px solid var(--input);border-radius:var(--radius-md);box-shadow:var(--kit-bevel);cursor:pointer;outline:none;justify-content:space-between;align-items:center;gap:8px;padding:0 10px 0 11px;display:inline-flex}.kit-select:hover:not(:disabled){background:var(--accent)}.kit-select>svg:last-child{opacity:.5;flex-shrink:0;width:12px;height:12px}.kit-seg{background:color-mix(in oklab, var(--foreground) 5%, transparent);border-radius:var(--radius-md);flex-shrink:0;gap:2px;max-width:100%;padding:2px;display:inline-grid}.kit-seg-item{height:var(--control-h-xs);min-width:0;color:var(--kit-muted);font-size:var(--font-sm);white-space:nowrap;text-overflow:ellipsis;border-radius:var(--radius-xs);cursor:pointer;outline:none;padding:0 10px;font-weight:500;overflow:hidden}.kit-seg-item:hover:not(:disabled){color:var(--foreground);background:color-mix(in oklab, var(--foreground) 4%, transparent)}.kit-seg-item[aria-checked=true]{color:var(--foreground);background:color-mix(in oklab, var(--foreground) 11%, transparent);box-shadow:var(--kit-raised)}:root:not(.dark) .kit-seg-item[aria-checked=true]{background:var(--background)}.kit-switch{background:var(--input);border-radius:var(--radius-pill);cursor:pointer;outline:none;flex-shrink:0;width:30px;height:18px;padding:2px;display:inline-flex;position:relative}.kit-switch[aria-checked=true]{background:var(--ring)}.kit-switch:disabled{opacity:.6;cursor:not-allowed}.kit-switch>span{background:var(--background);border-radius:var(--radius-pill);width:14px;height:14px;display:block;box-shadow:0 1px 2px #0003}.kit-switch[aria-checked=true]>span{transform:translate(12px)}.kit-range{height:var(--control-h-xs);appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0}.kit-range:disabled{cursor:not-allowed}.kit-range::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--ring) 0 var(--fill), color-mix(in oklab, var(--foreground) 14%, transparent) var(--fill) 100%);height:4px}.kit-range::-moz-range-track{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--foreground) 14%, transparent);height:4px}.kit-range::-moz-range-progress{border-radius:var(--radius-pill);background:var(--ring);height:4px}.kit-range::-webkit-slider-thumb{border:1px solid var(--border);border-radius:var(--radius-pill);appearance:none;background:#fff;width:16px;height:16px;margin-top:-6px;box-shadow:0 1px 3px #0000002e}.kit-range::-moz-range-thumb{border:1px solid var(--border);border-radius:var(--radius-pill);background:#fff;width:16px;height:16px;box-shadow:0 1px 3px #0000002e}.kit-range:focus-visible{outline:2px solid color-mix(in oklab, var(--ring) 55%, transparent);outline-offset:-2px;border-radius:var(--radius-xs)}.kit-value{min-width:2.5rem;color:var(--muted-foreground);font-size:var(--font-sm);font-variant-numeric:tabular-nums;text-align:right}.kit-field{min-width:0;height:28px;color:var(--foreground);font-size:var(--font-md);background:var(--muted);border:1px solid var(--input);border-radius:var(--radius-md);box-shadow:var(--kit-bevel);outline:none;padding:0 10px}.kit-field::placeholder{color:color-mix(in oklab, var(--foreground) 40%, transparent)}[data-input=keys] .kit-field:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 24%, transparent)}.kit-card{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}@container settings (width<560px){.settings-row{flex-direction:column;align-items:stretch;gap:.75rem}.settings-row-control{justify-content:flex-start;max-width:100%}.settings-row:has(>.settings-row-control>[role=switch]:only-child){flex-direction:row;gap:1.5rem}}.kit-tabs{border-bottom:1px solid color-mix(in oklab, var(--foreground) 10%, transparent);gap:4px;display:flex}.kit-tab{height:32px;color:var(--kit-muted);font-size:var(--font-md);cursor:pointer;outline:none;padding:0 10px;font-weight:500;position:relative}.kit-tab:hover,.kit-tab[aria-selected=true]{color:var(--foreground)}.kit-tab[aria-selected=true]:after{content:"";border-radius:var(--radius-pill);background:var(--foreground);height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.kit-tab:focus-visible{border-radius:var(--radius-xs);box-shadow:0 0 0 2px color-mix(in oklab, var(--ring) 60%, transparent)}