@layer theme,base;@layer components{.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-medium);font-size:var(--text-base);border:var(--border-width) solid transparent;padding:0 var(--control-pad-lg,16px);height:var(--control-h-lg,40px);cursor:pointer;user-select:none;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent;border-radius:0;line-height:1;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent);outline:none}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-primary:active:not(:disabled){background-color:var(--color-accent-active);border-color:var(--color-accent-active)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-hover);color:var(--color-text)}.btn-ghost:active:not(:disabled){background-color:var(--color-active)}.btn-icon{width:var(--control-h-md,36px);height:var(--control-h-md,36px);color:var(--color-text-muted);background-color:#0000;border-color:#0000;border-radius:0;padding:0}.btn-icon:hover:not(:disabled){background-color:var(--color-hover);color:var(--color-text)}.btn-icon:active:not(:disabled){background-color:var(--color-active)}.btn-icon:focus-visible{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent);outline:none}}@layer utilities;