.tb-btn{justify-content:center;align-items:center;gap:4px;height:28px;font-size:13px;line-height:1;display:inline-flex}.tb-btn.icon{width:30px;padding:0}.tb-btn.wide{padding:0 8px;font-size:12px}.tb-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.tb-btn:focus-visible,.tb-select:focus-visible,.swatch:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tb-icon{display:block}.tb-btn sub,.tb-btn sup{font-size:9px}.palette{display:inline-flex;position:relative}.palette-btn{flex-direction:column;gap:1px;padding-top:3px}.palette-label{font-size:13px;font-weight:600;line-height:1}.palette-bar{border:1px solid var(--border);border-radius:1px;width:16px;height:3px}.palette-pop{z-index:40;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--fg);font:13px var(--font-ui);margin-top:4px;padding:8px;position:absolute;top:100%;left:0}.palette-grid{grid-template-columns:repeat(8,20px);gap:4px;margin-bottom:6px;display:grid}.swatch{cursor:pointer;border:1px solid #0003;border-radius:3px;width:20px;height:20px;padding:0}.swatch.active{outline:2px solid var(--accent);outline-offset:1px}.palette-custom{gap:4px;margin-bottom:6px;display:flex}.palette-custom .input{width:96px;padding:3px 6px;font-size:12px}.palette-custom .btn{padding:3px 8px;font-size:12px}.palette-clear{width:100%;padding:3px 6px;font-size:12px}.pop-menu{min-width:180px;padding:4px}.pop-menu .menu-item{width:100%;color:var(--fg);cursor:pointer;text-align:left;font:13px var(--font-ui);white-space:nowrap;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;display:flex}.pop-menu .menu-item:hover,.pop-menu .menu-item:focus-visible{background:var(--bg-sunken);outline:none}.pop-menu .menu-item[aria-checked=true]:before{content:"✓";width:12px;color:var(--accent)}.pop-menu .menu-item .shortcut{color:var(--fg-muted);margin-left:auto;padding-left:16px;font-size:11.5px}