@media screen and (max-width:820px){
html.mobile-ui{font-size:16px;scroll-padding-top:68px;touch-action:manipulation;overscroll-behavior-y:none}html.mobile-ui body{overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom,0);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-ui button,.mobile-ui a,.mobile-ui label,.mobile-ui input,.mobile-ui select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-ui .stage,.mobile-ui .stage canvas,.mobile-ui .stage video{touch-action:none}
.mobile-ui .analysis-header{min-height:64px;height:64px;padding:8px 12px;grid-template-columns:1fr auto auto;gap:8px}.mobile-ui .analysis-header .brand{font-size:14px}.mobile-ui .analysis-header>div{display:block;text-align:left}.mobile-ui .analysis-header .eyebrow{font-size:12px}.mobile-ui .analysis-byline{font-size:8px}.mobile-ui .privacy-badge{display:none}.mobile-ui .mobile-menu-button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(220,243,255,.12);color:inherit;font-size:22px}
.mobile-ui .analysis-shell{display:flex;flex-direction:column;width:100%;max-width:none;padding:8px 8px 38px;gap:10px}.mobile-ui .workspace{min-width:0}.mobile-ui .video-card,.mobile-ui .control-panel,.mobile-ui .metrics-section,.mobile-ui .person-card-compact,.mobile-ui .saved-frames-section,.mobile-ui .overall-analysis-section{border-radius:14px}
.mobile-ui .empty-state{min-height:62vh;margin:6px;padding:22px 14px}.mobile-ui .empty-state h2{font-size:20px}.mobile-ui .empty-state p{font-size:12px}.mobile-ui .primary-button{min-height:48px;display:grid;place-items:center;font-size:14px}
.mobile-ui .stage{min-height:0;aspect-ratio:16/10;position:relative;touch-action:none}.mobile-ui .stage video{width:100%;height:100%;max-height:none;object-fit:contain}.mobile-ui .stage canvas{touch-action:none}
.mobile-ui .transport{display:grid;grid-template-columns:46px 1fr 1fr auto;gap:7px;padding:9px}.mobile-ui .transport>*{min-width:0}.mobile-ui .transport .icon-button{grid-column:1;grid-row:1;width:46px;height:46px}.mobile-ui .transport .frame-button{min-height:46px;font-size:11px!important}.mobile-ui #currentTime{grid-column:1/3;grid-row:2;text-align:left}.mobile-ui #duration{grid-column:3/5;grid-row:2;text-align:right}.mobile-ui #timeline{grid-column:1/-1;grid-row:3;width:100%;min-height:32px;order:unset}.mobile-ui .speed-control{grid-column:1/3;grid-row:4;display:grid;grid-template-columns:auto 1fr}.mobile-ui .speed-control select{min-height:44px;font-size:13px!important}.mobile-ui .zoom-control{grid-column:3/5;grid-row:4;border:0;padding:0;justify-content:flex-end}.mobile-ui .zoom-control button{min-width:40px!important;width:40px!important;height:42px!important}.mobile-ui .zoom-control input{display:none}.mobile-ui .zoom-control .zoom-value{min-width:48px!important}.mobile-ui .save-frame-button,.mobile-ui .auto-select-button,.mobile-ui .replace-button,.mobile-ui .mobile-point-mode-button{display:grid;place-items:center;min-height:48px;padding:8px!important;font-size:12px!important;border-radius:10px}.mobile-ui .save-frame-button{grid-column:1/3;grid-row:5}.mobile-ui #autoSelectFrames{grid-column:3/5;grid-row:5}.mobile-ui #aiPhaseReview{grid-column:1/3;grid-row:6}.mobile-ui .mobile-point-mode-button{grid-column:3;grid-row:6;border:1px solid rgba(109,225,194,.45);background:rgba(109,225,194,.1)}.mobile-ui .mobile-point-mode-button.is-active{background:#6de1c2;color:#071522}.mobile-ui .replace-button{grid-column:4;grid-row:6}
.mobile-ui .phase-toolbar{grid-template-columns:1fr;padding:8px;gap:7px}.mobile-ui .phase-toolbar-view,.mobile-ui .phase-indicator,.mobile-ui .manual-phase-editor{min-width:0}.mobile-ui .phase-toolbar select,.mobile-ui .manual-phase-actions button{min-height:44px;font-size:12px}.mobile-ui .manual-phase-editor{grid-template-columns:1fr!important}.mobile-ui .manual-phase-selects,.mobile-ui .manual-phase-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mobile-ui .person-captures-row{grid-template-columns:1fr;gap:8px}.mobile-ui .person-card-compact,.mobile-ui .person-captures-row .saved-frames-section{width:100%;margin-top:8px;padding:13px}.mobile-ui .person-card-compact .person-form{grid-template-columns:1fr 1fr}.mobile-ui .person-form input{min-height:44px!important;font-size:13px!important}.mobile-ui .saved-frames-list{display:flex!important;overflow-x:auto;gap:9px;scroll-snap-type:x mandatory;padding-bottom:5px}.mobile-ui .saved-frame-card{flex:0 0 160px;scroll-snap-align:start}.mobile-ui .saved-frame-delete{width:34px;height:34px;font-size:18px;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,.92),0 0 2px rgba(0,0,0,.88)}
.mobile-ui .control-panel{display:block;position:fixed;z-index:80;top:0;right:0;bottom:0;width:min(90vw,400px);height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;padding:env(safe-area-inset-top,0) 8px calc(18px + env(safe-area-inset-bottom,0));color:var(--ink);background:linear-gradient(155deg,rgba(250,253,255,.98),rgba(229,243,249,.96));border-left:1px solid rgba(255,255,255,.9);transform:translateX(105%);transition:transform .24s ease;box-shadow:-22px 0 60px rgba(20,50,72,.28);backdrop-filter:blur(28px) saturate(145%)}.mobile-ui .control-panel.is-mobile-open{transform:translateX(0)}.mobile-ui .mobile-drawer-header{position:sticky;z-index:5;top:0;display:flex;align-items:center;justify-content:space-between;min-height:62px;margin:0 -8px 8px;padding:8px 14px;background:rgba(244,251,254,.92);border-bottom:1px solid rgba(116,159,187,.2);backdrop-filter:blur(20px)}.mobile-ui .mobile-drawer-header strong{font-size:16px}.mobile-ui .mobile-drawer-header button{width:44px;height:44px;border:1px solid rgba(113,156,184,.22);border-radius:50%;background:rgba(255,255,255,.72);color:#38556a;font-size:25px}.mobile-ui .panel-section{margin:8px 0;padding:0;border:1px solid rgba(129,170,197,.22)!important;border-radius:14px;background:rgba(255,255,255,.58);box-shadow:0 9px 24px rgba(45,80,104,.07);overflow:hidden}.mobile-ui .mobile-panel-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;padding:11px 13px;border:0;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(229,243,250,.56));color:var(--ink);text-align:left;font-weight:800}.mobile-ui .mobile-panel-toggle span{display:flex;flex-direction:column;gap:2px}.mobile-ui .mobile-panel-toggle small{color:#4b8ebc;font-size:9px;letter-spacing:.14em}.mobile-ui .mobile-panel-toggle b{font-size:14px}.mobile-ui .mobile-panel-toggle i{font-style:normal;color:#4b8ebc;font-size:20px;transition:transform .2s}.mobile-ui .panel-section:not(.is-mobile-collapsed) .mobile-panel-toggle i{transform:rotate(45deg)}.mobile-ui .panel-section.is-mobile-collapsed>:not(.mobile-panel-toggle){display:none!important}.mobile-ui .panel-section>:not(.mobile-panel-toggle){margin-left:13px;margin-right:13px}.mobile-ui .panel-section>:last-child{margin-bottom:14px}.mobile-ui .panel-section h2{font-size:15px}.mobile-ui .switch-row{min-height:52px}.mobile-ui .switch-row b{font-size:13px}.mobile-ui .switch-row small,.mobile-ui .panel-help{font-size:11px}.mobile-ui .small-button,.mobile-ui .quiet-button,.mobile-ui .list-item button{min-width:42px;min-height:42px}.mobile-ui .list-item{min-height:52px;font-size:13px;background:rgba(255,255,255,.65)}.mobile-ui .list-item .delete-button{color:#d65264;font-size:20px}.mobile-ui .mobile-menu-backdrop{display:none;position:fixed;z-index:70;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:rgba(13,35,50,.42);backdrop-filter:blur(4px)}.mobile-ui .mobile-menu-backdrop.is-visible{display:block}
.mobile-ui #liveMetricsSection{display:none!important}.mobile-ui .saved-dialog-data>.saved-analysis-group:not(.phase-metrics-group){display:none}.mobile-ui .metric-tooltip{position:fixed;z-index:100;left:10px;right:10px;bottom:10px;width:auto;max-width:none;font-size:12px}
.mobile-ui .overall-analysis-section{margin-top:10px;padding:14px;scroll-margin-top:70px}.mobile-ui .overall-analysis-actions,.mobile-ui .saved-frames-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.mobile-ui .analysis-button{min-height:44px;font-size:11px}.mobile-ui .analysis-content,.mobile-ui .ai-analysis-content{font-size:12px}.mobile-ui .analysis-summary-grid{grid-template-columns:1fr 1fr}.mobile-ui .analysis-block h4{font-size:13px}.mobile-ui .analysis-disclaimer{font-size:10px}
.mobile-ui dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:auto;border-radius:16px}.mobile-ui .saved-frame-dialog{width:calc(100vw - 16px);padding:12px}.mobile-ui .saved-dialog-layout{grid-template-columns:1fr}.mobile-ui .saved-dialog-data{max-height:none}.mobile-ui .dialog-close{width:42px;height:42px;font-size:24px}.mobile-ui .therapist-analysis-dialog,.mobile-ui .local-ai-key-dialog{width:calc(100vw - 16px)}
.mobile-ui .point-context-menu,.mobile-ui .video-context-menu{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom,0))!important;top:auto!important;width:auto;max-height:70dvh;overflow:auto;padding:8px;border-radius:16px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mobile-ui .point-context-menu button,.mobile-ui .video-context-menu button{min-height:48px;font-size:13px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
.mobile-ui footer{padding:18px 12px 28px;font-size:10px}
}
.mobile-only{display:none}

