.button{justify-content:center;align-items:center;gap:var(--space-sm);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:9px;font-family:inherit;font-weight:600;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out,background-position .4s;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button-variant-primary{background-color:var(--action);color:var(--action-foreground);border-color:#0000}.button-variant-primary:hover:not(:disabled){background-color:var(--action-hover)}.button-variant-secondary{background-color:var(--color-secondary);color:var(--color-foreground)}.button-variant-secondary:hover:not(:disabled){opacity:.9}.button-variant-danger{background-color:color-mix(in srgb, var(--color-danger-accent) 16%, transparent);color:var(--color-danger-accent);border-color:#0000}.button-variant-danger:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-danger-accent) 24%, transparent)}.button-variant-success{background-color:color-mix(in srgb, var(--color-success-accent) 16%, transparent);color:var(--color-success-accent);border-color:#0000}.button-variant-success:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-success-accent) 24%, transparent)}:root[data-theme=default] .button-variant-danger{background-color:color-mix(in srgb, var(--color-danger-accent) 26%, transparent);border-color:color-mix(in srgb, var(--color-danger-accent) 40%, transparent)}:root[data-theme=default] .button-variant-danger:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-danger-accent) 38%, transparent)}:root[data-theme=default] .button-variant-success{background-color:color-mix(in srgb, var(--color-success-accent) 26%, transparent);border-color:color-mix(in srgb, var(--color-success-accent) 40%, transparent)}:root[data-theme=default] .button-variant-success:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-success-accent) 38%, transparent)}.button-variant-outline{border-color:color-mix(in srgb, var(--color-foreground) 14%, transparent);color:var(--color-foreground);background-color:#0000}.button-variant-outline:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-foreground) 6%, transparent)}.button-variant-ghost{color:var(--color-foreground);background-color:#0000}.button-variant-ghost:hover:not(:disabled){background-color:var(--color-muted)}.button-variant-text{color:var(--color-foreground);background-color:#0000;border-color:#0000;padding-left:0;padding-right:0}.button-variant-text:hover:not(:disabled){color:var(--color-primary-ink);background-color:#0000}.button-variant-tab{color:var(--color-muted-foreground);background-color:#0000;border:none;border-bottom:2px solid #0000;border-radius:0;transition:color .16s ease-out,border-bottom-color .16s ease-out}.button-variant-tab:hover:not(:disabled){color:var(--color-foreground)}.button-variant-tab.button-active{color:var(--color-primary-ink);border-bottom-color:var(--color-primary)}.button-variant-card{background-color:var(--color-card);border:2px solid var(--color-border);white-space:normal;text-align:center;flex-direction:column;height:auto}.button-variant-card:hover:not(:disabled){border-color:var(--color-primary);background-color:color-mix(in srgb, var(--color-primary) 4%, transparent)}.button-variant-toggle{background-color:var(--color-input);border:1px solid var(--color-border);color:var(--color-muted-foreground)}.button-variant-toggle:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-primary) 40%, transparent);color:var(--color-foreground)}.button-variant-toggle.button-active{background-color:color-mix(in srgb, var(--color-primary) 22%, var(--color-input));border-color:var(--color-primary);color:color-mix(in srgb, var(--color-primary) 70%, var(--color-foreground));font-weight:600}.button-variant-dashed{border:1.5px dashed var(--color-border);color:var(--color-muted-foreground);background-color:#0000}.button-variant-dashed:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary-ink)}.button-variant-ai{background:linear-gradient(color-mix(in srgb, var(--color-primary) 22%, var(--color-card)), color-mix(in srgb, var(--color-primary) 22%, var(--color-card))) padding-box, linear-gradient(135deg, var(--color-primary) 0%, var(--palette6) 50%, var(--palette1) 100%) border-box;color:color-mix(in srgb, var(--color-primary) 70%, var(--color-foreground));background-position:0 0,0%;background-size:auto,200% 200%;border:1px solid #0000}.button-variant-ai:hover:not(:disabled){background-position:0 0,100%}.button-variant-ai-soft{background-color:color-mix(in srgb, var(--ai) 16%, transparent);border:1px solid color-mix(in srgb, var(--ai) 30%, transparent);color:var(--ai)}.button-variant-ai-soft:hover:not(:disabled){background-color:color-mix(in srgb, var(--ai) 26%, transparent)}.button-variant-info{background-color:color-mix(in srgb, var(--color-info-accent) 16%, transparent);color:var(--color-info-accent);border-color:#0000}.button-variant-info:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-info-accent) 24%, transparent)}.button-variant-warning{background-color:color-mix(in srgb, var(--color-warning-accent) 16%, transparent);color:var(--color-warning-accent);border-color:#0000}.button-variant-warning:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-warning-accent) 24%, transparent)}.button-size-xs{padding:var(--space-xxs) var(--space-sm);font-size:.75rem}.button-size-sm{padding:var(--space-xs) var(--space-md);font-size:.875rem}.button-size-md,.button-size-lg{padding:var(--space-sm) var(--space-lg);font-size:1rem}.button-size-xl{padding:10px var(--space-xl);font-size:1rem}.button-full-width{width:100%}.button-icon-only{border-radius:50%;min-width:auto;padding:8px}.button-size-rail.button-icon-only{border-radius:999px;width:20px;min-width:0;height:56px;padding:0}.button-compact{gap:var(--space-xxs);border-radius:var(--radius-sm);min-width:32px;height:32px;padding:0}.button-compact.button-icon-only{width:32px}.button-spinner{animation:1s linear infinite spin}.button:where(.button-variant-bare){display:revert;color:inherit;font-weight:inherit;white-space:normal;background:0 0;border:0;border-radius:0;gap:0;padding:0;transition:none}