:root{--breakpoint-mobile:768px}body{font-family:Inter,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a3f27;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3d5c38}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@keyframes music-bars{0%{opacity:.5;height:20%}50%{opacity:1;height:100%}to{opacity:.5;height:20%}}.music-bar-anim{animation:1s ease-in-out infinite music-bars}.mobile-only{display:none}.desktop-only{display:block}@media (width<=767px){.mobile-only{display:block}.desktop-only{display:none}.mobile-only-flex{display:flex}.mobile-only-inline{display:inline}.mobile-only-inline-flex{display:inline-flex}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.drawer-slide-in-left{animation:.3s ease-out forwards slide-in-left}.drawer-slide-out-left{animation:.3s ease-in forwards slide-out-left}.drawer-slide-in-right{animation:.3s ease-out forwards slide-in-right}.drawer-slide-out-right{animation:.3s ease-in forwards slide-out-right}.drawer-backdrop-in{animation:.3s ease-out forwards fade-in}.drawer-backdrop-out{animation:.3s ease-in forwards fade-out}.backdrop-blur-mobile{-webkit-backdrop-filter:blur(8px)}.backdrop-blur-mobile-lg{-webkit-backdrop-filter:blur(16px)}.safe-area-inset-top{padding-top:env(safe-area-inset-top,0px)}.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-inset-left{padding-left:env(safe-area-inset-left,0px)}.safe-area-inset-right{padding-right:env(safe-area-inset-right,0px)}.safe-area-inset-x{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.safe-area-inset-y{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-inset-all{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.touch-none{-webkit-tap-highlight-color:transparent;touch-action:none}.touch-pan-x{touch-action:pan-x}.touch-pan-y{touch-action:pan-y}.touch-manipulation{touch-action:manipulation}.tap-highlight-none{-webkit-tap-highlight-color:transparent}.scroll-touch{-webkit-overflow-scrolling:touch}.overscroll-none{overscroll-behavior:none}.overscroll-contain{overscroll-behavior:contain}.studio-shell{--studio-charcoal:#060d07;--studio-surface:#0b140c;--studio-surface-raised:#101c11;--studio-muted:#93a78f;--studio-accent:#56e03a;overflow-x:hidden}.dark .studio-shell{background:var(--studio-charcoal)}.dark .studio-sidebar{background:#030804;border-color:#56e03a33}.dark .studio-main{background:var(--studio-charcoal)}.studio-nav-item{min-height:44px;color:var(--studio-muted)}.studio-nav-item:hover,.studio-nav-item:focus-visible{background:var(--studio-surface-raised)}.studio-shell button:focus-visible,.studio-shell a:focus-visible,.studio-shell input:focus-visible,.studio-shell [tabindex]:focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}.dark .studio-nav-item.text-white,.dark .studio-nav-item.text-black{color:#fff}.studio-player{min-height:80px}.mobile-drawer-open>.studio-player{display:none}.dark .studio-player{background:var(--studio-charcoal);border-color:#56e03a40}.studio-shell input[type=text],.studio-shell input[type=search]{min-width:0}@media (width<=767px){.studio-main,.studio-main img,.studio-main video,.studio-main canvas{max-width:100%}.studio-player{min-height:76px}}