.io-actbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.io-actbar__state{align-self:center;font-size:var(--io-type-size-caption);font-weight:var(--io-type-weight-caption);line-height:var(--io-type-leading-caption);padding-inline:var(--io-spacing-8)}.io-actbar__state,.io-iconbtn{color:var(--io-text-secondary)}.io-iconbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;border-radius:8px;border:var(--io-border-width-thin) solid var(--io-border-default);background:var(--io-surface-layer-01);cursor:pointer;padding:0;text-decoration:none;transition:background var(--io-motion-duration-instant) var(--io-motion-easing-standard),border-color var(--io-motion-duration-instant) var(--io-motion-easing-standard),color var(--io-motion-duration-instant) var(--io-motion-easing-standard)}.io-iconbtn:hover{background:var(--io-surface-secondary);border-color:var(--io-border-strong);color:var(--io-text-primary)}.io-iconbtn:focus-visible{outline:var(--io-spacing-2) solid var(--io-border-focus);outline-offset:2px}.io-iconbtn--primary{border-color:var(--io-border-default)}.io-iconbtn--primary,.io-iconbtn--primary:hover{background:var(--io-surface-primary);color:var(--io-text-primary)}.io-iconbtn--primary:hover{border-color:var(--io-border-strong)}.io-iconbtn--danger:hover{background:color-mix(in srgb,var(--io-state-error) 8%,var(--io-surface-layer-01));border-color:color-mix(in srgb,var(--io-state-error) 40%,var(--io-surface-layer-01));color:var(--g-danger)}.io-iconbtn[aria-expanded=true]{background:var(--io-surface-selected);border-color:var(--io-border-strong);color:var(--io-text-primary)}.io-iconbtn:disabled{opacity:.4;cursor:not-allowed;background:var(--io-surface-secondary);color:var(--io-text-muted)}.io-iconbtn[data-busy]{cursor:progress}.io-tip{bottom:calc(100% + 8px);transform:translateX(-50%) translateY(4px);background:var(--g-tip-bg);color:var(--g-tip-fg);font-size:12px;font-weight:600;line-height:1;white-space:nowrap;padding:6px 8px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity var(--io-motion-duration-instant) var(--io-motion-easing-standard),transform var(--io-motion-duration-instant) var(--io-motion-easing-standard);z-index:30;box-shadow:var(--io-shadow-md)}.io-tip,.io-tip:after{position:absolute;left:50%}.io-tip:after{content:"";top:100%;transform:translateX(-50%);border:5px solid transparent;border-top:5px solid var(--g-tip-bg)}.io-iconbtn:focus-visible .io-tip,.io-iconbtn:hover .io-tip{opacity:1;transform:translateX(-50%) translateY(0)}@media (pointer:coarse){.io-iconbtn{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.io-iconbtn,.io-tip{transition:none}}