:root{--glass-bg:rgba(0,0,0,0.4);--glass-border:rgba(255,255,255,0.08);--glass-blur:24px;--premium-spring:cubic-bezier(0.175,0.885,0.32,1.275);--cinematic-easing:cubic-bezier(0.4,0,0.2,1)}.mobile-editor{overscroll-behavior:none;touch-action:pan-x pan-y;overflow:hidden;position:relative;min-height:100dvh;max-height:100dvh;width:100dvw;background:black;color:white;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}.glass-overlay{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glass-card{background:rgba(255,255,255,.03);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.mobile-editor.farcaster-miniapp{overscroll-behavior:none;touch-action:pan-y pinch-zoom;-webkit-user-select:none;-webkit-touch-callout:none;user-select:none;isolation:isolate}.mobile-tabs-list{background:rgba(255,255,255,.05)!important;border-radius:20px!important;padding:4px!important;border:1px solid rgba(255,255,255,.05)}.mobile-tabs-trigger{border-radius:16px!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.1em!important;transition:all .3s var(--premium-spring)!important}.mobile-tabs-trigger[data-state=active]{background:white!important;color:black!important;box-shadow:0 8px 30px rgba(255,255,255,.4)!important;transform:scale(1.05)}.tool-active-glow{position:relative}.tool-active-glow:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--primary),#3b82f6);border-radius:inherit;z-index:-1;opacity:.4;filter:blur(8px);animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.mobile-fab{box-shadow:0 12px 30px rgba(239,68,68,.4);border:4px solid black;transition:all .3s var(--premium-spring)}.mobile-fab:active{transform:scale(.85)}.tool-panel-enter{transform:translateY(100%);opacity:0}.tool-panel-enter-active{transform:translateY(0);opacity:1;transition:all .4s var(--cinematic-easing)}.preview-container{transition:all .5s var(--cinematic-easing);background:radial-gradient(circle at center,#111 0,#000 100%)}.preview-container.cinematic{padding:0!important;border-radius:0!important;transition:all .6s var(--cinematic-easing)}.preview-container.recording-mode{transform:translateY(-80px) scale(.75);filter:drop-shadow(0 20px 50px rgba(0,0,0,.8));border-radius:20px;overflow:hidden;z-index:10}.scrub-hint{position:absolute;top:-30px;left:50%;transform:translateX(-50%);background:white;color:black;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:900;pointer-events:none;opacity:0;transition:opacity .2s}.is-scrubbing .scrub-hint{opacity:1}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pt-safe{padding-top:env(safe-area-inset-top)}.mobile-editor input,.mobile-editor input:focus,.mobile-editor textarea,.mobile-editor textarea:focus{-webkit-user-select:text;user-select:text}.mobile-editor .clickable,.mobile-editor button{min-height:var(--touch-target,44px);min-width:var(--touch-target,44px);touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none}.mobile-editor .clickable:active,.mobile-editor button:active{transform:scale(.95);transition:transform .1s ease}.mobile-editor [role=menuitem],.mobile-editor [role=option],.mobile-editor [role=tab]{min-height:44px;touch-action:manipulation}.mobile-editor [role=tab]{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.mobile-editor .effects-scroll,.mobile-editor .media-panel-scroll,.mobile-editor .scrollable,.mobile-editor .template-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain;touch-action:pan-y}.mobile-editor .effects-scroll,.mobile-editor .media-panel-scroll,.mobile-editor .scrollable.show-progress,.mobile-editor .template-scroll{position:relative}.mobile-editor .scrollable.show-progress:after{content:"";position:sticky;bottom:8px;right:8px;width:4px;height:40px;background:hsl(var(--muted-foreground)/.3);border-radius:2px;pointer-events:none;opacity:0;transition:opacity .2s}.mobile-editor .scrollable.show-progress.scrolling:after{opacity:1}.mobile-editor.farcaster-miniapp .scrollable{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain;touch-action:pan-y;-webkit-transform:translateZ(0);transform:translateZ(0)}.mobile-editor .hide-scrollbar::-webkit-scrollbar{display:none}.mobile-editor .hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media screen and (orientation:portrait){.mobile-editor .portrait-optimize{flex-direction:column}.mobile-editor .preview-container{max-width:100%;margin:0}}@media screen and (orientation:landscape){.mobile-editor .landscape-optimize{flex-direction:row}.mobile-editor .preview-area{flex:1;max-width:60%;border-right:1px solid hsl(var(--border))}.mobile-editor .tools-area{width:40%;min-width:280px}.mobile-editor .timeline-container{height:120px}.mobile-editor .landscape-optimize button{min-height:40px}.mobile-editor .landscape-optimize .mobile-onboarding-hint{display:none}}@media screen and (orientation:landscape) and (max-height:500px){.mobile-editor .split-view-preview{margin:4px}.mobile-editor .landscape-optimize{flex-direction:row}.mobile-editor .mobile-header{min-height:48px}.mobile-editor .landscape-split{display:flex;flex-direction:row}.mobile-editor .landscape-split .preview-section{flex:1;max-width:65%}.mobile-editor .landscape-split .tools-section{width:35%;border-left:1px solid hsl(var(--border))}.mobile-editor .timeline-container{height:100px}.mobile-editor .secondary-actions{display:none}}.mobile-editor .no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mobile-editor .gesture-area{touch-action:manipulation}.mobile-editor.farcaster-miniapp .gesture-area{touch-action:pan-y;overscroll-behavior-x:none;overscroll-behavior-y:contain}.mobile-editor .prevent-zoom{touch-action:pan-x pan-y}.mobile-editor input,.mobile-editor textarea{font-size:16px}.mobile-editor .safe-area{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.mobile-editor .safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.mobile-editor .split-view-preview{background:#000;border-radius:8px;overflow:hidden;margin:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);position:relative}.mobile-editor .split-view-preview:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid rgba(59,130,246,.3);border-radius:8px;pointer-events:none;opacity:0;transition:opacity .2s ease}.mobile-editor .recording .split-view-preview:after{opacity:1;border-color:rgba(239,68,68,.5);animation:pulse-recording 2s infinite}@keyframes pulse-recording{0%,to{border-color:rgba(239,68,68,.3)}50%{border-color:rgba(239,68,68,.7)}}.mobile-editor .recording-focused{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(59,130,246,.05));border:1px solid rgba(239,68,68,.2);transition:all .4s var(--cinematic-easing)}.recording-hud{background:rgba(0,0,0,.9);backdrop-filter:blur(20px);padding:16px;border-radius:24px 24px 0 0;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -10px 40px rgba(0,0,0,.5);animation:slide-up .5s var(--cinematic-easing)}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.wave-bar{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.5);border-radius:2px;transition:height .1s ease}.mobile-editor .tab-bar{height:56px}.mobile-editor [data-state=active]{background:hsl(var(--background));box-shadow:0 4px 12px hsl(var(--foreground)/.15);border-radius:calc(var(--radius) * .75);transition:all .4s var(--premium-spring)}.dark .mobile-editor [data-state=active]{background:hsl(var(--muted));box-shadow:0 1px 3px rgba(0,0,0,.3)}.mobile-editor .timeline-container{touch-action:none;user-select:none}.mobile-editor .timeline-playhead{pointer-events:none;z-index:10}.mobile-editor .timeline-track{touch-action:pan-x}.mobile-editor .timeline-clip{touch-action:manipulation;user-select:none}.mobile-editor .timeline-clip:active{transform:scale(.98)}.mobile-editor .preview-toggle,.mobile-editor .tab-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-editor .timeline-drag-handle{cursor:ns-resize;touch-action:none}.mobile-editor .timeline-drag-handle:active{background:hsl(var(--muted))}.mobile-editor .haptic-indicator{animation:haptic-pulse .1s ease-out}@keyframes haptic-pulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@media screen and (orientation:landscape) and (max-height:500px){.mobile-editor .split-view-preview{margin:4px}.mobile-editor .landscape-optimize{flex-direction:row}.mobile-editor .mobile-header{min-height:48px}.mobile-editor .landscape-split{display:flex;flex-direction:row}.mobile-editor .landscape-split .preview-section{flex:1;max-width:60%}.mobile-editor .landscape-split .tools-section{width:40%;border-left:1px solid hsl(var(--border))}}@media screen and (min-width:1024px){.mobile-editor{touch-action:auto}.mobile-editor .clickable,.mobile-editor button{min-height:36px;min-width:36px}.mobile-editor .hide-scrollbar::-webkit-scrollbar{display:block;width:8px}.mobile-editor .hide-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}}@supports (-webkit-touch-callout:none){.mobile-editor{-webkit-overflow-scrolling:touch}.mobile-editor .ios-safe-top{padding-top:env(safe-area-inset-top)}.mobile-editor .ios-safe-bottom{padding-bottom:env(safe-area-inset-bottom)}}@supports not (-webkit-touch-callout:none){.mobile-editor{touch-action:manipulation}}@media (prefers-reduced-motion:reduce){.mobile-editor *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}