.icon-btn{border-radius:var(--ui-radius-pill);border:1px solid var(--ui-border-control);background:var(--ui-surface-control);width:40px;height:40px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.icon-btn__icon{justify-content:center;align-items:center;line-height:0;display:inline-flex}.icon-btn__icon svg{display:block}.icon-btn--sm{width:var(--ui-height-sm);height:var(--ui-height-sm)}.icon-btn--sm .icon-btn__icon{width:14px;height:14px}.icon-btn--sm .icon-btn__icon svg{width:100%;height:100%}.icon-btn--compact{width:var(--ui-height-compact);height:var(--ui-height-compact)}.icon-btn--compact .icon-btn__icon{width:16px;height:16px}.icon-btn--compact .icon-btn__icon svg{width:100%;height:100%}.icon-btn--md{width:var(--ui-height-md);height:var(--ui-height-md)}.icon-btn--md .icon-btn__icon{width:18px;height:18px}.icon-btn--md .icon-btn__icon svg{width:100%;height:100%}.icon-btn--lg{width:var(--ui-height-lg);height:var(--ui-height-lg)}.icon-btn--lg .icon-btn__icon{width:22px;height:22px}.icon-btn--lg .icon-btn__icon svg{width:100%;height:100%}.icon-btn--ghost:hover{background:var(--ui-surface-control-accent);color:var(--text)}.icon-btn--outline{border-color:var(--ui-border-control);background:var(--ui-surface-control)}.icon-btn--outline:hover{border-color:var(--accent);color:var(--accent)}.icon-btn--primary{border-color:var(--accent);background:var(--accent);color:var(--text-on-accent)}.icon-btn--primary:hover{filter:brightness(1.15)}.icon-btn.is-disabled,.icon-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.icon-btn,.icon-btn--sm,.icon-btn--compact{width:var(--layout-touch-min);height:var(--layout-touch-min);min-width:var(--layout-touch-min);min-height:var(--layout-touch-min)}}