.view-switcher{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;flex-shrink:0;gap:4px;padding:4px;display:flex}.view-btn{width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.view-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.view-btn.active{background:var(--color-primary);color:#fff}.view-btn.active:hover{background:var(--color-primary-light)}[data-theme=dark] .view-switcher{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .view-btn:hover{background:#ffffff1a}[data-theme=dark] .view-btn.active{background:var(--color-primary)}.view-btn{position:relative}.view-btn[title]:after{content:attr(title);color:#fff;white-space:nowrap;z-index:1000;pointer-events:none;opacity:0;visibility:hidden;background:#000000e6;border-radius:4px;padding:4px 8px;font-size:12px;transition:opacity .2s,visibility .2s;position:absolute;bottom:-35px;left:50%;transform:translate(-50%)}.view-btn[title]:not(.active):hover:after{opacity:1;visibility:visible}.view-btn.active[title]:after{opacity:0;visibility:hidden}[data-theme=dark] .view-btn[title]:after{color:#c9a876;text-transform:uppercase;letter-spacing:1px;background:#141414f2;border:1px solid #6b7c93;font-size:11px;font-weight:600}@media (max-width:768px){.view-btn[title]:after{z-index:9999;padding:3px 6px;font-size:11px;bottom:-30px}.view-btn[title]:not(.active):hover:after,.view-btn[title]:not(.active):active:after,.view-btn[title]:not(.active):focus:after{opacity:1;visibility:visible}.view-btn[title]:not(.active):active:after{opacity:1;visibility:visible;animation:2s ease-in-out forwards tooltipShow}}@keyframes tooltipShow{0%,80%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}