.view-mode-toggle[data-v-7cb8beb9]{border-radius:20px;box-shadow:0 1px 3px #0000000f;display:inline-flex;flex-shrink:0;overflow:hidden}.view-mode-option[data-v-7cb8beb9]{align-items:center;background:var(--surface-muted);border:1px solid var(--line-strong);color:var(--muted);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;padding:5px 14px;transition:background .18s,color .18s,border-color .18s;white-space:nowrap}.view-mode-option[data-v-7cb8beb9]:first-child{border-radius:20px 0 0 20px;border-right:none}.view-mode-option[data-v-7cb8beb9]:last-child{border-radius:0 20px 20px 0}.view-mode-option.active[data-v-7cb8beb9]{border-color:transparent}.view-mode-option.compare.active[data-v-7cb8beb9]{background:var(--accent);color:#fff}.view-mode-option.all.active[data-v-7cb8beb9]{background:#fef3cd;border-color:#f5c842;color:#8a6d14}