.pocket-studio-shell{display:grid;grid-template-rows:48px 52px 1fr calc(56px + env(safe-area-inset-bottom,0px));grid-template-columns:1fr;height:calc(100dvh - 48px);width:100%;background:#050505;color:#e2e2e2;font-family:Inter,sans-serif;overflow:hidden;position:relative;contain:layout style;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pocket-transport{grid-row:1;contain:layout style}.pocket-strip{grid-row:2;contain:layout style;overflow:hidden}.pocket-surface{grid-row:3;contain:layout style;min-height:180px;overflow:hidden}.pocket-actionbar{grid-row:4;contain:layout style}@media (orientation: landscape) and (max-height: 500px){.pocket-studio-shell{grid-template-rows:48px 36px 1fr calc(56px + env(safe-area-inset-bottom,0px))}}.pocket-strip-scroll{display:flex;gap:8px;padding:4px 12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;align-items:center;height:100%}.pocket-strip-scroll::-webkit-scrollbar{display:none}.pocket-fxrack-scroll{display:flex;gap:4px;padding:4px 12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;align-items:center;height:100%}.pocket-fxrack-scroll::-webkit-scrollbar{display:none}@keyframes pocket-drawer-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pocket-drawer-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}.pocket-drawer-enter{animation:pocket-drawer-in .28s cubic-bezier(.19,1,.22,1) forwards;will-change:transform}.pocket-drawer-exit{animation:pocket-drawer-out .2s cubic-bezier(.4,0,.2,1) forwards;will-change:transform}.pocket-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:90}.pocket-drawer-container{position:fixed;bottom:0;left:0;right:0;max-height:65vh;background:#050505;border-top:1px solid rgba(255,255,255,.08);border-radius:16px 16px 0 0;z-index:91;display:flex;flex-direction:column;contain:layout style paint;overflow:hidden}.pocket-drawer-container.pocket-drawer-full-height{height:calc(100dvh - 48px);max-height:calc(100dvh - 48px)}.pocket-drawer-handle{display:flex;align-items:center;justify-content:center;height:24px;cursor:grab;flex-shrink:0;touch-action:none}.pocket-drawer-handle:after{content:"";width:32px;height:4px;border-radius:2px;background:#d4af374d}.pocket-drawer-body{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.pocket-recording-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80;outline:2px solid rgba(230,57,70,.28);outline-offset:-2px;animation:recording-pulse 1.5s ease-in-out infinite}@keyframes recording-pulse{0%,to{opacity:.5}50%{opacity:1}}.is-dragging,.is-animating{will-change:transform}.pocket-chip{scroll-snap-align:start;flex-shrink:0}.pocket-glass{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px}.pocket-glass-heavy{background:#050505f5;border:1px solid rgba(255,255,255,.1)}.timeline-ruler{height:24px;background:#0006;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:10}@media (prefers-reduced-motion: reduce){.timeline-ruler,.timeline-ruler *{transition:none!important;animation:none!important}.pocket-recording-vignette{animation:none!important;opacity:1}.pocket-drawer-enter{animation:none!important;transform:translateY(0)}.pocket-drawer-exit{animation:none!important;transform:translateY(100%)}}@media (min-width: 1024px){.pocket-studio-shell{grid-template-rows:48px minmax(0,1fr);grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(88px,112px)}.pocket-transport{grid-row:1;grid-column:1 / -1}.pocket-strip{grid-row:2;grid-column:1;display:block;min-height:0;border-right:1px solid rgba(255,255,255,.08)}.pocket-fxrack{display:none}.pocket-actionbar{grid-row:2;grid-column:3;display:grid;border-left:1px solid rgba(255,255,255,.08)}.pocket-surface{grid-row:2;grid-column:2}.pocket-strip-scroll{flex-direction:column;overflow-x:hidden;overflow-y:auto;align-items:stretch;height:100%}.pocket-actionbar{grid-template-columns:1fr!important;grid-auto-rows:minmax(56px,auto);align-content:start;padding:8px 6px}.pocket-desktop-left{grid-row:2;grid-column:1;border-right:1px solid rgba(255,255,255,.08);overflow-y:auto;contain:layout style}.pocket-desktop-right{grid-row:2;grid-column:3;border-left:1px solid rgba(255,255,255,.08);overflow-y:auto;contain:layout style}.pocket-desktop-mixer{grid-row:3;grid-column:1 / -1;border-top:1px solid rgba(255,255,255,.08);contain:layout style}.desk-arrange-dock{height:42%;min-height:220px;flex-shrink:0;border-top:1px solid rgba(255,255,255,.08);background:#00000040;contain:layout style}}