/* Phone-only shell; the desktop planner retains its existing layout. */
  #vntPlanningShell.has-mobile-planner { display:block; height:var(--vmp-viewport-height,100dvh); min-height:0; padding:0; overflow:hidden; background:#101512; }
  #vntPlanningShell.has-mobile-planner > .tv-page,
  #vntPlanningShell.has-mobile-planner > .vnt-subbar { display:none !important; }
  .vmp { --vmp-accent:#b4ddc2; --vmp-border:#313c35; --vmp-muted:#a6b4ab; --vnt-bg:#101512; --vnt-bg-2:#17201a; --vnt-bg-3:#1b241e; --vnt-panel:#1b241e; --vnt-panel-2:#26352b; --vnt-text:#f1f6f2; --vnt-text-dim:#c4d0c7; --vnt-text-faint:#a6b4ab; --vnt-border:#313c35; --vnt-border-2:#526559; --text-primary:#f1f6f2; --text-secondary:#c4d0c7; --text-muted:#a6b4ab; --bg-panel:#17201a; --bg-card:#1b241e; --bg-input:#111a14; --border-color:#313c35; color:#f1f6f2; height:100%; display:flex; flex-direction:column; font-family:var(--font-body,system-ui,sans-serif); font-size:14px; min-width:0; }
  .vmp *, .vmp *::before, .vmp *::after { box-sizing:border-box; }
  .vmp [hidden] { display:none !important; }
  .vmp button { font:inherit; cursor:pointer; color:inherit; background:#1b241e; border:1px solid var(--vmp-border); border-radius:10px; min-height:44px; padding:8px 12px; touch-action:manipulation; }
  .vmp button:disabled { opacity:.45; cursor:default; }
  .vmp button:focus-visible, .vmp select:focus-visible, .vmp input:focus-visible { outline:2px solid var(--vmp-accent); outline-offset:2px; }
  .vmp-header { display:flex; align-items:center; gap:6px; padding:calc(6px + env(safe-area-inset-top,0px)) 10px 7px; border-bottom:1px solid var(--vmp-border); flex-shrink:0; }
  .vmp-header .vmp-icon { flex:0 0 44px; padding:5px; background:transparent; border:0; font-size:20px; }
  .vmp-header .vmp-project { min-width:0; flex:1; display:flex; flex-direction:column; align-items:flex-start; border:0; padding:4px; background:transparent; text-align:left; }
  .vmp-project strong { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; font-weight:650; line-height:1.4; }
  .vmp-project span { font-size:11px; color:var(--vmp-muted); line-height:1.5; }
  .vmp-project .is-error { color:#f5b5a7; }
  .vmp-header .vmp-save { padding:7px 10px; font-size:12px; min-width:48px; }
  .vmp-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:7px 12px; gap:10px; flex-shrink:0; }
  #vntPlanningShell.has-mobile-planner .vmp-toolbar #tvDeviceDrafts { min-height:44px; flex-shrink:0; }
  .vmp-toolbar [role="tablist"] { display:flex; border-radius:11px; background:#080d0a; padding:3px; gap:2px; }
  .vmp-toolbar [role="tab"] { min-height:38px; border:0; background:transparent; padding:6px 14px; font-size:13px; color:var(--vmp-muted); }
  .vmp-toolbar [aria-selected="true"] { color:#101d15; background:var(--vmp-accent); }
  .vmp-toolbar .vmp-add { border:0; background:transparent; padding:8px 3px; font-weight:600; color:var(--vmp-accent); }
  .vmp-placement { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:5px 12px; background:#28362c; font-size:12px; flex-shrink:0; }
  .vmp-placement button { min-height:38px; border:0; background:transparent; color:var(--vmp-accent); padding:5px; }
  .vmp-workspace { position:relative; flex:1; min-height:150px; overflow:hidden; background:#0c110e; }
  .vmp-surface { position:absolute; inset:0; min-width:0; min-height:0; }
  #vntPlanningShell.has-mobile-planner .vmp-map .tv-center-panel { position:absolute !important; inset:0 !important; height:100% !important; width:100% !important; min-width:0 !important; min-height:0 !important; max-width:none !important; grid-column:auto !important; }
  #vntPlanningShell.has-mobile-planner .vmp-map #tvMapContainer { position:absolute; inset:0; height:100%; min-height:0; }
  .vmp .vnt-map-search-dock { top:10px; left:10px; right:10px; width:auto; max-width:none; }
  .vmp .vnt-map-search-wrap { width:100%; min-width:0; max-width:none; }
  .vmp .vnt-map-search { width:100%; max-width:none; min-width:0; min-height:44px; font-size:16px; color:#22372a; background:#f5f7f4; }
  .vmp .vnt-map-search-icon { color:#687e70; }
  .vmp .tv-map-toolbar { max-width:calc(100% - 20px); bottom:10px; left:10px; gap:5px; flex-wrap:wrap; }
  .vmp .vnt-map-flow-hint { left:10px; right:10px; width:auto; bottom:70px; max-width:none; font-size:12px; pointer-events:none; }
  .vmp .vnt-map-flow-body, .vmp .vnt-map-flow-step { display:none; }
  .vmp .vnt-map-flow-hint strong { font-size:12px; }
  .vmp .vnt-layer-btn { padding:5px 8px; min-height:38px; }
  #vntPlanningShell.has-mobile-planner .vmp .tv-map-toolbar .btn { color:#22372a; background:rgba(245,247,244,.96); border:1px solid #c6d2c9; }
  #vntPlanningShell.has-mobile-planner .vmp .tv-map-toolbar .btn.active { color:#173923; background:#dce9df; border-color:#9fb9a7; }
  #vntPlanningShell.has-mobile-planner .vmp-camera .tv-right-panel { display:block !important; position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; min-width:0 !important; min-height:0 !important; max-height:none !important; padding:0 !important; border:0 !important; overflow:hidden !important; grid-column:auto !important; }
  #vntPlanningShell.has-mobile-planner .vmp-camera #tvCesiumViewer { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; min-height:0 !important; max-height:none !important; margin:0 !important; border:0 !important; border-radius:0 !important; transform:none !important; }
  .vmp-camera #vntPreviewTitlebar { height:auto; padding:5px 8px; background:rgba(10,18,12,.7); }
  .vmp-camera :is(.vnt-preview-grip,.vnt-preview-layout-menu,#vntPreviewDockState,#tvFullscreenBtn,.vnt-preview-resize,#vntBuildingPreview) { display:none !important; }
  .vmp-camera #vntHud { display:none !important; }
  .vmp-telemetry { position:absolute; left:10px; top:45px; z-index:15; display:flex; gap:5px; max-width:calc(100% - 20px); }
  .vmp-telemetry button { display:flex; flex-direction:column; gap:3px; min-width:70px; padding:7px 9px; min-height:44px; border:0; background:rgba(9,20,12,.8); text-align:left; }
  .vmp-telemetry span { font-size:9px; color:var(--vmp-muted); }
  .vmp-telemetry strong { font-size:12px; font-weight:600; font-variant-numeric:tabular-nums; }
  .vmp-lensbar { padding:7px 12px; background:#151d18; border-top:1px solid var(--vmp-border); flex-shrink:0; }
  .vmp-profile { display:flex; align-items:center; gap:9px; font-size:11px; color:var(--vmp-muted); margin-bottom:6px; }
  .vmp-profile select { font:inherit; font-size:13px; color:#f1f6f2; background:transparent; border:0; padding:4px 0; min-height:28px; flex:1; }
  .vmp-lenses { display:flex; gap:5px; }
  .vmp-lenses button { flex:1; min-width:0; min-height:36px; padding:6px 3px; font-size:12px; border-radius:8px; }
  .vmp-lenses [aria-pressed="true"] { color:#102116; border-color:var(--vmp-accent); background:var(--vmp-accent); }
  .vmp-selection { flex-shrink:0; background:#151d18; border-top:1px solid var(--vmp-border); padding:6px 10px; }
  .vmp .tv-pin-nav { display:grid !important; grid-template-columns:44px minmax(0,1fr) 44px !important; gap:5px !important; padding:0 !important; width:100%; min-height:44px; margin:0; border:0; background:transparent; }
  .vmp .tv-pin-nav :is(.tv-pin-nav-center,.tv-pin-nav-label) { background:transparent; color:#f1f6f2; }
  .vmp .tv-pin-nav > button { min-height:44px; min-width:44px; width:44px; }
  .vmp .tv-pin-nav-label { font-size:13px !important; overflow-wrap:anywhere; line-height:1.3; }
  .vmp .tv-pin-nav-center { min-width:0; }
  #vntPlanningShell.has-mobile-planner .vmp .tv-360-viewer-level-nav { justify-content:center; gap:4px; padding:2px; }
  /* The inherited desktop select has a pale background; phone text uses the
     dark-shell foreground, so explicitly pair this real control's colours. */
  #vntPlanningShell.has-mobile-planner .vmp .tv-360-level-select { max-width:180px; min-height:38px; padding:6px 16px 6px 6px; appearance:none; -webkit-appearance:none; font-size:12px !important; font-weight:600 !important; line-height:1.3 !important; color:#f1f6f2 !important; -webkit-text-fill-color:#f1f6f2; background:#111a14 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23f1f6f2' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 4px center; border-color:#526559; color-scheme:dark; }
  #vntPlanningShell.has-mobile-planner .vmp .tv-360-level-select option { color:#f1f6f2; background:#111a14; }
  .vmp .tv-360-level-btn { min-height:38px; padding:4px 8px; }
  /* Native option text varies by platform font. At narrow phone widths the
     select gets the full center column instead of shrinking between arrows. */
  @media (max-width:360px) {
    #vntPlanningShell.has-mobile-planner .vmp .tv-360-viewer-level-nav { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); }
    #vntPlanningShell.has-mobile-planner .vmp .tv-360-level-select { grid-column:1 / -1; grid-row:1; width:100%; max-width:none; }
    #vntPlanningShell.has-mobile-planner .vmp .tv-360-level-btn { grid-row:2; width:100%; }
  }
  .vmp-shot-actions { display:flex; gap:5px; margin-top:5px; }
  .vmp-shot-actions button { flex:1; min-width:0; padding:6px 4px; min-height:42px; font-size:12px; }
  .vmp-shot-actions button span { color:var(--vmp-muted); }
  .vmp-message { margin:0; padding:7px 12px; font-size:12px; background:#3b2b23; color:#ffdfc8; flex-shrink:0; }
  .vmp-bottom { display:grid; grid-template-columns:1fr 1fr; padding:6px 15px calc(6px + env(safe-area-inset-bottom,0px)); border-top:1px solid var(--vmp-border); gap:8px; background:#101512; flex-shrink:0; }
  .vmp-bottom button { background:transparent; border:0; min-height:44px; color:var(--vmp-muted); font-size:13px; font-weight:600; }
  .vmp-bottom [aria-current="page"] { color:var(--vmp-accent); background:#25362b; }
  .vmp-sheet-layer { position:absolute; inset:0; z-index:2500; display:flex; align-items:flex-end; }
  .vmp-sheet-layer .vmp-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:0; background:rgba(0,0,0,.58); cursor:default; }
  .vmp-sheet { position:relative; display:flex; flex-direction:column; width:100%; max-height:88%; background:#17201a; border:1px solid var(--vmp-border); border-radius:20px 20px 0 0; box-shadow:0 -12px 50px rgba(0,0,0,.3); padding-bottom:env(safe-area-inset-bottom,0px); min-height:0; }
  .vmp-sheet > header { display:flex; align-items:center; justify-content:space-between; padding:10px 16px; border-bottom:1px solid var(--vmp-border); flex-shrink:0; }
  .vmp-sheet h2 { font-size:17px; font-weight:600; margin:0; }
  .vmp-sheet > header .vmp-icon { width:44px; border:0; background:transparent; font-size:26px; }
  .vmp-sheet-body { padding:16px; overflow-y:auto; overscroll-behavior:contain; min-height:0; scrollbar-width:thin; }
  .vmp-sheet-body p { font-size:13px; color:var(--vmp-muted); line-height:1.5; }
  .vmp-types { display:grid; gap:8px; }
  .vmp-types button { display:flex; flex-direction:column; text-align:left; padding:14px; gap:4px; min-height:66px; }
  .vmp-types strong { font-size:15px; font-weight:600; }
  .vmp-types span { color:var(--vmp-muted); font-size:12px; }
  .vmp .tv-3d-controls { max-height:none !important; overflow:visible !important; padding:0 !important; background:transparent; }
  .vmp .tv-3d-controls > #tvControlsInner { display:block; }
  .vmp .tv-3d-controls input:is([type="text"],[type="number"],[type="date"],[type="url"]),
  .vmp .vmp-sheet-body input:is([type="text"],[type="number"],[type="date"],[type="url"]),
  .vmp .vmp-sheet-body textarea, .vmp .vmp-sheet-body select { font-size:16px !important; min-height:44px; max-width:100%; }
  .vmp .vmp-sheet-body .tv-pill-group { flex-wrap:wrap; }
  .vmp .vmp-sheet-body .tv-pill { min-height:44px; font-size:13px; }
  .vmp .vmp-sheet-body .tv-shot-type-switch { display:flex; }
  .vmp .vmp-sheet-body .tv-shot-type-option { flex:1; min-width:70px; padding:8px; }
  .vmp .vmp-sheet-body .tv-shot-type-label { font-size:12px; }
  /* All shots uses this dark sheet even on a magnified desktop. The shared
     white-rail inks must lift here; hue still identifies position/window/tone.
     Scope to summary labels so light floor/status chips and map colors stay paired. */
  #vntPlanningShell.has-mobile-planner .vmp .vmp-sheet .tv-pin-num {
    color:color-mix(in srgb,var(--vnt-position-color,#12a0a0) 45%,#fff);
  }
  #vntPlanningShell.has-mobile-planner .vmp .vmp-sheet .tv-pin-time-chip {
    color:color-mix(in srgb,var(--vnt-window-color,#64b5f6) 45%,#fff);
  }
  #vntPlanningShell.has-mobile-planner .vmp .vmp-sheet .tv-pin-summary .tv-pin-flag-count {
    color:color-mix(in srgb,var(--pill-color,var(--vnt-text-dim)) 45%,#fff);
  }
  .vmp .tv-flight-heights { max-width:100%; }
  .vmp .tv-fh-body { gap:6px; }
  .vmp .tv-fh-col { min-width:0; flex:1; }
  .vmp .tv-fh-val { width:100%; padding:5px 0; }
  .vmp .vmp-sheet-body .vnt-topbar { position:static; height:auto; min-height:0; display:flex; flex-wrap:wrap; padding:0 0 12px; margin:0 0 12px; gap:8px; border:0; background:transparent; }
  #vntPlanningShell.has-mobile-planner .vmp .vmp-sheet-body .vnt-title-row { flex-basis:100%; max-width:100%; }
  #vntPlanningShell.has-mobile-planner .vmp .vmp-sheet-body .vnt-topbar .tv-page-title { font-size:22px; color:#f1f6f2; min-width:0; max-width:100%; }
  .vmp .vmp-sheet-body .tv-page-title { max-width:100%; overflow-wrap:anywhere; font-size:22px; }
  .vmp .vmp-sheet-body .tv-left-panel { position:static !important; width:100% !important; min-width:0 !important; max-height:none !important; overflow:visible !important; padding:0 !important; border:0 !important; background:transparent; }
  .vmp .vmp-sheet-body .vnt-topbar :is(.vnt-topbar-divider,.vnt-topbar-spacer,.vnt-topbar-project) { display:none; }
  .vmp .vmp-sheet-body .tv-project-header { padding:0; }
  .vmp .vmp-sheet-body .tv-pin-list { max-height:none !important; overflow:visible !important; }
  .vmp .vmp-sheet-body .tv-pins-panel { padding:0; background:transparent; border:0; }
  .vmp .vmp-sheet-body .vnt-shot-list-body { max-height:none; }
  .vmp .vmp-sheet-body .tv-pin-item { min-height:48px; }
  .vmp .vmp-sheet-body .vnt-shot-list-actions { margin:8px 0 0; }
  #vntPlanningShell.has-mobile-planner .vmp .tv-left-panel :is(button:not(.btn-primary):not(.vnt-big-cta),.btn:not(.btn-primary)) { background:#1b241e; color:#f1f6f2; border:1px solid var(--vmp-border); }
  .vmp .vmp-sheet-body :is(.vnt-kebab,.vnt-topbar-switcher,.vnt-mode-pill,.tv-site-chip-change,.tv-rail-upload-plan,.vnt-undo-btn) { background:#1b241e; color:#f1f6f2; }
  .vmp .vmp-sheet-body .tv-3d-info { background:#1b241e; color:var(--vmp-muted); border:1px solid var(--vmp-border); margin-top:12px; padding:10px; }
  .vmp-recovery { border:1px solid #887451; border-radius:12px; padding:12px; margin-bottom:18px; background:#302a1d; }
  .vmp-recovery h3 { font-size:15px; font-weight:600; margin:0 0 6px; }
  .vmp-recovery h4 { font-size:14px; margin:0 0 6px; }
  .vmp-recovery article { border-top:1px solid #685d45; padding-top:12px; margin-top:12px; }
  .vmp-recovery p { font-size:12px; overflow-wrap:anywhere; margin-bottom:8px; }
  .vmp-recovery-actions { display:flex; gap:6px; flex-wrap:wrap; }
  .vmp-recovery-actions button { flex:1; min-width:100px; font-size:12px; }
  .vmp .vmp-sheet-body #vntBriefSection { margin:14px 0 0; }
  .vmp-flight { position:absolute; left:0; right:0; bottom:0; padding:9px 12px; z-index:20; background:rgba(13,23,16,.88); border-top:1px solid #425246; }
  .vmp-flight-top { display:flex; justify-content:space-between; align-items:center; font-size:10px; color:var(--vmp-muted); gap:8px; }
  .vmp-flight-top button { min-height:36px; font-size:11px; padding:6px 8px; background:#273a2e; }
  .vmp-flight-scope { margin:4px 0 0; font-size:11px; line-height:1.4; color:var(--vmp-muted); }
  .vmp-sticks { display:flex; align-items:center; justify-content:space-between; gap:6px; padding:8px 3px; }
  .vmp-stick-group { display:flex; flex-direction:column; align-items:center; gap:5px; font-size:10px; color:var(--vmp-muted); }
  .vmp .vmp-stick { position:relative; width:96px; height:96px; min-height:96px; padding:0; border-radius:50%; background:rgba(198,222,204,.07); border:1px solid #607469; touch-action:none; user-select:none; -webkit-user-select:none; }
  .vmp-stick::before,.vmp-stick::after { content:''; position:absolute; background:#54665b; pointer-events:none; opacity:.6; }
  .vmp-stick::before { top:50%; left:10px; right:10px; height:1px; }
  .vmp-stick::after { left:50%; top:10px; bottom:10px; width:1px; }
  .vmp-stick-knob { display:block; position:absolute; left:calc(50% - 20px); top:calc(50% - 20px); width:40px; height:40px; border-radius:50%; background:#c0dbc8; border:2px solid #e9f5ec; pointer-events:none; box-shadow:0 2px 8px #0008; }
  .vmp-gimbal { display:flex; flex-direction:column; gap:3px; align-items:center; font-size:9px; color:var(--vmp-muted); }
  .vmp-gimbal button { width:44px; height:35px; min-height:35px; padding:3px; touch-action:none; font-size:20px; }
  .vmp-flight-bottom { display:flex; align-items:center; justify-content:space-between; gap:8px; }
  .vmp-flight-bottom label { display:flex; align-items:center; gap:5px; font-size:10px; color:var(--vmp-muted); }
  .vmp-flight-bottom select { min-height:36px; background:#1a2920; color:#f1f6f2; font-size:12px; border:1px solid var(--vmp-border); border-radius:8px; padding:4px; }
  .vmp .vmp-primary { color:#102116; background:var(--vmp-accent); font-size:12px; min-height:38px; padding:7px 10px; font-weight:600; }
  @media (max-height:650px) { .vmp-lensbar { padding-block:4px; } .vmp-profile { margin-bottom:1px; } .vmp-selection { padding-block:4px; } .vmp-flight { padding-block:5px; } .vmp .vmp-stick { width:80px; height:80px; min-height:80px; } .vmp-workspace { min-height:120px; } }

  .vmp [data-vmp="list-body"] #tvPinList :is(.tv-time-body,.tv-pin-detail:not(.tv-height-grid)) { display:block !important; }
  @media (max-height:500px) {
    .vmp-header { padding-block:3px; }
    .vmp-toolbar { padding-block:3px; }
    .vmp-toolbar [role="tab"] { min-height:32px; }
    .vmp-workspace { min-height:0; }
    .vmp-selection { padding-block:3px; }
    .vmp .tv-pin-nav { min-height:38px; }
    .vmp .tv-pin-nav > button { min-height:38px; }
    .vmp-shot-actions button { min-height:36px; }
    .vmp-bottom { padding-block:3px; }
    .vmp-bottom button { min-height:38px; }
    .vmp-lensbar { display:flex; gap:8px; align-items:center; }
    .vmp-profile { width:145px; margin:0; }
    .vmp-lenses { flex:1; }
    .vmp[data-flying="true"] :is(.vmp-lensbar,.vmp-selection) { display:none; }
  }
  .vmp[data-flying="true"] .vmp-camera :is(#vntPreviewTitlebar,#tvVideoTransport,#tv360PauseBtn,#tv360Compass,#tv360StackGlyph) { display:none !important; }

  /* In landscape, preserve the live view between two corner controls. */
  @media (min-width:560px) and (max-height:500px) {
    .vmp[data-flying="true"] > :is(.vmp-header,.vmp-toolbar,.vmp-placement,.vmp-lensbar,.vmp-selection,.vmp-bottom) { display:none; }
    .vmp[data-flying="true"] .vmp-workspace { min-height:0; }
    .vmp[data-flying="true"] .vmp-flight { inset:0; padding:0; border:0; background:transparent; pointer-events:none; }
    .vmp[data-flying="true"] .vmp-flight button,
    .vmp[data-flying="true"] .vmp-flight select { pointer-events:auto; }
    .vmp[data-flying="true"] .vmp-flight-top { position:absolute; left:calc(12px + env(safe-area-inset-left,0px)); right:calc(12px + env(safe-area-inset-right,0px)); top:calc(8px + env(safe-area-inset-top,0px)); }
    .vmp[data-flying="true"] .vmp-flight-top > span { flex:1; padding:6px 8px; border-radius:8px; background:rgba(13,23,16,.8); }
    .vmp[data-flying="true"] .vmp-flight-top button { min-height:44px; background:rgba(13,23,16,.9); }
    .vmp[data-flying="true"] .vmp-telemetry { top:calc(60px + env(safe-area-inset-top,0px)); left:calc(10px + env(safe-area-inset-left,0px)); }
    .vmp[data-flying="true"] .vmp-flight-scope { position:absolute; top:calc(60px + env(safe-area-inset-top,0px)); right:calc(12px + env(safe-area-inset-right,0px)); max-width:280px; margin:0; padding:6px 8px; border-radius:8px; background:rgba(13,23,16,.9); }
    .vmp[data-flying="true"] .vmp-sticks { position:absolute; bottom:calc(62px + env(safe-area-inset-bottom,0px)); left:calc(12px + env(safe-area-inset-left,0px)); right:calc(12px + env(safe-area-inset-right,0px)); padding:0; align-items:flex-end; }
    .vmp[data-flying="true"] .vmp-stick-group { padding:6px; border-radius:12px; background:rgba(13,23,16,.75); }
    .vmp[data-flying="true"] .vmp-stick { width:96px; height:96px; min-height:96px; }
    .vmp[data-flying="true"] .vmp-gimbal { position:absolute; left:118px; bottom:0; padding:4px; border-radius:10px; background:rgba(13,23,16,.75); }
    .vmp[data-flying="true"] .vmp-gimbal button { min-height:44px; height:44px; }
    .vmp[data-flying="true"] .vmp-flight-bottom { position:absolute; bottom:calc(10px + env(safe-area-inset-bottom,0px)); left:calc(12px + env(safe-area-inset-left,0px)); right:calc(12px + env(safe-area-inset-right,0px)); }
    .vmp[data-flying="true"] .vmp-flight-bottom label { padding:0 6px; border-radius:8px; background:rgba(13,23,16,.9); }
    .vmp[data-flying="true"] .vmp-flight-bottom select,
    .vmp[data-flying="true"] .vmp-flight-bottom button { min-height:44px; }
  }

  @media (min-width:560px) and (max-height:340px) {
    .vmp[data-flying="true"] .vmp-stick { width:80px; height:80px; min-height:80px; }
    .vmp[data-flying="true"] .vmp-gimbal { left:102px; }
  }