.sidebar-brand-title{color:#111827;font-size:20px;line-height:1}.sidebar-section-title{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin:0 0 4px;padding:0 10px;font-size:10px;font-weight:700;line-height:1.3}.sidebar-nav-item{border-radius:12px;align-items:center;gap:10px;min-height:38px;padding:8px 10px;transition:background-color .2s,color .2s;display:flex}.sidebar-nav-item-idle{color:#374151}.sidebar-nav-item-idle:hover{background-color:#dbeafe}.sidebar-nav-item-active{color:#1d4ed8;background-color:#dbeafe;font-weight:600}.sidebar-nav-icon{flex:0 0 20px;justify-content:center;align-items:center;width:20px;display:inline-flex}.sidebar-nav-label{flex:1;min-width:0;line-height:1.25}.sidebar-scroll>.space-y-3>div:first-child ul{margin-top:14px}.sidebar-scroll{-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sidebar-scroll::-webkit-scrollbar{width:0;height:0;display:none}@media (max-width:768px){.w-64{z-index:1000;height:100vh;transition:transform .3s ease-in-out;position:fixed;top:0;left:0;overflow:hidden}.sidebar-hidden{transform:translate(-100%)}.sidebar-open{transform:translate(0)}}.dark .sidebar-brand-title{color:#f9fafb}.dark .sidebar-section-title{color:#64748b}.dark .sidebar-nav-item-idle{color:#d1d5db}.dark .sidebar-nav-item-idle:hover{background-color:#1e3a5f}.dark .sidebar-nav-item-active{color:#60a5fa;background-color:#1e3a5f}
:root{--studio-icon-radius:12px}.dark{--dp-card:#16141a;--dp-edge:#2e2b36;--dp-raised:#212121}.studio-menu{z-index:10000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:320px;padding:0 0 12px;animation:.22s cubic-bezier(.34,1.56,.64,1) both studioMenuIn;position:absolute;top:48px;right:0;box-shadow:0 20px 60px #00000024,0 4px 16px #00000014}.dark .studio-menu{background:var(--dp-card);border-color:var(--dp-edge);box-shadow:0 20px 60px #0000008c,0 4px 16px #00000059}@keyframes studioMenuIn{0%{opacity:0;transform-origin:100% 0;transform:scale(.88)translateY(-10px)}to{opacity:1;transform-origin:100% 0;transform:scale(1)translateY(0)}}.studio-menu-arrow{background:#fff;border-top:1px solid #e2e8f0;border-left:1px solid #e2e8f0;width:16px;height:16px;position:absolute;top:-8px;right:12px;transform:rotate(45deg)}.dark .studio-menu-arrow{background:var(--dp-card);border-color:var(--dp-edge)}.studio-menu-header{border-bottom:1px solid #f1f5f9;padding:18px 20px 12px}.dark .studio-menu-header{border-bottom-color:var(--dp-edge)}.studio-menu-title{letter-spacing:.06em;text-transform:uppercase;color:#64748b;font-size:13px;font-weight:700}.dark .studio-menu-title{color:#94a3b8}.studio-grid{grid-template-columns:repeat(3,1fr);gap:4px;padding:12px 12px 4px;display:grid}.studio-card{cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;transition:background .18s,transform .18s;display:flex}.studio-card:hover{background:#f1f5f9;transform:translateY(-2px)}.dark .studio-card:hover{background:var(--dp-raised)}.studio-card:active{transform:translateY(0)scale(.97)}.studio-thumb{aspect-ratio:1;border-radius:var(--studio-icon-radius);background:#0f172a;width:64px;height:64px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001f}.studio-thumb-media{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.studio-card:hover .studio-thumb-media{transform:scale(1.1)}.studio-thumb-overlay{opacity:0;background:linear-gradient(#0000 50%,#00000040 100%);border-radius:10px;transition:opacity .22s;position:absolute;inset:0}.studio-card:hover .studio-thumb-overlay{opacity:1}.studio-label{color:#3c4043;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11.5px;font-weight:500;line-height:1.2;overflow:hidden}.dark .studio-label{color:#e2e8f0}.studio-menu-footer{text-align:center;color:#94a3b8;border-top:1px solid #f1f5f9;margin-top:4px;padding:8px 20px 4px;font-size:11px}.dark .studio-menu-footer{border-top-color:var(--dp-edge);color:#64748b}@media (max-width:640px){.studio-menu{width:auto;max-width:360px;margin-left:auto;position:fixed;top:68px;left:8px;right:8px}.studio-menu-arrow{right:20px}}