@media screen and (max-width:820px){
.mobile-ui .saved-frame-card.starts-source:before{display:none!important;content:none!important}
.mobile-ui .mobile-cancel-frame-edit{position:absolute;z-index:8;top:10px;right:10px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(201,57,74,.9);color:#fff;font-size:27px;line-height:1;box-shadow:0 8px 22px rgba(74,12,24,.32)}
}

@media screen and (max-width:820px){
.mobile-ui .tutorials-card{width:100%;margin:8px 0 0;padding:13px}
.mobile-ui .tutorials-card[data-variant="compact"]{max-width:none;margin-left:0}
.mobile-ui .tutorials-card .tutorial-action-button{min-height:44px;font-size:12px}
.mobile-ui .tutorials-dialog[open]{position:fixed;inset:auto 0 0 0;width:100vw;max-width:none;height:min(92dvh,860px);max-height:min(92dvh,860px);margin:0;padding:max(10px,env(safe-area-inset-top,0)) 10px calc(16px + env(safe-area-inset-bottom,0));border:0;border-radius:20px 20px 0 0}
.mobile-ui .tutorial-content-panel{max-height:68dvh}
.mobile-ui .tutorials-dialog-tabs{position:sticky;top:0;z-index:3;padding:4px 0;background:linear-gradient(180deg,rgba(246,251,254,.96),rgba(246,251,254,.72))}
.mobile-ui .tutorial-section h3{font-size:13px}
.mobile-ui .tutorial-section p,.mobile-ui .tutorial-checklist li,.mobile-ui .tutorial-bullets li,.mobile-ui .tutorial-supports li,.mobile-ui .tutorial-mistakes li{font-size:12px}
.mobile-ui .tutorial-faq-search input{font-size:12px;min-height:44px}
.mobile-ui .tutorial-accordion-trigger{font-size:12px;min-height:42px}
}

@media screen and (max-width:820px){
.mobile-ui .saved-dialog-data>.saved-manual-angles,.mobile-ui .saved-dialog-data>.saved-manual-distances{display:block!important}
.mobile-ui .saved-dialog-data>.mobile-tab-hidden,.mobile-ui .saved-dialog-data>.saved-analysis-group.mobile-tab-hidden{display:none!important}
.mobile-ui .saved-frame-dialog[open]{padding-bottom:calc(14px + env(safe-area-inset-bottom,0))}
}

@media screen and (max-width:820px){
.mobile-ui .mobile-capture-filters{display:flex;gap:6px;margin:0 0 9px;padding:1px 0 4px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}.mobile-ui .mobile-capture-filters::-webkit-scrollbar{display:none}.mobile-ui .mobile-capture-filters button{flex:0 0 auto;min-height:36px;padding:6px 11px;border:1px solid rgba(116,159,187,.24);border-radius:999px;background:rgba(255,255,255,.52);color:#5f788a;font-size:10px;font-weight:750}.mobile-ui .mobile-capture-filters button.is-active{border-color:rgba(65,175,153,.46);background:rgba(109,225,194,.18);color:#247767}.mobile-ui .saved-frame-card.starts-source:before{content:attr(data-source-label);display:block;overflow:hidden;padding:4px 7px;background:rgba(61,137,174,.11);color:#4f7e99;font-size:8px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.mobile-ui .saved-frame-card[hidden]{display:none!important}
.mobile-ui .saved-frame-dialog[open]{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:max(10px,env(safe-area-inset-top,0)) 10px calc(68px + env(safe-area-inset-bottom,0));border:0;border-radius:0;overflow-y:auto}.mobile-ui .saved-frame-dialog .saved-dialog-layout{display:flex;flex-direction:column;gap:8px}.mobile-ui .saved-frame-dialog .saved-dialog-frame,.mobile-ui .saved-frame-dialog .saved-dialog-data{max-height:none;overflow:visible;padding:0}.mobile-ui .saved-frame-dialog .saved-dialog-frame>img{width:100%;max-height:52dvh;border-radius:14px}.mobile-ui .mobile-capture-tabs{position:sticky;z-index:4;top:0;display:flex;gap:5px;margin:4px 0 10px;padding:5px;overflow-x:auto;border-radius:12px;background:rgba(239,248,252,.94);backdrop-filter:blur(15px);scrollbar-width:none}.mobile-ui .mobile-capture-tabs::-webkit-scrollbar{display:none}.mobile-ui .mobile-capture-tabs button{flex:0 0 auto;min-height:38px;padding:6px 10px;border:0;border-radius:9px;background:transparent;color:#658092;font-size:10px;font-weight:800}.mobile-ui .mobile-capture-tabs button.is-active{background:#fff;color:#287c70;box-shadow:0 5px 14px rgba(47,84,108,.1)}.mobile-ui .mobile-tab-hidden{display:none!important}.mobile-ui .mobile-capture-navigation{position:fixed;z-index:8;left:50%;bottom:calc(8px + env(safe-area-inset-bottom,0));display:grid;grid-template-columns:48px auto 48px;align-items:center;gap:8px;transform:translateX(-50%);padding:5px;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:rgba(240,249,252,.94);box-shadow:0 10px 30px rgba(22,54,74,.2);backdrop-filter:blur(18px)}.mobile-ui .mobile-capture-navigation button{width:44px;height:44px;border:0;border-radius:50%;background:rgba(86,176,191,.13);color:#287c70;font-size:27px}.mobile-ui .mobile-capture-navigation span{font-size:10px;font-weight:800;color:#668092}.mobile-ui .mobile-capture-context{position:fixed;z-index:120;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0));padding:8px;border:1px solid rgba(255,255,255,.9);border-radius:17px;background:rgba(245,251,253,.98);box-shadow:0 18px 55px rgba(12,40,58,.3)}.mobile-ui .mobile-capture-context button{display:block;width:100%;min-height:48px;border:0;border-bottom:1px solid rgba(116,159,187,.14);background:transparent;color:#31566d;text-align:left;font-size:13px;font-weight:750}.mobile-ui .mobile-capture-context button:last-child{border-bottom:0}.mobile-ui .mobile-capture-context .danger{color:#c84f61}
}

@media screen and (max-width:820px){
.mobile-ui .phase-toolbar.is-mobile-collapsed{padding:3px 7px;background:transparent;border-top:0}
.mobile-ui .phase-toolbar.is-mobile-collapsed .mobile-phase-summary{min-height:36px;height:36px;padding:4px 9px;border-radius:9px}
.mobile-ui .phase-toolbar.is-mobile-collapsed .mobile-phase-summary .phase-dot{width:7px;height:7px}
.mobile-ui .phase-toolbar.is-mobile-collapsed .mobile-phase-summary small{display:none}
.mobile-ui .phase-toolbar.is-mobile-collapsed .mobile-phase-summary strong{font-size:11px}
.mobile-ui .phase-toolbar.is-mobile-collapsed .mobile-phase-summary em{display:none}
.mobile-ui .phase-toolbar.is-mobile-sheet-open{display:grid!important;position:fixed;z-index:96;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0));width:auto;max-height:min(78dvh,680px);padding:18px 10px 10px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:linear-gradient(155deg,rgba(250,253,255,.98),rgba(229,243,249,.97));box-shadow:0 -18px 60px rgba(15,43,62,.28);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}
.mobile-ui .phase-toolbar.is-mobile-sheet-open:before{content:'';display:block;width:44px;height:5px;margin:-9px auto 3px;border-radius:99px;background:rgba(79,113,136,.35)}
.mobile-ui .phase-toolbar.is-mobile-sheet-open .mobile-phase-summary{min-height:46px}
.mobile-ui .mobile-phase-sheet-backdrop{display:none;position:fixed;z-index:95;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:rgba(8,25,38,.5);backdrop-filter:none;-webkit-backdrop-filter:none}
.mobile-ui .mobile-phase-sheet-backdrop.is-visible{display:block}
.mobile-ui body.mobile-phase-sheet-visible{overflow:hidden}
}

@media screen and (max-width:820px){
.mobile-ui .mobile-action-scroll>*{order:initial!important}
.mobile-ui .mobile-action-scroll>.save-frame-button{order:1!important}
.mobile-ui .mobile-action-scroll>.mobile-point-mode-button{order:2!important}
.mobile-ui .mobile-action-scroll>#autoSelectFrames{order:3!important}
.mobile-ui .mobile-action-scroll>.replace-button{order:4!important}
.mobile-ui .mobile-action-scroll>#aiPhaseReview{order:5!important}
.mobile-ui .mobile-action-scroll>.speed-control{order:6!important}
.mobile-ui .mobile-action-scroll>.zoom-control{order:7!important}
}

@media screen and (max-width:820px){
.mobile-ui,.mobile-ui *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.mobile-ui #overallAnalysisContent,.mobile-ui #overallAnalysisContent *,.mobile-ui #aiAnalysisContent,.mobile-ui #aiAnalysisContent *,.mobile-ui #therapistAnalysisContent,.mobile-ui #therapistAnalysisContent *,.mobile-ui .saved-frame-dialog .analysis-content,.mobile-ui .saved-frame-dialog .analysis-content *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.mobile-ui input,.mobile-ui textarea{cursor:text}
.mobile-ui .mobile-phase-summary{grid-template-columns:auto auto minmax(0,1fr) auto;cursor:pointer}
.mobile-ui .mobile-phase-summary .mobile-phase-view{font-size:10px;color:var(--muted);white-space:nowrap}
.mobile-ui .mobile-phase-summary>div{min-width:0}
.mobile-ui .mobile-phase-summary .mobile-phase-chevron{font-size:17px;font-style:normal;color:#399c8a}
.mobile-ui .mobile-person-panel{width:auto;margin:8px 0;padding:0}
.mobile-ui .mobile-person-panel .person-title-row{display:none}
.mobile-ui .mobile-person-panel .person-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mobile-ui .mobile-person-panel .full-field{grid-column:1/-1}
.mobile-ui .mobile-person-panel>.person-clear-button{display:grid;place-items:center;width:calc(100% - 26px);min-height:44px;margin:10px 13px 14px!important}
.mobile-ui .mobile-saved-frame-media{position:relative;width:100%}.mobile-ui .mobile-saved-frame-media>img{display:block;width:100%;max-height:52dvh;object-fit:contain;border-radius:14px;background:#07101a}.mobile-ui .mobile-saved-frame-edit-row{position:absolute;z-index:3;right:9px;bottom:9px;display:block;margin:0}.mobile-ui .mobile-saved-frame-delete-row{position:absolute;z-index:3;right:9px;top:9px;display:block;margin:0}.mobile-ui .mobile-saved-frame-edit,.mobile-ui .mobile-saved-frame-delete{display:grid!important;place-items:center;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:50%!important;background:rgba(10,30,43,.78)!important;color:#fff!important;font-size:23px!important;line-height:1!important;box-shadow:0 7px 20px rgba(4,18,28,.28);backdrop-filter:blur(12px)}
.mobile-ui .mobile-image-frame-navigation{position:absolute;z-index:3;left:50%;bottom:9px;display:flex;gap:7px;transform:translateX(-50%)}.mobile-ui .mobile-image-frame-navigation button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(10,30,43,.78);color:#fff;font-size:27px;line-height:1;box-shadow:0 7px 20px rgba(4,18,28,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.mobile-ui .mobile-saved-frame-edit,.mobile-ui .mobile-saved-frame-delete,.mobile-ui .mobile-image-frame-navigation button{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.85)}
.mobile-ui .saved-frame-dialog>.dialog-close{position:fixed;z-index:12;top:calc(10px + env(safe-area-inset-top,0));right:12px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#e9f2f7;color:#41596c;font-size:24px;line-height:1;box-shadow:0 7px 18px rgba(18,49,69,.2);text-shadow:none}
}

@media screen and (max-width:820px){
.mobile-ui .transport{display:block;padding:9px;overflow:hidden}.mobile-ui .mobile-transport-primary{display:grid;grid-template-columns:48px minmax(74px,1fr) 48px;align-items:center;justify-content:center;gap:8px;max-width:280px;margin:0 auto}.mobile-ui .mobile-transport-primary .icon-button,.mobile-ui .mobile-transport-primary .frame-button{display:grid;grid-column:auto;grid-row:auto;place-items:center;width:100%;height:46px;min-height:46px;margin:0}.mobile-ui .mobile-transport-primary .icon-button{border-radius:14px}.mobile-ui .mobile-transport-primary .frame-button{font-size:12px!important}
.mobile-ui .mobile-timeline-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:7px;margin-top:7px}.mobile-ui .mobile-timeline-row #currentTime,.mobile-ui .mobile-timeline-row #duration,.mobile-ui .mobile-timeline-row #timeline{grid-column:auto;grid-row:auto;min-width:0;margin:0}.mobile-ui .mobile-timeline-row #currentTime,.mobile-ui .mobile-timeline-row #duration{font-size:10px;text-align:center}.mobile-ui .mobile-timeline-row #timeline{width:100%;min-height:34px}
.mobile-ui .mobile-action-scroll{display:flex;align-items:stretch;gap:7px;margin:7px -9px -9px;padding:1px 9px 10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:9px;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-ui .mobile-action-scroll::-webkit-scrollbar{display:none}.mobile-ui .mobile-action-scroll>*{flex:0 0 auto;grid-column:auto!important;grid-row:auto!important;scroll-snap-align:start;min-height:44px!important;margin:0}.mobile-ui .mobile-action-scroll>.save-frame-button,.mobile-ui .mobile-action-scroll>.auto-select-button,.mobile-ui .mobile-action-scroll>.replace-button,.mobile-ui .mobile-action-scroll>.mobile-point-mode-button,.mobile-ui .mobile-action-scroll>#aiPhaseReview{display:grid;place-items:center;width:auto;min-width:max-content;padding:8px 13px!important;font-size:11px!important;white-space:nowrap}.mobile-ui .mobile-action-scroll .speed-control{display:flex;align-items:center;gap:5px;min-width:128px;padding:0 8px;border:1px solid rgba(116,159,187,.18);border-radius:10px}.mobile-ui .mobile-action-scroll .speed-control select{min-height:42px}.mobile-ui .mobile-action-scroll .zoom-control{display:flex;align-items:center;min-width:max-content;padding:0 4px;border:1px solid rgba(116,159,187,.18);border-radius:10px}.mobile-ui .mobile-action-scroll .zoom-control button{width:38px!important;min-width:38px!important;height:42px!important}.mobile-ui .mobile-action-scroll .zoom-control input{display:none}
.mobile-ui .phase-toolbar{display:grid;grid-template-columns:1fr;padding:7px;gap:7px}.mobile-ui .mobile-phase-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:46px;padding:8px 11px;border:1px solid rgba(109,225,194,.28);border-radius:11px;background:linear-gradient(135deg,rgba(37,119,156,.16),rgba(109,225,194,.12));color:inherit;text-align:left}.mobile-ui .mobile-phase-summary span{font-size:10px;color:var(--muted);white-space:nowrap}.mobile-ui .mobile-phase-summary strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.mobile-ui .mobile-phase-summary i{font-size:17px;font-style:normal;color:#399c8a}.mobile-ui .phase-toolbar.is-mobile-collapsed>:not(.mobile-phase-summary){display:none!important}.mobile-ui .mobile-phase-done{min-height:44px;border:1px solid rgba(109,225,194,.42);border-radius:10px;background:rgba(109,225,194,.13);color:inherit;font-size:12px;font-weight:800}
}