/* 1.0.329 — make the desktop Product Creative panel itself scroll. */
@media (min-width: 769px) {
  /* Use the established panel scroller. A nested flex scroller conflicts with
     the sticky action footer in this tool and can consume wheel events. */
  #fotor-root .editor-shell:not(.is-mobile)
  .left-panel--tool-ai-product-creative .left-panel-body {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: stable !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255,255,255,.24) transparent !important;
  }

  #fotor-root .editor-shell:not(.is-mobile)
  .left-panel--tool-ai-product-creative .left-panel-body::-webkit-scrollbar {
    width: 6px !important;
  }

  #fotor-root .editor-shell:not(.is-mobile)
  .left-panel--tool-ai-product-creative .left-panel-body::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: rgba(255,255,255,.24) !important;
  }

  #fotor-root .editor-shell:not(.is-mobile)
  .left-panel--tool-ai-product-creative .product-creative-page {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #fotor-root .editor-shell:not(.is-mobile)
  .left-panel--tool-ai-product-creative .product-creative-quick {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    scrollbar-gutter: auto !important;
  }

  #fotor-root .editor-shell:not(.is-mobile)
  .left-panel--tool-ai-product-creative .product-creative-footer {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 20 !important;
  }
}