.home-mobile-tools,.mobile-timeline-gesture-hint,.mobile-workflow-helper,.mobile-workflow-step-toggle{display:none}.mobile-design-animation-section,.mobile-design-style-section{display:contents}.app-mobile-header-brand,.app-mobile-header-surface,.app-mobile-menu-backdrop,.app-mobile-menu-trigger,.app-mobile-profile,.app-mobile-signin{display:none}@media (max-width:760px){:root{--mobile-header-height:58px}body,html{max-width:100%;overflow-x:hidden}.app-navigation-shell,.app-navigation-shell.nav-collapsed{--sidebar-width:0px}.app-navigation-shell .app-sidebar{z-index:141;inset:0 0 0 auto;display:flex;width:min(320px,calc(100vw - 48px));padding:16px 16px calc(20px + env(safe-area-inset-bottom));border-left:1px solid #29292f;box-shadow:-24px 0 64px #000a;visibility:hidden;pointer-events:none;transform:translateX(100%);transition:transform .24s ease,visibility 0s .24s}.app-navigation-shell.mobile-menu-open .app-sidebar{visibility:visible;pointer-events:auto;transform:translateX(0);transition:transform .24s ease}.mobile-menu-open .app-sidebar-header{justify-content:flex-start;margin-bottom:24px;padding-right:48px}.mobile-menu-open .app-sidebar-toggle{display:none}.mobile-menu-open .app-sidebar-account,.mobile-menu-open .app-sidebar-account-copy,.mobile-menu-open .app-sidebar-footer span,.mobile-menu-open .app-sidebar-item small,.mobile-menu-open .app-sidebar-item span,.mobile-menu-open .app-sidebar-logo>strong,.mobile-menu-open .app-sidebar-section{display:block}.mobile-menu-open .app-sidebar-account-chevron,.mobile-menu-open .app-sidebar-account-copy,.mobile-menu-open .app-sidebar-footer span,.mobile-menu-open .app-sidebar-item small,.mobile-menu-open .app-sidebar-item span,.mobile-menu-open .app-sidebar-logo,.mobile-menu-open .app-sidebar-section{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu-open .app-sidebar-signin{display:grid}.mobile-menu-open .app-sidebar-account{overflow:visible}.mobile-menu-open .app-sidebar-account-menu{display:block}.mobile-menu-open .app-sidebar-account-trigger{padding-inline:8px}.mobile-menu-open .app-sidebar-item{justify-content:flex-start;padding:9px 10px}.mobile-menu-open .app-sidebar-item small{display:inline-flex}.mobile-menu-open .app-sidebar-footer{justify-content:flex-start;padding:40px 10px 0}.app-mobile-header-surface{position:fixed;z-index:104;inset:0 0 auto;display:block;height:var(--mobile-header-height);border-bottom:1px solid #202025;background:#09090bf2;backdrop-filter:blur(18px);pointer-events:none}.app-mobile-menu-trigger{position:fixed;z-index:145;top:9px;right:10px;display:grid;width:40px;height:40px;place-items:center;padding:0;border:1px solid #34343a;border-radius:10px;background:#1c1c20;color:#f4f4f6;cursor:pointer}.app-mobile-menu-trigger:focus-visible{outline:2px solid #ffe323;outline-offset:2px}.app-mobile-menu-backdrop{position:fixed;z-index:140;inset:0;display:block;padding:0;border:0;background:#000a;backdrop-filter:blur(3px);cursor:default}.app-mobile-header-brand{position:fixed;z-index:109;top:9px;left:12px;display:inline-flex;min-width:0;height:40px;align-items:center;gap:8px;color:#fff;text-decoration:none}.app-mobile-header-brand strong{font-size:15px;font-weight:780;letter-spacing:-.035em}.app-mobile-signin{position:fixed;z-index:108;top:12px;right:58px;display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:0 15px;border:1px solid #34343a;border-radius:10px;background:#1c1c20;color:#fff;font:inherit;font-size:13px;font-weight:720}.app-account-topbar{z-index:107;top:9px;right:58px;height:40px}.app-account-topbar:before{content:none}.app-account-actions{gap:3px}.app-notifications-panel{position:fixed!important;inset:58px 12px auto!important;width:auto!important;max-width:none}.app-mobile-profile{display:none}.app-credit-topup,.app-notifications summary{width:38px;height:38px;min-height:38px}.app-credit-balance{min-height:38px;padding:0 5px}.app-navigation-shell:not(.editor-navigation-shell) .studio-shell{margin-left:0;padding-bottom:env(safe-area-inset-bottom)}.app-navigation-shell .autoclips-screen,.app-navigation-shell .home-entry{left:0}.home-entry .home-import-stage{display:flex;max-width:100%;min-height:calc(100dvh - env(safe-area-inset-bottom));margin:0 auto;box-sizing:border-box;flex-direction:column;justify-content:center;padding-top:calc(var(--mobile-header-height) + 30px);padding-bottom:calc(36px + env(safe-area-inset-bottom))}.autoclips-screen .autoclips-content,.autoclips-screen.is-project .autoclips-content.autoclips-preparation{padding-bottom:calc(32px + env(safe-area-inset-bottom))}.app-navigation-shell .projects-screen{margin-left:0;padding:calc(var(--mobile-header-height) + 24px) 14px calc(28px + env(safe-area-inset-bottom))}.projects-header h1{font-size:clamp(25px,8vw,32px)}.projects-library-shell .projects-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:100%;overflow-x:auto;scrollbar-width:none}.projects-library-shell .projects-tabs button{justify-content:center;flex:0 0 auto;min-height:44px;padding-inline:2px;font-size:12px;white-space:nowrap}.projects-tabs::-webkit-scrollbar{display:none}.home-import-submit,.home-tools button,.project-actions-trigger,.project-card-main,.project-collection-add,.project-collection-open,.project-upload-card,.project-workflow-run,.project-workflow-tabs button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.project-actions-trigger{width:42px;height:42px}.project-workflow-shell{width:100%}.home-entry-content .home-import-intro h1{white-space:normal}.home-entry-content .home-import-intro h1,.home-import-intro p{max-width:100%;overflow-wrap:break-word;text-wrap:balance}.home-entry .home-tools{display:none}.home-entry .home-mobile-tools{display:block;width:min(100%,360px);margin:14px auto 0;color:#aaaab3}.home-entry .home-mobile-tools>summary{display:flex;width:max-content;min-height:36px;margin:0 auto;align-items:center;gap:7px;padding:5px 10px;border-radius:10px;color:#a9a9b2;font-size:13px;font-weight:650;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}.home-entry .home-mobile-tools>summary::-webkit-details-marker{display:none}.home-entry .home-mobile-tools>summary:after{width:7px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;content:"";transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}.home-entry .home-mobile-tools[open]>summary:after{transform:translateY(2px) rotate(225deg)}.home-entry .home-mobile-tools>nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:7px;padding:7px;border:1px solid #ffffff12;border-radius:15px;background:linear-gradient(180deg,#1b1b20f2,#121216f2);box-shadow:0 14px 32px #0006;backdrop-filter:blur(18px)}.home-entry .home-mobile-tools button{display:grid;min-width:0;min-height:62px;place-items:center;align-content:center;gap:6px;border:1px solid #ffffff0e;border-radius:11px;background:#ffffff06;color:#d7d7dc;font:inherit;font-size:11px;font-weight:650;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.home-entry .home-mobile-tools button svg{color:#ffe12d}.home-entry .home-mobile-tools button:active{background:#ffffff0d;transform:scale(.97)}.home-entry .home-mobile-tools button:disabled{cursor:default;opacity:.55}.project-workflow-tabs button{min-height:46px}.project-workflow-run.clip-generate-button{position:relative;z-index:118;bottom:auto;min-height:58px;margin:20px -4px 0;width:calc(100% + 8px);border:1px solid #fff4a033;border-radius:14px;box-shadow:0 0 0 8px #09090bd9,0 12px 34px #000b,0 0 28px #ffdf2040;backdrop-filter:blur(16px)}.project-workflow-body{display:grid;gap:12px;padding:14px 14px calc(86px + env(safe-area-inset-bottom));border-radius:0 0 18px 18px;background:#121216;scroll-padding-bottom:calc(92px + env(safe-area-inset-bottom))}.project-workflow-preview:has(.project-import-player){position:sticky;z-index:110;top:calc(58px + env(safe-area-inset-top));margin-bottom:12px;padding:6px 0 8px;background:linear-gradient(#09090b 82%,#09090b00)}.project-workflow-preview:has(.project-import-player) .project-source-title{display:none}.project-import-player.project-source-player{height:126px;min-height:126px;aspect-ratio:auto;border-radius:14px;box-shadow:0 12px 28px #0008}.project-import-status{inset:12px 14px;display:grid;width:auto;grid-template-columns:38px minmax(0,1fr) 36px;grid-template-rows:auto auto auto;align-items:center;gap:5px 10px;text-align:left;transform:none}.project-import-spinner{grid-row:1/3;width:38px;height:38px;margin:0;border-radius:11px}.project-import-status h2{grid-column:2/4;margin:0;overflow:hidden;font-size:15px;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}.project-import-quality{grid-column:2/4;justify-self:start;margin:0;padding:3px 7px;font-size:10px;line-height:1.25}.project-import-details{grid-column:1/4;margin:0;overflow:hidden;color:#a9a9b2;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.project-import-progress{grid-column:1/3;width:100%;height:6px;margin:1px 0 0}.project-import-progress-value{grid-column:3;margin:0;color:#f4f4f6;font-size:11px;text-align:right}.mobile-workflow-helper{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #413b19;border-radius:12px;background:#24210f;color:#ded8ad;font-size:12px;line-height:1.35}.mobile-workflow-helper svg{flex:0 0 auto;color:#ffdf20}.clip-workflow-step{position:relative;display:grid;gap:14px;margin:0;padding:0;border:1px solid #2c2c32;border-radius:15px;background:linear-gradient(145deg,#1b1b20,#151518)}.clip-workflow-step>:not(.mobile-workflow-step-toggle){display:none!important}.clip-workflow-step.is-mobile-open{padding:82px 14px 16px}.clip-workflow-step.is-mobile-open>:not(.mobile-workflow-step-toggle){display:flex!important}.clip-workflow-step.is-mobile-open>.clip-duration-setting,.clip-workflow-step.is-mobile-open>.clip-moments-help,.clip-workflow-step.is-mobile-open>.clip-range-track,.clip-workflow-step.is-mobile-open>.clip-range-values{display:block!important}.clip-workflow-step.is-mobile-open>.clip-moments-input{display:grid!important}.mobile-workflow-step-toggle{display:grid;width:100%;min-height:58px;grid-template-columns:26px minmax(0,1fr) 18px;grid-template-rows:auto auto;align-items:center;gap:9px;padding:12px 13px;border:0;border-radius:15px;background:transparent;color:#f4f4f6;text-align:left}.mobile-workflow-step-toggle>span{grid-row:1/3;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#ffdf20;color:#151507;font-size:12px;font-weight:900}.mobile-workflow-step-toggle strong{grid-column:2;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:normal}.mobile-workflow-step-toggle small{grid-column:2;grid-row:2;max-width:100%;overflow:hidden;color:#9d9da7;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.mobile-workflow-step-toggle svg{grid-column:3;grid-row:1/3;color:#a7a7b0;transition:transform .18s ease}.mobile-workflow-step-toggle[aria-expanded=true]{position:absolute;top:0;left:0}.mobile-workflow-step-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.clip-workflow-step:before{position:absolute;top:14px;left:14px;display:none;width:24px;height:24px;place-items:center;border-radius:50%;background:#ffdf20;color:#151507;content:attr(data-step);font-size:12px;font-weight:900}.clip-workflow-step:after{display:none;position:absolute;top:17px;left:48px;color:#f4f4f6;content:attr(data-step-title);font-size:14px;font-weight:760;line-height:20px}.autoclips-inline-settings{align-items:stretch;border-bottom:0}.autoclips-moment-query{padding-block:0}.project-processing-range{padding-top:0;border-top:1px solid #2c2c32}.autoclips-moment-query.is-mobile-open,.project-processing-range.is-mobile-open{padding:82px 14px 16px}.clip-processing-label{justify-content:space-between;font-size:0}.project-processing-range:not(.clip-workflow-step) .clip-processing-label{font-size:14px}.clip-processing-label span{font-size:12px}.clip-duration-options{position:fixed;z-index:150;top:auto;right:10px;bottom:calc(12px + env(safe-area-inset-bottom));left:10px;width:auto;padding:10px;border-radius:18px;box-shadow:0 -18px 60px #000d}.autoclips-inline-settings .clip-duration-options label{min-height:48px;padding:10px 12px}.clip-duration-options input{width:20px;height:20px}.background-upload-status{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;width:auto;max-width:none;border-radius:16px}.workspace-with-transcript>.control-panel{position:relative;z-index:4;margin-top:-18px;padding:30px 16px calc(100px + env(safe-area-inset-bottom));border:solid #303036;border-width:1px 0 0;border-radius:24px 24px 0 0;background:#151518;box-shadow:0 -18px 48px #0008}.workspace-with-transcript>.control-panel:before{display:block;width:42px;height:4px;margin:-16px auto 22px;border-radius:999px;background:#4b4b53;content:""}.control-panel button,.control-panel input,.control-panel select,.editor-transcript-panel button{min-height:44px;touch-action:manipulation}.animation-grid,.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.animation-card,.style-card{min-height:92px}input,select,textarea{font-size:16px}}@media (max-width:420px){.editor-header-actions{gap:4px}.editor-account-actions{gap:6px;margin-left:auto}.editor-credit-balance{font-size:11px;gap:2px}.editor-avatar{width:28px;height:28px;font-size:10px}.editor-export,.editor-save{padding-inline:6px;font-size:11px}.editor-history-actions{padding-right:2px;gap:0}.editor-discard,.editor-history-actions button{width:24px}.app-mobile-header-brand{gap:6px}.app-mobile-header-brand strong{display:inline;font-size:14px}.home-entry .home-import-stage{width:calc(100% - 24px)}.home-entry-content .home-import-intro h1{font-size:clamp(28px,9vw,36px)}.home-import-intro p{font-size:14px}}.mobile-design-tabs,.mobile-editor-panel-tabs{display:none}@media (max-width:640px){.timeline-viewport{touch-action:none}.mobile-timeline-gesture-hint{display:block;font-size:10px;color:#9696a0}.editor-navigation-shell .studio-shell.clip-editor-shell{height:100dvh;min-height:0;overflow:hidden}.editor-navigation-shell .workspace.workspace-with-transcript{display:grid;height:calc(100dvh - 104px);min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,42dvh) minmax(0,1fr) calc(64px + env(safe-area-inset-bottom));overflow:hidden}.workspace-with-transcript>.editor-stage{grid-column:1;grid-row:1;width:100%;height:100%;min-height:0;padding:8px 12px 10px;overflow:hidden}.clip-editor-shell .stage-header{min-height:26px}.clip-editor-shell .phone-frame{width:100%;height:calc(100% - 30px);min-height:0;max-height:none;flex:1 1 auto}.workspace-with-transcript>.control-panel,.workspace-with-transcript>.editor-transcript-panel,.workspace-with-transcript>.timeline-panel{display:none;grid-column:1;grid-row:2;width:100%;height:100%;min-height:0;margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.workspace-with-transcript.mobile-panel-timeline>.timeline-panel{display:block;padding:10px 12px 14px;border:0;border-top:1px solid #29292f;border-radius:18px 18px 0 0;background:#111114}.workspace-with-transcript.mobile-panel-transcript>.editor-transcript-panel{display:flex;padding:18px 16px 24px;border:0;border-top:1px solid #303036;border-radius:18px 18px 0 0;background:#151518}.workspace-with-transcript.mobile-panel-design>.control-panel{position:relative;z-index:4;display:block;padding:28px 16px 24px;border:0;border-top:1px solid #303036;border-radius:18px 18px 0 0;background:#151518;box-shadow:0 -14px 38px #0007}.workspace-with-transcript.mobile-panel-design>.control-panel:before{position:absolute;top:9px;left:50%;width:38px;height:4px;margin:0;border-radius:999px;background:#4b4b53;content:"";transform:translateX(-50%)}.mobile-design-tabs{position:sticky;z-index:8;top:-28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:-10px -8px 18px;padding:8px;border:1px solid #2d2d33;border-radius:13px;background:#111114f2;box-shadow:0 10px 24px #0008;backdrop-filter:blur(18px)}.mobile-design-tabs button{min-width:0;min-height:38px;padding:0 6px;border:0;border-radius:9px;background:transparent;color:#92929c;font:inherit;font-size:11px;font-weight:720;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-design-tabs button[aria-pressed=true]{background:#ffdf2017;color:#ffe12d;box-shadow:inset 0 0 0 1px #ffdf202b}.mobile-design-animation .clip-objects-panel,.mobile-design-animation .mobile-design-style-section,.mobile-design-objects .mobile-design-animation-section,.mobile-design-objects .mobile-design-style-section,.mobile-design-style .clip-objects-panel,.mobile-design-style .mobile-design-animation-section{display:none}.mobile-design-animation-section,.mobile-design-style-section{min-width:0}.mobile-design-animation .animation-grid,.mobile-design-style .style-grid{display:grid;grid-auto-columns:minmax(126px,42%);grid-auto-flow:column;grid-template-columns:none;gap:9px;margin-inline:-2px;padding:2px 2px 12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none}.mobile-design-animation .animation-grid::-webkit-scrollbar,.mobile-design-style .style-grid::-webkit-scrollbar{display:none}.mobile-design-animation .animation-card,.mobile-design-style .style-card{min-height:104px;scroll-snap-align:start}.mobile-editor-panel-tabs{z-index:12;display:grid;grid-column:1;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #2a2a30;background:#0d0d10f2;box-shadow:0 -12px 30px #0008;backdrop-filter:blur(18px)}.mobile-editor-panel-tabs button{display:grid;min-width:0;min-height:50px;place-items:center;align-content:center;gap:4px;border:0;border-radius:11px;background:transparent;color:#85858f;font:inherit;font-size:10px;font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-editor-panel-tabs button[aria-pressed=true]{background:#ffdf2012;color:#ffe12d}.mobile-editor-panel-tabs button:active{transform:scale(.96)}.workspace-with-transcript>.timeline-resize-handle,.workspace-with-transcript>.transcript-resize-handle{display:none}.timeline-editor .timeline-toolbar{gap:8px}.timeline-editor .timeline-scale-controls{margin-left:auto}}