.kb-iconbtn{border:var(--border-width) solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);background:0 0;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.kb-iconbtn--sm{width:var(--control-sm);height:var(--control-sm)}.kb-iconbtn--md{width:var(--control-md);height:var(--control-md)}.kb-iconbtn--lg{width:var(--control-lg);height:var(--control-lg)}.kb-iconbtn--xl{width:var(--control-xl);height:var(--control-xl)}.kb-iconbtn--round{border-radius:var(--radius-pill)}.kb-iconbtn:hover:not(:disabled){background:var(--state-hover);color:var(--text-primary)}.kb-iconbtn:active:not(:disabled){background:var(--state-pressed);transform:scale(.96)}.kb-iconbtn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.kb-iconbtn--secondary{background:var(--surface-1);border-color:var(--border-default)}.kb-iconbtn--secondary:hover:not(:disabled){background:var(--surface-2)}.kb-iconbtn--primary{background:var(--accent);color:var(--text-on-brand)}.kb-iconbtn--primary:hover:not(:disabled){background:var(--accent-hover);color:var(--text-on-brand)}.kb-iconbtn--active{background:var(--state-selected);color:var(--text-brand)}.kb-iconbtn__badge{border-radius:var(--radius-pill);background:var(--kb-cyan-400);min-width:8px;height:8px;box-shadow:0 0 0 2px var(--bg-app);position:absolute;top:6px;right:6px}