.icon-btn{outline:none}.icon-btn:focus-visible{outline:var(--ring-w) solid var(--ring);outline-offset:var(--ring-offset)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:var(--r-md);border:1px solid transparent;color:var(--ink-soft);transition:transform var(--dur-base) var(--ease-spring),background-color var(--dur-micro) var(--ease-standard),border-color var(--dur-micro) var(--ease-standard),color var(--dur-micro) var(--ease-standard),filter var(--dur-fast) var(--ease-out);will-change:transform}.icon-btn:hover{transform:scale(1.07)}.icon-btn:active{transform:scale(.9);transition-duration:var(--dur-micro)}.icon-btn svg{width:1.2em;height:1.2em;transition:transform var(--dur-base) var(--ease-spring)}.icon-btn:active svg{transform:scale(.88)}.icon-btn--sm{width:32px;height:32px;font-size:var(--fs-base)}.icon-btn--md{width:40px;height:40px;font-size:var(--fs-md)}.icon-btn--lg{width:48px;height:48px;font-size:var(--fs-lg)}.icon-btn--solid{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-accent)}.icon-btn--solid:hover{background:var(--accent-hover)}.icon-btn--soft{background:var(--accent-soft);color:var(--accent)}.icon-btn--soft:hover{filter:brightness(.98)}.icon-btn--ghost{background:transparent}.icon-btn--ghost:hover{background:var(--surface-3);color:var(--ink)}.icon-btn--glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);border:1px solid var(--glass-border);color:var(--ink)}.icon-btn.is-active{background:var(--accent-soft);color:var(--accent)}.icon-btn:disabled,.icon-btn[aria-disabled=true]{cursor:not-allowed;opacity:.45}.icon-btn:disabled:active,.icon-btn:disabled:hover,.icon-btn[aria-disabled=true]:active,.icon-btn[aria-disabled=true]:hover{transform:none;background:transparent}