/* AutoTube User1: Thumbnail-style dialog mirrors Scenario Profile V183.
   Presentation-only; four native analysis stages remain intact, but hidden. */
html:not([data-autotube-theme="dark"]) body #packagingAddStyleDialog .scenario-profile-modal-header > div.at-thumb-profile-header-with-icon-v184 {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 12px !important;
}
html:not([data-autotube-theme="dark"]) body #packagingAddStyleDialog .at-thumb-profile-title-icon-v184 {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  color: #f00016 !important;
}
#packagingAddStyleDialog .at-thumb-profile-title-icon-v184 svg {
  width: 31px !important;
  height: 31px !important;
}
html:not([data-autotube-theme="dark"]) body #packagingAddStyleDialog #thumbnailStyleModalTitle {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
}
html:not([data-autotube-theme="dark"]) body #packagingAddStyleDialog .at-thumb-profile-header-with-icon-v184 > p {
  grid-column: 1 / -1 !important;
  margin: 8px 0 0 !important;
}
html:not([data-autotube-theme="dark"]) body #packagingAddStyleDialog #thumbnailStyleAnalysisVisual {
  background: #fff !important;
  border-color: #e7e7e5 !important;
  border-radius: 19px !important;
  padding: 22px 24px !important;
  box-shadow: none !important;
}
html:not([data-autotube-theme="dark"]) body #packagingAddStyleDialog #thumbnailStyleAnalysisVisual .scenario-profile-analysis-kicker {
  color: #f00016 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .1em !important;
}
html:not([data-autotube-theme="dark"]) body #packagingAddStyleDialog #thumbnailStyleAnalysisVisual .scenario-profile-analysis-heading h3 {
  color: #101011 !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  letter-spacing: -.025em !important;
  line-height: 1.15 !important;
}
html:not([data-autotube-theme="dark"]) body #packagingAddStyleDialog #thumbnailStyleAnalysisVisual .scenario-profile-analysis-percent {
  padding: 7px 10px !important;
  border: 1px solid #e0e3e6 !important;
  border-radius: 11px !important;
  background: #fff !important;
  color: #101011 !important;
  font: 900 15px/1 Inter, Arial, sans-serif !important;
}
/* Native steps and technical status are kept for packaging.js, never shown. */
html body #packagingAddStyleDialog #thumbnailStyleAnalysisVisual .thumbnail-style-analysis-grid,
html body #packagingAddStyleDialog #thumbnailStyleAnalysisVisual .scenario-profile-analysis-status {
  display: none !important;
}
html:not([data-autotube-theme="dark"]) body #packagingAddStyleDialog #thumbnailStyleAnalysisVisual .scenario-profile-progress-track {
  position: relative !important;
  margin-top: 16px !important;
  height: 8px !important;
  overflow: visible !important;
  background: #f5e6e8 !important;
  border-radius: 999px !important;
}
html:not([data-autotube-theme="dark"]) body #packagingAddStyleDialog #thumbnailStyleAnalysisVisual #thumbnailStyleProgressFill {
  height: 100% !important;
  background: #f00016 !important;
  background-image: none !important;
  border-radius: inherit !important;
  box-shadow: none !important;
}
#packagingAddStyleDialog #thumbnailStyleAnalysisVisual .at-thumb-profile-success-check-v184 {
  position: absolute !important;
  right: -5px !important;
  top: 50% !important;
  width: 22px !important;
  height: 22px !important;
  transform: translateY(-50%) scale(.4) !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  background: #25ce5d !important;
  box-shadow: 0 0 0 1px rgba(37,206,93,.24) !important;
  color: #101110 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .2s ease, transform .2s ease !important;
}
#packagingAddStyleDialog #thumbnailStyleAnalysisVisual .at-thumb-profile-success-check-v184 svg {
  width: 12px !important;
  height: 12px !important;
}
html:not([data-autotube-theme="dark"]) body #packagingAddStyleDialog #thumbnailStyleAnalysisVisual.at-thumb-profile-complete-v184 #thumbnailStyleProgressFill {
  background: #25ce5d !important;
  background-image: none !important;
  box-shadow: none !important;
}
#packagingAddStyleDialog #thumbnailStyleAnalysisVisual.at-thumb-profile-complete-v184 .at-thumb-profile-success-check-v184 {
  opacity: 1 !important;
  transform: translateY(-50%) scale(1) !important;
}
/* Compact and consistent with the existing profile analysis dialog. */
@media (max-width: 700px) {
  html:not([data-autotube-theme="dark"]) body #packagingAddStyleDialog #thumbnailStyleAnalysisVisual {
    padding: 18px !important;
  }
}