:root{--viewport-height:100dvh;--viewport-top:0px;--keyboard-inset:0px;--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}@layer base{body{overflow-wrap:anywhere;-moz-text-size-adjust:100%;text-size-adjust:100%}input,textarea,select,fieldset{min-width:0;max-width:100%}button,input,textarea,select,a{touch-action:manipulation}:is(input,textarea,select):focus{scroll-margin-block:5rem}img,video,canvas{max-width:100%}}.shell-main{min-width:0;scroll-padding-block:calc(var(--sticky-top) + 16px) calc(var(--mobile-chrome) + 24px)}@media (min-width:52.5rem){.shell{--frame-x:max(var(--inset), calc((100vw - 1920px) / 2));--main-left:calc(var(--sidebar-w) + var(--frame-x) + var(--gap) + var(--safe-left));--main-right:calc(var(--frame-x) + var(--safe-right));--inset-top:max(var(--inset), var(--safe-top));--shell-bottom:calc(max(var(--inset), var(--safe-bottom)) + var(--dock-space))}.shell-sidebar{left:calc(var(--frame-x) + var(--safe-left));overflow-y:auto}.player-dock{right:var(--main-right);bottom:max(var(--inset), var(--safe-bottom))}}@media not (min-width:52.5rem){:root{--gutter:max(16px, var(--safe-left), var(--safe-right))}.shell{--view-h:calc(var(--viewport-height) - var(--mobile-chrome) - var(--safe-top))}.shell-main{padding-top:var(--safe-top)}.mobile-chrome{padding-left:max(12px, var(--safe-left));padding-right:max(12px, var(--safe-right))}html[data-keyboard] .shell{--mobile-chrome:0px}html[data-keyboard] .mobile-chrome{display:none}}.viewport-dialog{top:calc(var(--viewport-top) + var(--viewport-height) / 2);max-height:calc(var(--viewport-height) - max(16px, var(--safe-top)) - max(16px, var(--safe-bottom)));max-width:calc(100% - max(16px, var(--safe-left)) - max(16px, var(--safe-right)))}.viewport-sheet{bottom:var(--keyboard-inset);max-height:calc(var(--viewport-height) - max(16px, var(--safe-top)));padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}.viewport-drawer{top:calc(var(--viewport-top) + max(8px, var(--safe-top)));bottom:calc(var(--keyboard-inset) + max(8px, var(--safe-bottom)))}.modal-body{overflow-wrap:anywhere}.settings-dialog{height:min(720px, calc(var(--viewport-height) - 32px))}.command-dialog{top:calc(var(--viewport-top) + min(12dvh, 48px));max-height:calc(var(--viewport-height) - min(12dvh, 48px) - max(16px, var(--safe-bottom)));overflow-y:auto}.assistant-composer{margin-bottom:var(--keyboard-inset)}.queue-panel:not([data-floating]){top:max(var(--sticky-top), calc(var(--viewport-top) + var(--safe-top)));right:var(--main-right);bottom:calc(var(--shell-bottom) + var(--mobile-chrome) + var(--keyboard-inset));max-width:min(380px, calc(100% - var(--safe-left) - var(--safe-right)))}.modal-body :is(.queue-panel,[role=grid]){min-width:0}[data-radix-popper-content-wrapper] :is([role=menu],[data-radix-menu-content]){min-width:min(160px,100vw - 32px);max-width:min(350px,100vw - 32px);max-height:var(--radix-dropdown-menu-content-available-height,calc(var(--viewport-height) - 32px));overscroll-behavior:contain;overflow-y:auto}[data-radix-popper-content-wrapper] [role=dialog]{min-width:min(220px,100vw - 32px);max-width:calc(100vw - 32px);max-height:var(--radix-popover-content-available-height,calc(var(--viewport-height) - 32px));overscroll-behavior:contain;overflow-y:auto}[role=menuitem]{min-height:var(--menu-item-h);height:auto;padding-block:8px}[role=menuitem]>svg{flex-shrink:0}@container page not (min-width:40rem){.track-table-row,.track-table-head{--track-tail:88px;column-gap:8px;padding-inline:8px}.track-table-row .track-duration{width:32px}.track-table-row .track-grip{width:40px}.track-table-row .track-actions{gap:4px}}@container page not (min-width:24rem){.track-table-row .track-time{font-size:11px}}.player-stage{top:var(--viewport-top);height:var(--viewport-height);bottom:auto}.stage-header{padding-top:max(12px, var(--safe-top));padding-inline:max(12px, var(--safe-left), var(--safe-right))}.compact-scene{overscroll-behavior:contain;padding-top:calc(76px + var(--safe-top));padding-inline:max(16px, var(--safe-left), var(--safe-right), calc((100% - 640px) / 2));overflow-y:auto}.compact-cover{min-height:140px}.stage-transport{gap:clamp(0px,2vw,22px);max-width:100%}.stage-nav{padding-inline:max(8px, var(--safe-left), var(--safe-right));gap:8px}.stage-nav>:last-child{gap:0}.login-page>:first-child{padding-top:max(32px, var(--safe-top));padding-bottom:max(32px, var(--safe-bottom))}@media not (min-width:64rem){.login-page>:first-child{padding-inline:max(var(--gutter), var(--safe-left), var(--safe-right))}}@media not (min-height:38rem){.compact-scene{display:block}.compact-cover{height:clamp(140px,34dvh,240px)}.compact-scene>:last-child{margin-top:16px}}@media (min-width:52.5rem) and (not (min-width:75rem)){.player-dock{grid-template-columns:minmax(120px,1fr) auto auto;gap:12px}.dock-secondary{display:none}}@media (any-pointer:coarse){:root{--menu-item-h:44px;--row-tail:140px}input:not([type=range]),textarea,select{font-size:max(16px,1em)}.track-actions>button{opacity:1;flex-shrink:0;width:40px;height:44px}.track-table-row [role=button],.rail-icon{min-height:44px}.pressable{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}