.wf-view-switch { display: inline-flex; flex: none; gap: 0; align-items: center; }
.wf-view-button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 10px; border: 1px solid var(--wf-color-border); border-radius: var(--wf-radius-control); background: var(--wf-color-panel); color: var(--wf-color-ink); cursor: pointer; }
.wf-view-button svg { width: 18px; height: 18px; }
.wf-view-button[aria-current="true"], .wf-view-button[aria-pressed="true"] { color: var(--wf-color-accent); border-color: var(--wf-color-accent); background: var(--wf-color-selection); }
.wf-view-button:focus-visible { outline: 2px solid var(--wf-color-accent); outline-offset: 2px; }
.wf-view-button { position: relative; }
.wf-view-button[data-tooltip]:hover::after, .wf-view-button[data-tooltip]:focus-visible::after { content: attr(data-tooltip); position: absolute; top: calc(100% + 6px); left: 50%; transform: translateX(-50%); z-index: 2; padding: 5px 8px; border-radius: var(--wf-radius-control); background: var(--wf-color-ink); color: var(--wf-color-panel); font-size: 12px; white-space: nowrap; pointer-events: none; }