.view-mode-toggle{position:fixed;bottom:80px;right:20px;z-index:100;background-color:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:8px;display:flex;flex-direction:column;transition:all .3s ease}.view-mode-toggle:not(.fixed){position:relative;bottom:auto;right:auto;margin:10px 0}.view-mode-buttons{display:flex;gap:4px}.view-mode-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;border-radius:6px;background:none;border:none;cursor:pointer;transition:all .2s ease;color:#666}.view-mode-button:last-child{border-right:none}.view-mode-button:hover{background-color:#f5f5f5;color:#333}.view-mode-button.active{background-color:#e0e7ff;color:#4f46e5;font-weight:500}.view-mode-label{font-size:10px;margin-top:4px;font-weight:500}.view-mode-button:after{content:attr(title);top:-36px;background-color:var(--admin-gray-900);color:white;padding:5px 10px;border-radius:6px;font-size:11px;white-space:nowrap}.view-mode-button:after,.view-mode-button:before{position:absolute;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.view-mode-button:before{content:"";top:-12px;border-width:6px;border-style:solid;border-color:var(--admin-gray-900) transparent transparent transparent}.view-mode-button:hover:after,.view-mode-button:hover:before{opacity:1;visibility:visible}html[data-view-mode=mobile] .admin-content{max-width:480px;margin:0 auto;border-left:1px solid #ddd;border-right:1px solid #ddd;box-shadow:0 0 20px rgba(0,0,0,.1)}html[data-view-mode=mobile] .admin-sidebar{display:none}html[data-view-mode=mobile] .admin-layout{grid-template-columns:1fr!important}html[data-view-mode=mobile] .admin-mobile-toggle{display:block}@media (max-width:768px){.view-mode-toggle{bottom:70px;right:10px;padding:6px}.view-mode-button{padding:6px}.view-mode-label{display:none}}.dark .view-mode-toggle{background-color:#1f2937;box-shadow:0 4px 12px rgba(0,0,0,.3)}.dark .view-mode-button{color:#9ca3af}.dark .view-mode-button:hover{background-color:#374151;color:#e5e7eb}.dark .view-mode-button.active{background-color:#3730a3;color:#e0e7ff}