/**
 * Editor pages — iPad/tablet landscape must match desktop horizontal layout.
 * Loads after ipad-editor-shell-lock.css. Portrait + phone unchanged.
 *
 * Quick Edit + Stencil (no output): 2-column desktop — sidebar + canvas only.
 * Sketch / Magic Blend / Talk & Create: 3-column — sidebar + canvas + output.
 */
@media (orientation: landscape) and (min-width: 769px) and (max-width: 1440px) and (hover: none) {
  body.quick-edit-page #qe-mobile-tool-strip,
  body.sketch-page #qe-mobile-tool-strip,
  body.magic-blend-page #mp-mobile-tool-strip,
  body.stencil-page #qe-mobile-tool-strip,
  body.talk-create-page #qe-mobile-tool-strip,
  body.quick-edit-page #qe-mobile-composer.tg-composer,
  body.sketch-page #qe-mobile-composer.tg-composer,
  body.magic-blend-page #qe-mobile-composer.tg-composer,
  body.stencil-page #qe-mobile-composer.tg-composer,
  body.talk-create-page #qe-mobile-composer.tg-composer,
  body.quick-edit-page #btn-download-mobile,
  body.sketch-page #btn-download-mobile,
  body.magic-blend-page #btn-download-mobile,
  body.stencil-page #btn-download-mobile,
  body.talk-create-page #btn-download-mobile {
    display: none !important;
    visibility: hidden !important;
  }

  body.quick-edit-page .qe-sidebar,
  body.sketch-page .qe-sidebar,
  body.magic-blend-page .qe-sidebar,
  body.stencil-page .qe-sidebar,
  body.talk-create-page .qe-sidebar {
    display: flex !important;
    visibility: visible !important;
  }

  /* Quick Edit desktop: no right output column (matches quick-edit.css min-width 901px). */
  body.quick-edit-page .qe-layout,
  body.stencil-page:not(.stencil-has-output) .qe-layout {
    display: grid !important;
    grid-template-columns: 300px 1fr !important;
    gap: 8px !important;
    padding: 8px !important;
    height: calc(100dvh - 64px) !important;
    min-height: calc(100dvh - 64px) !important;
    position: relative !important;
    overflow: hidden !important;
  }

  body.quick-edit-page .qe-panel-right,
  body.stencil-page:not(.stencil-has-output) .qe-panel-right {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  /* 3-column editor pages */
  body.sketch-page .qe-layout,
  body.magic-blend-page .qe-layout,
  body.talk-create-page .qe-layout,
  body.stencil-page.stencil-has-output .qe-layout {
    display: grid !important;
    grid-template-columns: 280px 1fr 1fr !important;
    gap: 8px !important;
    padding: 8px !important;
    height: calc(100dvh - 64px) !important;
    min-height: calc(100dvh - 64px) !important;
    position: relative !important;
    overflow: hidden !important;
  }

  body.sketch-page .qe-panel-right,
  body.magic-blend-page .qe-panel-right,
  body.talk-create-page .qe-panel-right,
  body.stencil-page.stencil-has-output .qe-panel-right {
    display: flex !important;
    visibility: visible !important;
    width: auto !important;
    min-width: 0 !important;
    pointer-events: auto !important;
  }

  body.quick-edit-page .qe-panel-center,
  body.sketch-page .qe-panel-center,
  body.magic-blend-page .qe-panel-center,
  body.stencil-page .qe-panel-center,
  body.talk-create-page .qe-panel-center {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #050505 !important;
    padding: var(--editor-panel-pad-desktop, 12px) !important;
  }

  body.sketch-page .qe-layer-fab-wrap .qe-layer-fab,
  body.magic-blend-page .qe-layer-fab-wrap .qe-layer-fab,
  body.talk-create-page .qe-layer-fab-wrap .qe-layer-fab {
    position: relative !important;
    top: auto !important;
    right: auto !important;
  }
}