.ix-btn{font-family:var(--font-sans);white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:8px;font-weight:500;line-height:1;display:inline-flex}.ix-btn:focus-visible{border-color:var(--ix-blue);box-shadow:0 0 0 3px color-mix(in oklab, var(--ix-blue) 20%, transparent);outline:none}.ix-btn:active:not(:disabled){transform:scale(.96)}.ix-btn:disabled{opacity:.5;cursor:not-allowed}.ix-btn--sm{height:28px;padding:0 12px;font-size:12.5px}.ix-btn--md{height:36px;padding:0 16px;font-size:13.5px}.ix-btn--lg{height:44px;padding:0 22px;font-size:15px}.ix-btn--primary{background:var(--ix-blue);color:var(--text-on-brand);border-color:var(--ix-blue)}.ix-btn--primary:hover:not(:disabled){background:var(--ix-blue-600);border-color:var(--ix-blue-600)}.ix-btn--secondary{color:var(--text);border-color:var(--border-strong);background:0 0}.ix-btn--secondary:hover:not(:disabled){background:var(--bg-soft);border-color:var(--ix-blue)}.ix-btn--ghost{color:var(--text-dim);background:0 0;border-color:#0000}.ix-btn--ghost:hover:not(:disabled){background:var(--bg-soft);color:var(--text)}.ix-btn--danger{background:color-mix(in oklab, var(--err) 22%, transparent);color:var(--err);border-color:color-mix(in oklab, var(--err) 48%, transparent)}.ix-btn--danger:hover:not(:disabled){background:color-mix(in oklab, var(--err) 32%, transparent)}.ix-btn--danger:disabled{background:color-mix(in oklab, var(--err) 14%, transparent);border-color:color-mix(in oklab, var(--err) 30%, transparent)}.ix-btn--success{background:color-mix(in oklab, var(--ok) 22%, transparent);color:var(--ok);border-color:color-mix(in oklab, var(--ok) 48%, transparent)}.ix-btn--success:hover:not(:disabled){background:color-mix(in oklab, var(--ok) 32%, transparent)}.ix-btn--success:disabled{background:color-mix(in oklab, var(--ok) 14%, transparent);border-color:color-mix(in oklab, var(--ok) 30%, transparent)}.ix-btn--warning{background:color-mix(in oklab, var(--warn) 22%, transparent);color:var(--warn);border-color:color-mix(in oklab, var(--warn) 48%, transparent)}.ix-btn--warning:hover:not(:disabled){background:color-mix(in oklab, var(--warn) 32%, transparent)}.ix-btn--warning:disabled{background:color-mix(in oklab, var(--warn) 14%, transparent);border-color:color-mix(in oklab, var(--warn) 30%, transparent)}.ix-btn__spinner{border:1.5px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite ix-btn-spin}@keyframes ix-btn-spin{to{transform:rotate(360deg)}}
.ix-input-field{font-family:var(--font-sans);flex-direction:column;gap:6px;display:flex}.ix-input-field__label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);font-size:10.5px}.ix-input{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius);font-family:var(--font-sans);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);outline:none;padding:10px 12px;font-size:14px}.ix-input:hover{border-color:var(--text-mute)}.ix-input:focus{border-color:var(--ix-blue);box-shadow:0 0 0 3px color-mix(in oklab, var(--ix-blue) 20%, transparent)}.ix-input--error{border-color:var(--err)}.ix-input--error:focus{box-shadow:0 0 0 3px color-mix(in oklab, var(--err) 20%, transparent)}.ix-input-field__helper{color:var(--text-mute);font-size:12px}.ix-input-field__helper--error{color:var(--err)}