.view-mode-selector{background:var(--card);box-shadow:inset 0 0 0 1px var(--border);box-sizing:border-box;border:0;border-radius:8px;align-items:center;gap:4px;display:inline-flex}.view-mode-btn{cursor:pointer;width:34px;height:34px;color:var(--muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.view-mode-selector .view-mode-btn.btn,.view-mode-selector .view-mode-btn.btn-ghost{box-shadow:none;min-height:unset;min-width:unset;background:0 0;border:none;padding:0}.view-mode-selector .view-mode-btn.view-mode-btn--active.btn,.view-mode-selector .view-mode-btn.view-mode-btn--active.btn-ghost{background:var(--accent);color:var(--text-on-accent)}.view-mode-selector .view-mode-btn.view-mode-btn--active.btn-ghost:hover:not(:disabled){background:var(--accent);filter:brightness(1.1);color:var(--text-on-accent)}.view-mode-selector--compact .view-mode-btn{width:41px;height:41px}.view-mode-selector--md .view-mode-btn{width:45px;height:45px}.view-mode-selector--lg .view-mode-btn{width:50px;height:50px}.view-mode-btn:hover:not(:disabled){background:var(--muted-bg);color:var(--text)}.view-mode-btn--active{background:var(--accent);color:var(--text-on-accent)}.view-mode-btn--active:hover:not(:disabled){filter:brightness(1.1);color:var(--text-on-accent)}.view-mode-btn:disabled{opacity:.4;cursor:not-allowed}.view-mode-icon{justify-content:center;align-items:center;display:flex}.view-mode-icon svg,.view-mode-icon__img{width:18px;height:18px;display:block}