@media (min-width:1200px){
  body.flux-tool-image-tools main[data-tool="resize-image-to-1920x1080"],
  body.flux-tool-image-tools main[data-tool="resize-image-for-instagram"],
  body.flux-tool-image-tools main[data-tool="resize-image-for-youtube-thumbnail"],
  body.flux-tool-image-tools main[data-tool="resize-image-for-whatsapp-dp"]{
    --resize-red:#ff2f36;
    --resize-red-dark:#ef1f2d;
    --resize-blue:#2563eb;
    --resize-ink:#0f172a;
    --resize-muted:#52647c;
    --resize-line:#dbeafe;
    --resize-soft:#f8fbff;
    --resize-card:#ffffff;
    width:100%!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }

  body.flux-tool-image-tools main[data-tool="resize-image-to-1920x1080"] .breadcrumb,
  body.flux-tool-image-tools main[data-tool="resize-image-for-instagram"] .breadcrumb,
  body.flux-tool-image-tools main[data-tool="resize-image-for-youtube-thumbnail"] .breadcrumb,
  body.flux-tool-image-tools main[data-tool="resize-image-for-whatsapp-dp"] .breadcrumb{
    width:min(100%,1336px)!important;
    margin:0 auto!important;
    padding:0!important;
    background:transparent!important;
    color:#2563eb!important;
    font:700 13px/21.06px Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  }

  body.flux-tool-image-tools main[data-tool="resize-image-to-1920x1080"] .tool-page-hero,
  body.flux-tool-image-tools main[data-tool="resize-image-for-instagram"] .tool-page-hero,
  body.flux-tool-image-tools main[data-tool="resize-image-for-youtube-thumbnail"] .tool-page-hero,
  body.flux-tool-image-tools main[data-tool="resize-image-for-whatsapp-dp"] .tool-page-hero{
    width:min(100%,1180px)!important;
    margin:0 auto 7.2px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.flux-tool-image-tools main[data-tool="resize-image-to-1920x1080"] .tool-hero-copy,
  body.flux-tool-image-tools main[data-tool="resize-image-for-instagram"] .tool-hero-copy,
  body.flux-tool-image-tools main[data-tool="resize-image-for-youtube-thumbnail"] .tool-hero-copy,
  body.flux-tool-image-tools main[data-tool="resize-image-for-whatsapp-dp"] .tool-hero-copy{
    max-width:1180px!important;
    margin:0 auto!important;
    text-align:center!important;
  }

  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .tool-page-hero .eyebrow{
    display:none!important;
  }

  body.flux-tool-image-tools main[data-tool="resize-image-to-1920x1080"] .tool-page-hero h1,
  body.flux-tool-image-tools main[data-tool="resize-image-for-instagram"] .tool-page-hero h1,
  body.flux-tool-image-tools main[data-tool="resize-image-for-youtube-thumbnail"] .tool-page-hero h1,
  body.flux-tool-image-tools main[data-tool="resize-image-for-whatsapp-dp"] .tool-page-hero h1{
    margin:0 auto!important;
    color:var(--resize-ink)!important;
    font:800 27.52px/33.5744px "Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    letter-spacing:0!important;
  }

  body.flux-tool-image-tools main[data-tool="resize-image-to-1920x1080"] .tool-page-hero p,
  body.flux-tool-image-tools main[data-tool="resize-image-for-instagram"] .tool-page-hero p,
  body.flux-tool-image-tools main[data-tool="resize-image-for-youtube-thumbnail"] .tool-page-hero p,
  body.flux-tool-image-tools main[data-tool="resize-image-for-whatsapp-dp"] .tool-page-hero p{
    max-width:672px!important;
    margin:4.48px auto 0!important;
    color:#334155!important;
    font:400 14px/21.7px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  }

  body.flux-tool-image-tools main[data-tool="resize-image-to-1920x1080"] .tool-layout,
  body.flux-tool-image-tools main[data-tool="resize-image-for-instagram"] .tool-layout,
  body.flux-tool-image-tools main[data-tool="resize-image-for-youtube-thumbnail"] .tool-layout,
  body.flux-tool-image-tools main[data-tool="resize-image-for-whatsapp-dp"] .tool-layout,
  body.flux-tool-image-tools main[data-tool="resize-image-to-1920x1080"] .tool-main,
  body.flux-tool-image-tools main[data-tool="resize-image-for-instagram"] .tool-main,
  body.flux-tool-image-tools main[data-tool="resize-image-for-youtube-thumbnail"] .tool-main,
  body.flux-tool-image-tools main[data-tool="resize-image-for-whatsapp-dp"] .tool-main{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
  }

  body.flux-tool-image-tools main[data-tool="resize-image-to-1920x1080"] #tool-workspace,
  body.flux-tool-image-tools main[data-tool="resize-image-for-instagram"] #tool-workspace,
  body.flux-tool-image-tools main[data-tool="resize-image-for-youtube-thumbnail"] #tool-workspace,
  body.flux-tool-image-tools main[data-tool="resize-image-for-whatsapp-dp"] #tool-workspace{
    width:min(100%,1480px)!important;
    max-width:calc(100vw - 48px)!important;
    margin:0 auto 18px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .utility-studio{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    gap:14px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file){
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    justify-items:center!important;
  }

  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file) .upload-box{
    min-height:360px!important;
    height:360px!important;
    width:840px!important;
    max-width:100%!important;
    margin:0!important;
    padding:36px 37.6px!important;
    gap:15px!important;
    border:1px solid rgba(147,197,253,.58)!important;
    border-radius:26px!important;
    outline:0 none transparent!important;
    outline-offset:0!important;
    background:
      radial-gradient(circle at 50% 22%,rgba(37,99,235,.094),transparent 30%),
      radial-gradient(circle at 82% 76%,rgba(124,58,237,.075),transparent 31%),
      linear-gradient(rgba(255,255,255,.98),rgba(248,252,255,.95) 58%,rgba(240,247,255,.92))!important;
    box-shadow:0 18px 44px rgba(37,99,235,.10),inset 0 1px 0 #fff!important;
  }

  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file) .upload-box:after{
    content:"IMG"!important;
    left:24px!important;
    right:auto!important;
    top:22px!important;
    width:58px!important;
    height:44px!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#14b8a6,#2563eb)!important;
    color:#fff!important;
    font-size:1.05rem!important;
    font-weight:900!important;
    box-shadow:0 18px 36px rgba(37,99,235,.24)!important;
  }

  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file) .upload-icon{
    width:88px!important;
    height:88px!important;
    margin:0 0 6.72px!important;
    border:1px solid rgba(255,255,255,.54)!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 52%,#7c3aed 100%)!important;
    box-shadow:0 18px 38px rgba(37,99,235,.24),inset 0 1px 0 rgba(255,255,255,.34)!important;
  }

  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file) .upload-box strong{
    display:none!important;
  }

  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file) .upload-box small{
    display:none!important;
  }

  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file) .upload-primary-cta{
    width:188px!important;
    min-width:188px!important;
    min-height:58px!important;
    border:1px solid rgba(255,255,255,.38)!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 54%,#7c3aed 100%)!important;
    box-shadow:0 16px 34px rgba(37,99,235,.28)!important;
    font:800 16px/16px Inter,"Plus Jakarta Sans",Arial,sans-serif!important;
  }

  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file) .upload-cta-row{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    width:388px!important;
    max-width:100%!important;
    margin:0!important;
  }

  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file) .upload-secondary-cta{
    width:188px!important;
    min-width:188px!important;
    min-height:58px!important;
    border:1px solid rgba(96,165,250,.38)!important;
    border-radius:18px!important;
    background:linear-gradient(#fff,#eef6ff)!important;
    color:#1f3b63!important;
    -webkit-text-fill-color:#1f3b63!important;
    font:800 16px/16px Inter,"Plus Jakarta Sans",Arial,sans-serif!important;
  }

  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file) .upload-formats{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    width:auto!important;
    min-width:160px!important;
    min-height:56px!important;
    margin:0!important;
    padding:8.8px 14.4px!important;
    border:1px solid rgba(37,99,235,.26)!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#fff,#e8f5ff 54%,#eef2ff)!important;
    color:#173b72!important;
    -webkit-text-fill-color:#173b72!important;
    box-shadow:0 10px 24px rgba(37,99,235,.08)!important;
    font:760 13.76px/17.2px Inter,"Plus Jakarta Sans",Arial,sans-serif!important;
    text-transform:none!important;
  }

  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file) .upload-formats span{
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
    font:inherit!important;
    text-transform:none!important;
  }

  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file) .upload-trust-text{
    display:none!important;
  }

  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-upload-badges,
  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-toolbar,
  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-left,
  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-right{
    display:none!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .utility-studio{
    grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(300px,350px)!important;
    grid-template-areas:"toolbar toolbar toolbar" "left preview right" "left actions right"!important;
    align-items:stretch!important;
    min-height:calc(100vh - 108px)!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-toolbar{
    grid-area:toolbar!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    min-height:72px!important;
    padding:10px 12px!important;
    border:1px solid rgba(219,234,254,.95)!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
  }

  .resize-editor-brand,
  .resize-editor-tools,
  .resize-editor-downloads{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
  }

  .resize-editor-mark{
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    height:48px!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#ff3f4b,var(--resize-red))!important;
    color:#fff!important;
    box-shadow:0 14px 28px rgba(255,47,54,.22)!important;
  }

  .resize-editor-title{
    display:grid!important;
    gap:1px!important;
    min-width:0!important;
  }

  .resize-editor-title strong{
    color:var(--resize-ink)!important;
    font:800 18px/1.2 "Plus Jakarta Sans",Inter,Arial,sans-serif!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .resize-editor-title small{
    color:#64748b!important;
    font:650 12px/1.2 Inter,Arial,sans-serif!important;
  }

  .resize-tool-button{
    display:inline-grid!important;
    place-items:center!important;
    min-width:44px!important;
    height:44px!important;
    padding:0 12px!important;
    border:1px solid rgba(191,219,254,.95)!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#0f172a!important;
    cursor:pointer!important;
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
  }

  .resize-tool-button:hover,
  .resize-tool-button:focus-visible{
    transform:translateY(-1px)!important;
    border-color:rgba(255,47,54,.42)!important;
    box-shadow:0 12px 26px rgba(255,47,54,.10)!important;
    outline:0!important;
  }

  .resize-tool-button.is-active{
    background:var(--resize-red)!important;
    border-color:var(--resize-red)!important;
    color:#fff!important;
  }

  .resize-tool-button:disabled,
  .resize-tool-button.is-disabled,
  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .tool-actions .btn:disabled{
    opacity:.56!important;
    cursor:not-allowed!important;
    transform:none!important;
    box-shadow:none!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form{
    display:contents!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form .upload-box,
  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form .upload-trust-text,
  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-upload-badges{
    display:none!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-left,
  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-right{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    min-height:0!important;
    padding:18px!important;
    border:1px solid rgba(219,234,254,.95)!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
    overflow:auto!important;
    scrollbar-gutter:stable!important;
  }

  body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file) .upload-box.is-dragging{
    border-color:rgba(255,47,54,.46)!important;
    outline-color:rgba(255,47,54,.60)!important;
    box-shadow:0 26px 58px rgba(255,47,54,.14),inset 0 1px 0 #fff!important;
  }

  .resize-editor-left{grid-area:left!important}
  .resize-editor-right{grid-area:right!important}

  .resize-panel-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding-bottom:12px!important;
    border-bottom:1px solid #e5efff!important;
  }

  .resize-panel-head h2,
  .resize-control-section h3{
    margin:0!important;
    color:var(--resize-ink)!important;
    font:800 18px/1.25 "Plus Jakarta Sans",Inter,Arial,sans-serif!important;
  }

  .resize-pill{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    min-height:34px!important;
    padding:0 11px!important;
    border:1px solid rgba(191,219,254,.95)!important;
    border-radius:999px!important;
    background:#f8fbff!important;
    color:#475569!important;
    font:750 12px/1 Inter,Arial,sans-serif!important;
    white-space:nowrap!important;
  }

  .resize-info-list{
    display:grid!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  .resize-info-list li,
  .resize-mini-card,
  .resize-control-section{
    border:1px solid rgba(219,234,254,.95)!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,#fff,#f8fbff)!important;
    box-shadow:0 10px 24px rgba(37,99,235,.045)!important;
  }

  .resize-info-list li{
    display:grid!important;
    gap:3px!important;
    padding:11px 12px!important;
  }

  .resize-info-list span,
  .resize-mini-card span,
  .resize-control-section small{
    color:#64748b!important;
    font:750 11px/1.2 Inter,Arial,sans-serif!important;
    text-transform:uppercase!important;
  }

  .resize-info-list strong,
  .resize-mini-card strong{
    min-width:0!important;
    color:var(--resize-ink)!important;
    font:760 14px/1.35 Inter,Arial,sans-serif!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .resize-mini-card{
    display:grid!important;
    gap:6px!important;
    padding:13px!important;
  }

  .resize-editor-left .resize-tool-button,
  .resize-editor-right .resize-tool-button{
    width:100%!important;
    display:inline-flex!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:44px!important;
    color:#1d4ed8!important;
    font:760 14px/1 Inter,Arial,sans-serif!important;
  }

  .resize-control-section{
    display:grid!important;
    gap:12px!important;
    padding:14px!important;
  }

  .resize-preset-row,
  .resize-format-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .resize-preset-button{
    min-height:40px!important;
    border:1px solid rgba(191,219,254,.95)!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#1e3a8a!important;
    font:780 13px/1.1 Inter,Arial,sans-serif!important;
    cursor:pointer!important;
  }

  .resize-preset-button:hover,
  .resize-preset-button:focus-visible,
  .resize-preset-button.is-active{
    background:#fff1f2!important;
    border-color:rgba(255,47,54,.36)!important;
    color:var(--resize-red-dark)!important;
    outline:0!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .utility-control-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .utility-control-grid label{
    display:grid!important;
    gap:7px!important;
    margin:0!important;
    color:var(--resize-ink)!important;
    font:760 13px/1.2 Inter,Arial,sans-serif!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .utility-control-grid input,
  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .utility-control-grid select{
    width:100%!important;
    min-height:46px!important;
    border:1px solid rgba(191,219,254,.95)!important;
    border-radius:14px!important;
    background:#f8fbff!important;
    color:var(--resize-ink)!important;
    padding:0 13px!important;
    font:700 14px/1 Inter,Arial,sans-serif!important;
    outline:0!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .utility-control-grid input:focus,
  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .utility-control-grid select:focus{
    border-color:rgba(255,47,54,.44)!important;
    box-shadow:0 0 0 4px rgba(255,47,54,.10)!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-utility-options{
    display:block!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-utility-options summary{
    display:none!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput{
    grid-area:preview!important;
    display:grid!important;
    place-items:center!important;
    min-height:560px!important;
    max-height:calc(100vh - 208px)!important;
    padding:22px!important;
    border:1px solid rgba(219,234,254,.95)!important;
    border-radius:22px!important;
    background-color:#f8fbff!important;
    background-image:
      linear-gradient(45deg,rgba(203,213,225,.38) 25%,transparent 25%),
      linear-gradient(-45deg,rgba(203,213,225,.38) 25%,transparent 25%),
      linear-gradient(45deg,transparent 75%,rgba(203,213,225,.38) 75%),
      linear-gradient(-45deg,transparent 75%,rgba(203,213,225,.38) 75%)!important;
    background-position:0 0,0 10px,10px -10px,-10px 0!important;
    background-size:20px 20px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 14px 34px rgba(15,23,42,.05)!important;
    overflow:auto!important;
    scrollbar-gutter:stable!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput:empty:before{
    content:"Choose Apply to render the edited image.";
    color:#64748b!important;
    font:750 15px/1.4 Inter,Arial,sans-serif!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput :is(.file-preview-card,.utility-result-card){
    width:min(100%,760px)!important;
    max-width:760px!important;
    margin:auto!important;
    border:1px solid rgba(191,219,254,.95)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 18px 44px rgba(15,23,42,.10)!important;
    overflow:hidden!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    max-height:430px!important;
    object-fit:contain!important;
    margin:0 auto!important;
    transform:scale(var(--resize-preview-scale,1))!important;
    transform-origin:center!important;
    transition:transform .18s ease!important;
  }

  body.generic-tool-studio-active main[data-tool="resize-image-for-instagram"] #utilityOutput:after,
  body.generic-tool-studio-active main[data-tool="resize-image-for-youtube-thumbnail"] #utilityOutput:after,
  body.generic-tool-studio-active main[data-tool="resize-image-for-whatsapp-dp"] #utilityOutput:after{
    content:"";
    position:absolute;
    pointer-events:none;
  }

  body.generic-tool-studio-active main[data-tool="resize-image-for-youtube-thumbnail"] #utilityOutput .utility-result-card,
  body.generic-tool-studio-active main[data-tool="resize-image-for-instagram"] #utilityOutput .utility-result-card,
  body.generic-tool-studio-active main[data-tool="resize-image-for-whatsapp-dp"] #utilityOutput .utility-result-card{
    position:relative!important;
  }

  body.generic-tool-studio-active main[data-tool="resize-image-for-whatsapp-dp"] #utilityOutput .utility-result-card:after{
    content:"";
    position:absolute;
    inset:18px;
    border:2px solid rgba(255,255,255,.86);
    border-radius:999px;
    box-shadow:0 0 0 999px rgba(15,23,42,.08);
    pointer-events:none;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .tool-actions{
    grid-area:actions!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 1.4fr 1fr!important;
    gap:12px!important;
    min-height:72px!important;
    margin:0!important;
    padding:12px!important;
    border:1px solid rgba(219,234,254,.95)!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 14px 34px rgba(15,23,42,.05)!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .tool-actions .btn{
    min-height:50px!important;
    border-radius:15px!important;
    font:800 15px/1 Inter,Arial,sans-serif!important;
    box-shadow:none!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .tool-actions .btn.primary,
  .resize-editor-downloads .resize-tool-button[data-resize-action="download"]{
    border-color:transparent!important;
    background:linear-gradient(135deg,#ff3f4b,var(--resize-red))!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 16px 32px rgba(255,47,54,.20)!important;
  }

  .resize-editor-downloads .resize-tool-button[data-resize-action="download"]{
    min-width:152px!important;
    gap:8px!important;
    font:800 14px/1 Inter,Arial,sans-serif!important;
  }

  .resize-convert-another{
    border-color:rgba(191,219,254,.95)!important;
    background:#fff!important;
    color:#1d4ed8!important;
  }

  body.generic-tool-studio-active main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .tool-workspace-note{
    display:none!important;
  }

  .resize-upload-badges{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    width:min(100%,1180px)!important;
    margin:26px auto 5.6px!important;
  }

  .resize-upload-badges span{
    display:inline-flex!important;
    align-items:center!important;
    gap:5.6px!important;
    min-height:27.2px!important;
    padding:5.6px 9.92px!important;
    border:1px solid rgba(191,219,254,.9)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#334155!important;
    font:700 11.52px/13.824px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    box-shadow:0 10px 22px rgba(37,99,235,.06)!important;
  }

  .resize-upload-badges span svg{
    width:14px!important;
    height:14px!important;
    stroke:#334155!important;
    color:#334155!important;
    stroke-width:2!important;
    flex:0 0 14px!important;
  }

  html body.flux-tool-body.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .tool-page-hero{
    width:min(100%,1180px)!important;
    max-width:min(100%,1180px)!important;
    margin:21px auto 7.2px!important;
    padding:0 0 11.5px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body.flux-tool-body.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .tool-page-hero .eyebrow{
    display:none!important;
  }

  html body.flux-tool-body.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .tool-page-hero h1{
    margin:0 auto!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    font:800 27.52px/33.5744px "Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    letter-spacing:0!important;
  }

  html body.flux-tool-body.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .tool-page-hero h1 .resize-online-free[hidden]{
    display:inline!important;
  }

  html body.flux-tool-body.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .tool-page-hero p{
    display:block!important;
    max-width:672px!important;
    margin:4.48px auto 0!important;
    color:#334155!important;
    -webkit-text-fill-color:#334155!important;
    font:400 14px/21.7px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
  }

  html body.flux-tool-body.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .tool-page-hero .resize-upload-target[hidden]{
    display:inline-flex!important;
  }

  html body.flux-tool-body.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .tool-page-hero .resize-upload-target{
    align-items:center!important;
    justify-content:center!important;
    height:30.4px!important;
    margin:12.8px auto 0!important;
    padding:0 14px!important;
    border:1px solid rgba(37,99,235,.20)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#2563eb!important;
    -webkit-text-fill-color:#2563eb!important;
    box-shadow:0 10px 24px rgba(37,99,235,.08)!important;
    font:800 13px/13px Inter,"Plus Jakarta Sans",Arial,sans-serif!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }

  html body.flux-tool-body.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file) label.upload-box[data-upload-box] > strong,
  html body.flux-tool-body.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file) label.upload-box[data-upload-box] > small{
    display:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    visibility:hidden!important;
  }

  html body.flux-tool-body.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #tool-workspace.tool-panel:has(.docstream-image-utility-form:not(.has-uploaded-file)) .docstream-image-utility-form:not(.has-uploaded-file):not(.passport-studio-form) label.upload-box[data-upload-box] > small{
    display:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    visibility:hidden!important;
  }

  html body.flux-tool-body.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file) label.upload-box[data-upload-box] .upload-cta-row{
    display:flex!important;
    width:388px!important;
    max-width:100%!important;
    gap:12px!important;
  }

  html body.flux-tool-body.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file){
    gap:0!important;
  }

  html body.flux-tool-body.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #tool-workspace.tool-panel form.docstream-image-utility-form:not(.has-uploaded-file) label.upload-box[data-upload-box] .upload-formats{
    width:160px!important;
    height:56px!important;
    min-height:56px!important;
    padding:8.8px 14.4px!important;
    box-sizing:border-box!important;
  }

  html body.flux-tool-body.flux-tool-image-tools main#main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #tool-workspace.tool-panel form.docstream-image-utility-form:not(.has-uploaded-file) label.upload-box[data-upload-box] .upload-formats{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    width:160px!important;
    max-width:160px!important;
    height:56px!important;
    min-height:56px!important;
    margin:0!important;
    padding:8.8px 14.4px!important;
    border:1px solid rgba(37,99,235,.26)!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#fff,#e8f5ff 54%,#eef2ff)!important;
    color:#173b72!important;
    font:760 13.76px/17.2px Inter,"Plus Jakarta Sans",Arial,sans-serif!important;
    box-sizing:border-box!important;
    white-space:normal!important;
  }

  html body.flux-tool-body.flux-tool-image-tools main#main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #tool-workspace.tool-panel form.docstream-image-utility-form:not(.has-uploaded-file) label.upload-box[data-upload-box] .upload-formats span{
    display:block!important;
    width:auto!important;
    max-width:132px!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    line-height:17.2px!important;
  }

  html body.flux-tool-body.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form:not(.has-uploaded-file) .resize-upload-badges[hidden]{
    display:flex!important;
  }

  html body.flux-tool-body.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .tool-workspace-note{
    display:none!important;
  }

  html[data-theme="dark"] body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]){
    --resize-ink:#e5edf8;
    --resize-muted:#a8b7cc;
    --resize-card:#101a2c;
    --resize-line:rgba(125,211,252,.22);
    --resize-soft:#0b1220;
  }

  html[data-theme="dark"] body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) :is(.resize-editor-toolbar,.resize-editor-left,.resize-editor-right,.tool-actions,.resize-control-section,.resize-info-list li,.resize-mini-card){
    border-color:rgba(125,211,252,.22)!important;
    background:#101a2c!important;
    box-shadow:0 16px 34px rgba(0,0,0,.25)!important;
  }

  html[data-theme="dark"] body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) :is(.resize-tool-button,.resize-preset-button,.utility-control-grid input,.utility-control-grid select){
    border-color:rgba(125,211,252,.24)!important;
    background:#0b1220!important;
    color:#e5edf8!important;
  }

  html[data-theme="dark"] body.flux-tool-image-tools main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput{
    border-color:rgba(125,211,252,.22)!important;
    background-color:#07101f!important;
  }
}

@media (min-width:1200px) and (max-width:1280px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-title,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-title strong{
    max-width:138px!important;
  }
}

/* Final WhatsApp DP desktop cascade guard. Keep this after generic resize editor rules. */
@media (min-width:1200px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-mark,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-title strong:before{
    background:linear-gradient(135deg,#1d8cff,#4f46e5)!important;
    box-shadow:0 14px 30px rgba(37,99,235,.22)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-title strong:before{
    content:""!important;
    width:0!important;
    height:0!important;
    padding:0!important;
    margin:0!important;
    box-shadow:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-download-format-pick,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-downloads:before,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-tool-button[data-resize-action="apply"]{
    display:none!important;
    content:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"][aria-disabled="false"]{
    min-width:176px!important;
    min-height:56px!important;
    border-color:transparent!important;
    background:linear-gradient(135deg,#1d8cff,#2563eb)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 16px 34px rgba(37,99,235,.24)!important;
    cursor:pointer!important;
    pointer-events:auto!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"][aria-disabled="true"]{
    min-width:176px!important;
    min-height:56px!important;
    background:#f1f5f9!important;
    border-color:#dbe4f0!important;
    color:#94a3b8!important;
    -webkit-text-fill-color:#94a3b8!important;
    box-shadow:none!important;
    cursor:not-allowed!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"]{
    grid-template-columns:auto 1fr!important;
    align-content:center!important;
    gap:4px 9px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"] small{
    display:block!important;
    grid-column:2!important;
    font:700 11px/1 Inter,Arial,sans-serif!important;
    opacity:.86!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] #utilityOutput{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    min-height:calc(100vh - 126px)!important;
    max-height:calc(100vh - 126px)!important;
    overflow:auto!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] #utilityOutput:after,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] #utilityOutput .utility-result-card:after{
    display:none!important;
    content:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preview-shell{
    width:min(100%,720px)!important;
    display:grid!important;
    place-items:center!important;
    gap:16px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preview-stage{
    width:min(62vh,520px,100%)!important;
    max-width:520px!important;
    aspect-ratio:1/1!important;
    position:relative!important;
    overflow:hidden!important;
    border-radius:26px!important;
    background:#fff!important;
    box-shadow:0 22px 58px rgba(15,23,42,.18)!important;
    transform:scale(var(--resize-preview-scale,1))!important;
    transform-origin:center!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preview-stage canvas{
    width:100%!important;
    height:100%!important;
    display:block!important;
    max-width:none!important;
    max-height:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-circle-mask{position:absolute!important;inset:0!important;pointer-events:none!important;background:radial-gradient(circle at center,transparent 0 49%,rgba(15,23,42,.25) 50% 100%)!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-circle-guide{position:absolute!important;inset:7.5%!important;border:2px dashed rgba(255,255,255,.96)!important;border-radius:50%!important;box-shadow:0 0 0 1px rgba(15,23,42,.20)!important;pointer-events:none!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-center-cross{position:absolute!important;left:50%!important;top:50%!important;width:54px!important;height:54px!important;transform:translate(-50%,-50%)!important;opacity:.34!important;pointer-events:none!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-center-cross:before,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-center-cross:after{content:""!important;position:absolute!important;background:rgba(255,255,255,.96)!important;box-shadow:0 0 0 1px rgba(15,23,42,.18)!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-center-cross:before{left:50%!important;top:0!important;width:2px!important;height:100%!important;transform:translateX(-50%)!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-center-cross:after{left:0!important;top:50%!important;width:100%!important;height:2px!important;transform:translateY(-50%)!important;}

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] #utilityOutput .download-button{
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-control-card{
    padding:20px!important;
    border:1px solid #e7eef8!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 12px 34px rgba(15,23,42,.05)!important;
  }
}

/* Measured desktop toolbar parity base from Compress Image to 20KB. */
@media (min-width:1200px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-toolbar{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    padding:0 18px!important;
    overflow:visible!important;
    border:0!important;
    border-bottom:1px solid rgba(15,23,42,.10)!important;
    border-radius:0!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 1px 0 rgba(15,23,42,.04)!important;
    color:#142033!important;
    font:400 16px/25.92px Poppins,Inter,ui-sans-serif,system-ui,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-brand{
    position:static!important;
    display:flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:32px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    grid-area:auto!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-mark{
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-title,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-title strong{
    display:block!important;
    width:auto!important;
    max-width:260px!important;
    min-width:0!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#142033!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    letter-spacing:0!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-title strong{
    font:760 16px/17.92px "Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-back{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 32px!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(15,23,42,.12)!important;
    border-radius:50%!important;
    background:#f8fafc!important;
    box-shadow:none!important;
    color:#1e293b!important;
    -webkit-text-fill-color:#1e293b!important;
    appearance:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-back svg,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-back i{
    width:18px!important;
    height:18px!important;
    stroke-width:2.35!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-history-controls{
    position:absolute!important;
    left:calc(50% - 390px)!important;
    top:11.5px!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:auto!important;
    gap:18px!important;
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
    height:40px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    z-index:4!important;
    grid-area:auto!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-history-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 46px!important;
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:40px!important;
    min-height:40px!important;
    padding:1px 6px!important;
    margin:0!important;
    border:1px solid #e2e7ef!important;
    border-radius:12px!important;
    background:#f3f5f8!important;
    box-shadow:0 1px 2px rgba(15,23,42,.08)!important;
    color:#aeb6c2!important;
    -webkit-text-fill-color:#aeb6c2!important;
    opacity:1!important;
    transform:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-history-btn:not(:disabled):not(.is-disabled):not([aria-disabled="true"]){
    background:#fff!important;
    border-color:#d8e0ec!important;
    color:#334155!important;
    -webkit-text-fill-color:#334155!important;
    cursor:pointer!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-history-btn svg,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-history-btn i{
    width:22px!important;
    height:22px!important;
    stroke-width:2.25!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools.resize-zoom-controls{
    position:absolute!important;
    left:50%!important;
    top:8.5px!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:auto!important;
    gap:10px!important;
    width:330px!important;
    min-width:330px!important;
    max-width:330px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    padding:0 12px!important;
    margin:0!important;
    border:1px solid #d8e0ec!important;
    border-radius:14px!important;
    background:#f8fafc!important;
    box-shadow:0 1px 2px rgba(15,23,42,.08)!important;
    color:#142033!important;
    z-index:5!important;
    grid-area:auto!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools .resize-tool-button{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:0 12px!important;
    margin:0!important;
    border:0!important;
    border-radius:11px!important;
    background:#eef2f7!important;
    box-shadow:none!important;
    color:#172033!important;
    -webkit-text-fill-color:#172033!important;
    font:800 14px/17.5px Poppins,Inter,ui-sans-serif,system-ui,sans-serif!important;
    letter-spacing:0!important;
    opacity:1!important;
    transform:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools .resize-tool-button:before,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools .resize-tool-button:after{
    content:none!important;
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools .resize-zoom-label,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools .resize-zoom-label.is-active{
    flex:0 0 112px!important;
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    background:transparent!important;
    color:#0b66d8!important;
    -webkit-text-fill-color:#0b66d8!important;
    font:850 14px/17.5px Poppins,Inter,ui-sans-serif,system-ui,sans-serif!important;
    box-shadow:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools .resize-fit-button{
    flex-basis:42px!important;
    width:42px!important;
    min-width:42px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-downloads{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    justify-self:auto!important;
    gap:10px!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:52px!important;
    padding:0!important;
    margin:0 0 0 auto!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    grid-area:auto!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-download-format-pick{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    width:155px!important;
    min-width:155px!important;
    max-width:155px!important;
    height:42px!important;
    min-height:42px!important;
    padding:4px!important;
    margin:0!important;
    border:1px solid rgba(15,23,42,.08)!important;
    border-radius:10px!important;
    background:#eef2f7!important;
    box-shadow:none!important;
    visibility:visible!important;
    opacity:1!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-download-format-pick button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:44px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 10px!important;
    margin:0!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#475569!important;
    -webkit-text-fill-color:#475569!important;
    font:600 11px/13.75px Poppins,Inter,ui-sans-serif,system-ui,sans-serif!important;
    letter-spacing:0!important;
    opacity:1!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-download-format-pick button.is-active{
    background:#fff!important;
    color:#2563eb!important;
    -webkit-text-fill-color:#2563eb!important;
    box-shadow:0 1px 3px rgba(15,23,42,.12)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-downloads .resize-tool-button[data-resize-action="download"]{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    grid-template-columns:none!important;
    gap:10px!important;
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 18px!important;
    margin:0!important;
    border:1px solid #d1d5db!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    background-image:none!important;
    box-shadow:0 1px 2px rgba(15,23,42,.06)!important;
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    font:850 14px/14px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    letter-spacing:0!important;
    opacity:1!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-downloads .resize-tool-button[data-resize-action="download"]:not(.is-disabled):not(:disabled):not([aria-disabled="true"]){
    border-color:transparent!important;
    background:linear-gradient(135deg,#1d8cff,#2563eb)!important;
    background-image:linear-gradient(135deg,#1d8cff,#2563eb)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 16px 34px rgba(37,99,235,.24)!important;
    cursor:pointer!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-downloads .resize-tool-button[data-resize-action="download"] span{
    font:850 14px/14px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-downloads .resize-tool-button[data-resize-action="download"] small{
    display:none!important;
  }
}

/* Final measured toolbar parity from Compress Image to 20KB. Desktop only. */
@media (min-width:1200px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-toolbar{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    padding:0 18px!important;
    overflow:visible!important;
    border:0!important;
    border-bottom:1px solid rgba(15,23,42,.10)!important;
    border-radius:0!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 1px 0 rgba(15,23,42,.04)!important;
    color:#142033!important;
    font:400 16px/25.92px Poppins,Inter,ui-sans-serif,system-ui,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-brand{
    position:static!important;
    display:flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    width:auto!important;
    min-width:0!important;
    height:32px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-mark{
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-title{
    display:block!important;
    width:auto!important;
    max-width:260px!important;
    min-width:0!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#142033!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-title strong{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#142033!important;
    font:760 16px/17.92px "Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    letter-spacing:0!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-back{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 32px!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(15,23,42,.12)!important;
    border-radius:50%!important;
    background:#f8fafc!important;
    box-shadow:none!important;
    color:#1e293b!important;
    -webkit-text-fill-color:#1e293b!important;
    appearance:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-back svg,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-back i{
    width:18px!important;
    height:18px!important;
    stroke-width:2.35!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-history-controls{
    position:absolute!important;
    left:calc(50% - 390px)!important;
    top:11.5px!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:18px!important;
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
    height:40px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    z-index:4!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-history-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 46px!important;
    width:46px!important;
    min-width:46px!important;
    height:40px!important;
    min-height:40px!important;
    padding:1px 6px!important;
    margin:0!important;
    border:1px solid #e2e7ef!important;
    border-radius:12px!important;
    background:#f3f5f8!important;
    box-shadow:0 1px 2px rgba(15,23,42,.08)!important;
    color:#aeb6c2!important;
    -webkit-text-fill-color:#aeb6c2!important;
    opacity:1!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-history-btn:not(:disabled):not(.is-disabled):not([aria-disabled="true"]){
    background:#fff!important;
    border-color:#d8e0ec!important;
    color:#334155!important;
    -webkit-text-fill-color:#334155!important;
    cursor:pointer!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-history-btn svg,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-history-btn i{
    width:22px!important;
    height:22px!important;
    stroke-width:2.25!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools.resize-zoom-controls,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools{
    position:absolute!important;
    left:50%!important;
    top:8.5px!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:330px!important;
    min-width:330px!important;
    max-width:330px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 12px!important;
    margin:0!important;
    border:1px solid #d8e0ec!important;
    border-radius:14px!important;
    background:#f8fafc!important;
    box-shadow:0 1px 2px rgba(15,23,42,.08)!important;
    color:#142033!important;
    z-index:5!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools .resize-tool-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 12px!important;
    margin:0!important;
    border:0!important;
    border-radius:11px!important;
    background:#eef2f7!important;
    box-shadow:none!important;
    color:#172033!important;
    -webkit-text-fill-color:#172033!important;
    font:800 14px/17.5px Poppins,Inter,ui-sans-serif,system-ui,sans-serif!important;
    letter-spacing:0!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools .resize-zoom-label{
    flex:0 0 112px!important;
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    background:transparent!important;
    color:#0b66d8!important;
    -webkit-text-fill-color:#0b66d8!important;
    font:850 14px/17.5px Poppins,Inter,ui-sans-serif,system-ui,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools .resize-fit-button{
    flex-basis:42px!important;
    width:42px!important;
    min-width:42px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-downloads{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:52px!important;
    padding:0!important;
    margin:0 0 0 auto!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-download-format-pick{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    width:155px!important;
    min-width:155px!important;
    max-width:155px!important;
    height:42px!important;
    min-height:42px!important;
    padding:4px!important;
    margin:0!important;
    border:1px solid rgba(15,23,42,.08)!important;
    border-radius:10px!important;
    background:#eef2f7!important;
    box-shadow:none!important;
    visibility:visible!important;
    opacity:1!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-download-format-pick button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:44px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 10px!important;
    margin:0!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#475569!important;
    -webkit-text-fill-color:#475569!important;
    font:600 11px/13.75px Poppins,Inter,ui-sans-serif,system-ui,sans-serif!important;
    letter-spacing:0!important;
    opacity:1!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-download-format-pick button.is-active{
    background:#fff!important;
    color:#2563eb!important;
    -webkit-text-fill-color:#2563eb!important;
    box-shadow:0 1px 3px rgba(15,23,42,.12)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-downloads .resize-tool-button[data-resize-action="download"]{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    grid-template-columns:none!important;
    gap:10px!important;
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 18px!important;
    margin:0!important;
    border:1px solid #d1d5db!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    background-image:none!important;
    box-shadow:0 1px 2px rgba(15,23,42,.06)!important;
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    font:850 14px/14px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    letter-spacing:0!important;
    opacity:1!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-downloads .resize-tool-button[data-resize-action="download"]:not(.is-disabled):not(:disabled):not([aria-disabled="true"]){
    border-color:transparent!important;
    background:linear-gradient(135deg,#1d8cff,#2563eb)!important;
    background-image:linear-gradient(135deg,#1d8cff,#2563eb)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 16px 34px rgba(37,99,235,.24)!important;
    cursor:pointer!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-downloads .resize-tool-button[data-resize-action="download"] span{
    font:850 14px/14px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-downloads .resize-tool-button[data-resize-action="download"] small{
    display:none!important;
  }
}

/* Final YouTube Thumbnail desktop toolbar guard. Keep after shared resize rules. */
@media (min-width:1200px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-toolbar{
    display:grid!important;
    grid-template-columns:minmax(230px,300px) 112px 344px max-content!important;
    grid-template-areas:"brand history zoom downloads"!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-height:84px!important;
    padding:12px 20px!important;
    overflow:hidden!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-brand{
    grid-area:brand!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-title,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-title strong{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-history-controls{
    grid-area:history!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:end!important;
    gap:10px!important;
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:52px!important;
    padding:0!important;
    z-index:auto!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-history-btn{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    padding:0!important;
    border:1px solid #d7e6ff!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#475569!important;
    -webkit-text-fill-color:#475569!important;
    opacity:1!important;
    box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
    transform:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-history-btn:disabled,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-history-btn[aria-disabled="true"]{
    background:#f8fbff!important;
    color:#9aa8ba!important;
    -webkit-text-fill-color:#9aa8ba!important;
    border-color:#e0eaf7!important;
    opacity:1!important;
    box-shadow:0 6px 14px rgba(15,23,42,.04)!important;
    cursor:not-allowed!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-history-btn:not(:disabled):not([aria-disabled="true"]):hover{
    transform:translateY(-1px)!important;
    border-color:#bad4f7!important;
    box-shadow:0 12px 22px rgba(37,99,235,.12)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-tools.resize-zoom-controls{
    grid-area:zoom!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:48px minmax(120px,1fr) 48px 54px!important;
    align-items:center!important;
    justify-self:center!important;
    gap:8px!important;
    width:344px!important;
    min-width:344px!important;
    max-width:344px!important;
    height:56px!important;
    min-height:56px!important;
    padding:6px!important;
    border:1px solid #d7e6ff!important;
    border-radius:18px!important;
    background:#f8fbff!important;
    box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
    z-index:auto!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-tools.resize-zoom-controls .resize-tool-button{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border:0!important;
    border-radius:14px!important;
    background:#eef4fb!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    opacity:1!important;
    box-shadow:none!important;
    font:850 0/1 Inter,Arial,sans-serif!important;
    white-space:nowrap!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-tools.resize-zoom-controls .resize-tool-button:before{
    content:none!important;
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-tools.resize-zoom-controls .resize-tool-button:after{
    display:block!important;
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
    font:850 16px/1 Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-tools.resize-zoom-controls .resize-tool-button[data-resize-zoom="out"]:after{content:"-";}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-tools.resize-zoom-controls .resize-tool-button[data-resize-zoom="in"]:after{content:"+";}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-tools.resize-zoom-controls .resize-tool-button[data-resize-zoom="fit"]:after{
    content:"Fit";
    font-size:14px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-tools.resize-zoom-controls .resize-tool-button:hover{
    background:#e7f0ff!important;
    color:#005bd8!important;
    -webkit-text-fill-color:#005bd8!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-tools.resize-zoom-controls .resize-zoom-label{
    display:grid!important;
    place-items:center!important;
    min-width:0!important;
    width:100%!important;
    height:44px!important;
    padding:0 12px!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#0067ff!important;
    -webkit-text-fill-color:#0067ff!important;
    font:850 16px/1 Inter,Arial,sans-serif!important;
    white-space:nowrap!important;
    box-shadow:0 8px 18px rgba(37,99,235,.08)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-downloads{
    grid-area:downloads!important;
    position:static!important;
    transform:none!important;
    justify-self:end!important;
    min-width:0!important;
    margin-left:0!important;
  }
}

@media (min-width:1451px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-toolbar{
    grid-template-columns:minmax(260px,360px) 112px 390px max-content!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-tools.resize-zoom-controls{
    grid-template-columns:54px minmax(132px,1fr) 54px 58px!important;
    width:390px!important;
    min-width:390px!important;
    max-width:390px!important;
  }
}

/* Resize Image for WhatsApp DP: desktop-only premium profile editor. */
@media (min-width:1200px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"]{
    --wa-blue:#2563eb;
    --wa-blue-strong:#1d4ed8;
    --wa-surface:#f8fbff;
    --wa-border:#d7e6ff;
    --wa-ink:#0f172a;
    --wa-muted:#64748b;
    --wa-success:#16a34a;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-toolbar{
    min-height:72px!important;
    border-radius:0!important;
    border-width:0 0 1px!important;
    border-color:#dbe7f5!important;
    box-shadow:0 8px 22px rgba(15,23,42,.05)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-mark{
    background:linear-gradient(135deg,#1d8cff,#4f46e5)!important;
    box-shadow:0 14px 30px rgba(37,99,235,.22)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-toolbar{
    display:grid!important;
    grid-template-columns:minmax(220px,1fr) 110px 330px 180px!important;
    grid-template-areas:"brand history zoom downloads"!important;
    align-items:center!important;
    gap:12px!important;
    overflow:hidden!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-brand{
    grid-area:brand!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-history-controls{
    grid-area:history!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    justify-self:stretch!important;
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-tools{
    grid-area:zoom!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    justify-self:stretch!important;
    width:330px!important;
    min-width:330px!important;
    max-width:330px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-downloads{
    grid-area:downloads!important;
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    justify-content:flex-end!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-tool-button:hover,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-tool-button:focus-visible{
    border-color:rgba(37,99,235,.32)!important;
    box-shadow:0 12px 28px rgba(37,99,235,.12)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-tool-button.is-active{
    background:linear-gradient(135deg,#1d8cff,#4f46e5)!important;
    border-color:transparent!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-download-format-pick,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-tool-button[data-resize-action="apply"]{
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"],
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .tool-actions #utilityDownload:not(:disabled){
    min-width:176px!important;
    min-height:56px!important;
    border-color:transparent!important;
    background:linear-gradient(135deg,#1d8cff,#2563eb)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 16px 34px rgba(37,99,235,.24)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"][aria-disabled="true"],
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .tool-actions #utilityDownload:disabled{
    background:#f1f5f9!important;
    border-color:#dbe4f0!important;
    color:#94a3b8!important;
    -webkit-text-fill-color:#94a3b8!important;
    box-shadow:none!important;
    cursor:not-allowed!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"] small{
    display:block!important;
    font:700 11px/1 Inter,Arial,sans-serif!important;
    opacity:.86;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] #utilityOutput{
    position:relative!important;
    min-height:calc(100vh - 126px)!important;
    max-height:calc(100vh - 126px)!important;
    padding:24px!important;
    align-content:center!important;
    justify-content:center!important;
    overflow:auto!important;
    background-color:#f8fbff!important;
    background-image:
      linear-gradient(45deg,rgba(203,213,225,.34) 25%,transparent 25%),
      linear-gradient(-45deg,rgba(203,213,225,.34) 25%,transparent 25%),
      linear-gradient(45deg,transparent 75%,rgba(203,213,225,.34) 75%),
      linear-gradient(-45deg,transparent 75%,rgba(203,213,225,.34) 75%)!important;
    background-size:18px 18px!important;
    background-position:0 0,0 9px,9px -9px,-9px 0!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] #utilityOutput:empty:before{
    content:"Preparing a WhatsApp-safe profile preview..."!important;
    padding:16px 20px!important;
    border:1px solid rgba(215,230,255,.95)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 16px 40px rgba(37,99,235,.10)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preview-shell{
    display:grid!important;
    place-items:center!important;
    gap:16px!important;
    width:min(100%,720px)!important;
    margin:auto!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preview-stage{
    position:relative!important;
    width:min(62vh,520px,100%)!important;
    aspect-ratio:1/1!important;
    border-radius:26px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 22px 58px rgba(15,23,42,.18)!important;
    transform:scale(var(--resize-preview-scale,1))!important;
    transform-origin:center!important;
    transition:transform .18s ease!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preview-stage canvas{
    display:block!important;
    width:100%!important;
    height:100%!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-circle-mask{
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    border-radius:inherit!important;
    background:radial-gradient(circle at center,transparent 0 49%,rgba(15,23,42,.25) 50% 100%)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-circle-guide{
    position:absolute!important;
    inset:7.5%!important;
    border:2px dashed rgba(255,255,255,.96)!important;
    border-radius:50%!important;
    box-shadow:0 0 0 1px rgba(15,23,42,.20),0 0 0 999px rgba(15,23,42,.02)!important;
    pointer-events:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-center-cross{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:54px!important;
    height:54px!important;
    transform:translate(-50%,-50%)!important;
    opacity:.34!important;
    pointer-events:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-center-cross:before,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-center-cross:after{
    content:""!important;
    position:absolute!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 0 0 1px rgba(15,23,42,.18)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-center-cross:before{left:50%;top:0;width:2px;height:100%;transform:translateX(-50%)}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-center-cross:after{left:0;top:50%;width:100%;height:2px;transform:translateY(-50%)}

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preview-meta{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 14px!important;
    border:1px solid var(--wa-border)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.94)!important;
    color:var(--wa-ink)!important;
    box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
    font:800 13px/1 Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] #utilityOutput .download-button{
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preview-overlay{
    position:absolute!important;
    inset:0!important;
    z-index:12!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(248,251,255,.42)!important;
    pointer-events:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preview-overlay-card{
    display:grid!important;
    justify-items:center!important;
    gap:8px!important;
    padding:18px 22px!important;
    border:1px solid rgba(147,197,253,.72)!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 18px 46px rgba(37,99,235,.14)!important;
    color:#10233d!important;
    text-align:center!important;
    font:800 15px/1.35 Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preview-spinner{
    width:30px!important;
    height:30px!important;
    border-radius:50%!important;
    border:3px solid rgba(37,99,235,.18)!important;
    border-top-color:var(--wa-blue)!important;
    animation:resizePreviewSpin .8s linear infinite!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-right{
    gap:18px!important;
    padding:22px!important;
    background:linear-gradient(180deg,#f8fbff,#eef6ff)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-panel-head{
    align-items:flex-start!important;
    padding-bottom:16px!important;
    border-bottom:1px solid #e2ebf6!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-panel-head h2{
    margin:0!important;
    color:var(--wa-ink)!important;
    font:800 30px/1.08 "Plus Jakarta Sans",Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-panel-head p{
    margin:6px 0 0!important;
    color:var(--wa-muted)!important;
    font:650 13px/1.4 Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-live-pill i{
    width:10px!important;
    height:10px!important;
    fill:var(--wa-success)!important;
    color:var(--wa-success)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-control-card{
    padding:20px!important;
    border:1px solid #e7eef8!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 12px 34px rgba(15,23,42,.05)!important;
    transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-control-card:hover{
    transform:translateY(-2px)!important;
    border-color:#dceaff!important;
    box-shadow:0 18px 42px rgba(37,99,235,.10)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-section-title{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-bottom:16px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-section-title h3{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    color:var(--wa-ink)!important;
    font:800 22px/1.15 "Plus Jakarta Sans",Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preset-row{
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preset-row .resize-preset-button{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    justify-items:start!important;
    gap:2px 10px!important;
    min-height:78px!important;
    padding:14px!important;
    text-align:left!important;
    background:#f8fbff!important;
    border-color:#d7e6ff!important;
    color:#334155!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preset-row .resize-preset-button i{
    grid-row:1/3!important;
    color:#64748b!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preset-row .resize-preset-button span{
    font:800 15px/1.15 Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preset-row .resize-preset-button small{
    color:#64748b!important;
    font:750 12px/1 Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preset-row .resize-preset-button.is-active{
    background:linear-gradient(135deg,#eff6ff,#eef2ff)!important;
    border-color:#60a5fa!important;
    color:#1d4ed8!important;
    box-shadow:0 12px 30px rgba(37,99,235,.14)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preset-row .resize-preset-button.is-active i{
    color:#2563eb!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-dimension-lock{
    display:grid!important;
    grid-template-columns:1fr 44px 1fr!important;
    align-items:end!important;
    gap:10px!important;
    margin-bottom:16px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-dimension-lock label,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-select-label{
    display:grid!important;
    gap:8px!important;
    color:#18304f!important;
    font:750 14px/1.2 Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-dimension-lock input,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-select-label select{
    width:100%!important;
    min-height:52px!important;
    border:1px solid #d7e6ff!important;
    border-radius:14px!important;
    background:#f8fbff!important;
    color:#0f172a!important;
    font:800 16px/1 Inter,Arial,sans-serif!important;
    padding:0 14px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-lock{
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    height:52px!important;
    border:1px solid #d7e6ff!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#2563eb!important;
    box-shadow:0 10px 24px rgba(37,99,235,.08)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-helper{
    margin:10px 0 0!important;
    color:#64748b!important;
    font:650 13px/1.45 Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-guide-list{
    display:grid!important;
    gap:10px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-guide-list span{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-height:42px!important;
    padding:10px 12px!important;
    border:1px solid #d7e6ff!important;
    border-radius:14px!important;
    background:#f8fbff!important;
    color:#334155!important;
    font:750 14px/1.2 Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-guide-list .is-good i{color:var(--wa-success)!important}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-guide-list .is-warning{
    border-color:#fde68a!important;
    background:#fffbeb!important;
    color:#92400e!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-guide-list .is-warning i{color:#f59e0b!important}

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-quality-row{
    display:block!important;
    padding:20px!important;
    border:1px solid #d7e6ff!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#f8fbff,#eef8ff)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-quality-row input[type="range"]{
    width:100%!important;
    accent-color:#2563eb!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-quality-scale{
    display:flex!important;
    justify-content:space-between!important;
    margin-top:10px!important;
    color:#64748b!important;
    font:750 12px/1 Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-output-grid,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-summary-card{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-output-grid span,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-summary-card span{
    display:grid!important;
    gap:4px!important;
    min-height:58px!important;
    padding:12px!important;
    border:1px solid #e6eef8!important;
    border-radius:14px!important;
    background:#f8fbff!important;
    color:#64748b!important;
    font:700 12px/1 Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-output-grid b,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-summary-card b{
    color:#0f172a!important;
    font:850 15px/1.15 Inter,Arial,sans-serif!important;
  }

  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-control-card,
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preview-overlay-card{
    background:#0f172a!important;
    border-color:rgba(148,163,184,.28)!important;
  }
}

@media (min-width:1200px){
  html body.generic-tool-studio-active.flux-tool-image-tools:has(main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"])){
    overflow:hidden!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools:has(main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"])) .site-header{
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]){
    min-height:100vh!important;
    padding:0!important;
    background:#e3ebf6!important;
    overflow:hidden!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) :is(.breadcrumb,.tool-page-hero,.tool-workspace-note,.tool-content-stack){
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) :is(.tool-layout,.tool-main,#tool-workspace){
    width:100vw!important;
    max-width:100vw!important;
    min-height:100vh!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .utility-studio{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) clamp(420px,25vw,480px)!important;
    grid-template-rows:92px minmax(0,calc(100vh - 92px))!important;
    grid-template-areas:"toolbar toolbar" "preview right"!important;
    gap:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100vh!important;
    min-height:720px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#dfe7f1!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .docstream-image-utility-form{
    display:contents!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-toolbar{
    grid-area:toolbar!important;
    position:relative!important;
    z-index:20!important;
    display:grid!important;
    grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr)!important;
    align-items:center!important;
    gap:20px!important;
    width:100%!important;
    height:92px!important;
    min-height:92px!important;
    margin:0!important;
    padding:20px 22px!important;
    border:0!important;
    border-bottom:1px solid rgba(148,163,184,.28)!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-brand{
    justify-self:start!important;
    gap:14px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-mark{
    width:48px!important;
    height:48px!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#ff3b4a,#ff1f2f)!important;
    box-shadow:0 16px 30px rgba(255,47,54,.20)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-title strong{
    max-width:420px!important;
    color:#111827!important;
    font:800 21px/1.2 "Plus Jakarta Sans",Inter,Arial,sans-serif!important;
    letter-spacing:0!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-title small{
    color:#667085!important;
    font:700 12px/1.2 Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools{
    justify-self:center!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:0!important;
    min-height:58px!important;
    padding:4px!important;
    border:1px solid #dbe5f3!important;
    border-radius:17px!important;
    background:#f8fafc!important;
    box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(15,23,42,.05)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-downloads{
    justify-self:end!important;
    gap:12px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-tool-button{
    min-width:52px!important;
    height:50px!important;
    padding:0 16px!important;
    border:1px solid transparent!important;
    border-radius:13px!important;
    background:transparent!important;
    color:#132238!important;
    font:800 14px/1 Inter,Arial,sans-serif!important;
    box-shadow:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-tool-button:is(:hover,:focus-visible,.is-active){
    background:#fff!important;
    border-color:#dbe5f3!important;
    color:#0b63f6!important;
    box-shadow:0 7px 16px rgba(15,23,42,.08)!important;
    transform:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-downloads .resize-tool-button{
    min-width:58px!important;
    border-color:#dbe5f3!important;
    background:#fff!important;
    color:#1f2f46!important;
    box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-downloads .resize-tool-button[data-resize-action="apply"]{
    border-color:transparent!important;
    background:linear-gradient(135deg,#ff3b4a,#ff1f2f)!important;
    color:#fff!important;
    box-shadow:0 16px 30px rgba(255,47,54,.22)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-downloads .resize-tool-button[data-resize-action="download"]{
    min-width:182px!important;
    gap:10px!important;
    border-color:#dbe5f3!important;
    background:#fff!important;
    color:#40516a!important;
    -webkit-text-fill-color:#40516a!important;
    font:800 16px/1 Inter,Arial,sans-serif!important;
    box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-tool-button:is(:disabled,.is-disabled){
    opacity:.42!important;
    pointer-events:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-left{
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-right{
    grid-area:right!important;
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    width:clamp(420px,25vw,480px)!important;
    height:calc(100vh - 92px)!important;
    min-height:0!important;
    margin:0!important;
    padding:24px 20px 34px!important;
    border:0!important;
    border-left:1px solid rgba(148,163,184,.28)!important;
    border-radius:0!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:none!important;
    overflow:auto!important;
    scrollbar-gutter:stable!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-right::-webkit-scrollbar,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput::-webkit-scrollbar{
    width:10px!important;
    height:10px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-right::-webkit-scrollbar-thumb,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput::-webkit-scrollbar-thumb{
    border:3px solid transparent!important;
    border-radius:999px!important;
    background:rgba(148,163,184,.55)!important;
    background-clip:padding-box!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-control-section{
    gap:13px!important;
    padding:18px!important;
    border:1px solid #dbe7f6!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 10px 22px rgba(15,23,42,.045)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-panel-head{
    padding-bottom:16px!important;
    border-bottom:1px solid #e7eef8!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-panel-head h2{
    font:850 22px/1.2 "Plus Jakarta Sans",Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-control-section h3{
    font:820 17px/1.25 Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-preset-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-preset-button,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-pill{
    min-height:42px!important;
    border-color:#dbe7f6!important;
    background:#f8fbff!important;
    color:#31435c!important;
    font:780 13px/1.15 Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-preset-button:is(:hover,:focus-visible,.is-active){
    border-color:rgba(255,47,54,.35)!important;
    background:#fff5f5!important;
    color:#e11d2e!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .utility-control-grid{
    gap:12px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .utility-control-grid input,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .utility-control-grid select{
    min-height:52px!important;
    border-color:#dbe7f6!important;
    border-radius:15px!important;
    background:#f8fbff!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput{
    grid-area:preview!important;
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:calc(100vh - 92px)!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:24px!important;
    border:0!important;
    border-radius:0!important;
    background:#dfe7f1!important;
    background-image:none!important;
    box-shadow:none!important;
    overflow:auto!important;
    isolation:isolate!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput:before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:min(62vw,760px)!important;
    aspect-ratio:1!important;
    border:1px solid rgba(255,255,255,.55)!important;
    background:rgba(255,255,255,.20)!important;
    transform:translate(-50%,-50%) rotate(45deg)!important;
    z-index:-1!important;
    pointer-events:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput:empty:after{
    content:"Your preview will appear here."!important;
    position:relative!important;
    color:#52647c!important;
    font:800 16px/1.4 Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput .file-preview-card{
    width:auto!important;
    max-width:calc(100% - 96px)!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput .file-preview-main{
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    background:transparent!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput .file-preview-details,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput .file-preview-actions,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput .upload-progress{
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput .file-preview-thumb{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:0 22px 46px rgba(15,23,42,.14)!important;
    overflow:visible!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput img{
    width:auto!important;
    max-width:min(calc(100% - 96px),920px)!important;
    max-height:calc(100vh - 210px)!important;
    height:auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    object-fit:contain!important;
    box-shadow:0 22px 46px rgba(15,23,42,.16)!important;
    transform:scale(var(--resize-preview-scale,1))!important;
    transform-origin:center!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput .utility-result-card{
    width:auto!important;
    max-width:calc(100% - 96px)!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput .utility-result-status,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput .download-button{
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput .utility-result-content{
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput :is(.file-preview-thumb img,.utility-result-content img){
    width:min(calc(100vw - clamp(420px,25vw,480px) - 112px),920px)!important;
    max-width:calc(100vw - clamp(420px,25vw,480px) - 112px)!important;
    max-height:calc(100vh - 210px)!important;
    height:auto!important;
    object-fit:contain!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .tool-actions{
    display:none!important;
  }

  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]){
    background:#111827!important;
  }

  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .utility-studio,
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput{
    background:#111827!important;
  }

  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) :is(.resize-editor-toolbar,.resize-editor-right,.resize-control-section){
    border-color:rgba(148,163,184,.24)!important;
    background:#0f172a!important;
  }

  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) :is(.resize-editor-title strong,.resize-panel-head h2,.resize-control-section h3){
    color:#e5edf8!important;
  }

  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) :is(.resize-tool-button,.resize-preset-button,.resize-pill,.utility-control-grid input,.utility-control-grid select){
    border-color:rgba(148,163,184,.26)!important;
    background:#111827!important;
    color:#e5edf8!important;
  }
}

/* Resize image desktop editor: neutral Compress Image 20KB toolbar/panel parity */
@media (min-width:1200px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .utility-studio{
    grid-template-columns:minmax(0,1fr) 384px!important;
    grid-template-rows:64px minmax(0,calc(100vh - 64px))!important;
    background:#e7edf7!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-toolbar{
    grid-template-columns:minmax(300px,1fr) auto minmax(300px,1fr)!important;
    height:64px!important;
    min-height:64px!important;
    padding:0 18px!important;
    border-bottom-color:rgba(15,23,42,.10)!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 1px 0 rgba(15,23,42,.04)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-brand{gap:12px!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-mark{
    width:40px!important;height:40px!important;border:1px solid #dbe5f3!important;border-radius:999px!important;background:#f8fafc!important;color:#142033!important;box-shadow:none!important;
  }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-mark svg{display:none!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-mark:before{
    content:""!important;display:block!important;width:18px!important;height:18px!important;background:currentColor!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center/contain no-repeat!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-title strong{
    color:#142033!important;font:760 16px/17.92px "Plus Jakarta Sans",Inter,Arial,sans-serif!important;
  }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-title small{display:none!important;}

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools{
    width:330px!important;min-height:46px!important;padding:0 12px!important;border-color:#d8e0ec!important;border-radius:14px!important;background:#f8fafc!important;gap:10px!important;
  }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button{
    min-width:50px!important;height:40px!important;padding:0 12px!important;border-radius:12px!important;color:#142033!important;font:760 14px/1 Inter,Arial,sans-serif!important;
  }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button:is(:hover,:focus-visible,.is-active){border-color:#dbe5f3!important;background:#fff!important;color:#0067ff!important;box-shadow:0 7px 16px rgba(15,23,42,.08)!important;}

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-downloads .resize-tool-button{min-width:46px!important;border-color:#dbe5f3!important;background:#fff!important;color:#53627a!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-downloads .resize-tool-button[data-resize-action="apply"]{border-color:#dbe5f3!important;background:#f8fafc!important;color:#53627a!important;box-shadow:0 8px 18px rgba(15,23,42,.05)!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-downloads .resize-tool-button[data-resize-action="apply"] svg{display:none!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-downloads .resize-tool-button[data-resize-action="apply"]:before{content:"Apply"!important;font:850 14px/1 Inter,Arial,sans-serif!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-downloads .resize-tool-button[data-resize-action="download"]{min-width:180px!important;height:52px!important;border-radius:12px!important;color:#53627a!important;-webkit-text-fill-color:#53627a!important;font:850 14px/14px Inter,Arial,sans-serif!important;}

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-right{width:384px!important;height:calc(100vh - 64px)!important;padding:18px 18px 14px!important;background:#f8fbff!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-control-section{min-height:84px!important;padding:12px 10px!important;border-color:rgba(15,23,42,.12)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 10px 18px rgba(15,23,42,.035)!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-panel-head h2{font:760 18px/1.2 "Plus Jakarta Sans",Inter,Arial,sans-serif!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-control-section h3{font:750 16px/1.25 Inter,Arial,sans-serif!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-preset-button:is(:hover,:focus-visible,.is-active){border-color:#bfd7ff!important;background:#fff!important;color:#0067ff!important;}

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput{height:calc(100vh - 64px)!important;padding:18px!important;background:#e7edf7!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput:after{content:""!important;position:absolute!important;inset:18px!important;border:1px solid rgba(15,23,42,.12)!important;border-radius:14px!important;pointer-events:none!important;z-index:-1!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput img{max-height:calc(100vh - 154px)!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) #utilityOutput :is(.file-preview-thumb img,.utility-result-content img){width:min(calc(100vw - 496px),920px)!important;max-width:calc(100vw - 496px)!important;max-height:calc(100vh - 154px)!important;}
}

/* Resize image desktop editor: final neutral toolbar labels and format pill */
@media (min-width:1200px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-title strong{
    font-size:0!important;
  }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-title strong:before{
    content:"ToolsLuv / Image Compressor"!important;
    color:#142033!important;
    font:760 16px/17.92px "Plus Jakarta Sans",Inter,Arial,sans-serif!important;
  }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button{
    font-size:0!important;
  }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button svg{display:none!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button:before{
    font:800 14px/1 Inter,Arial,sans-serif!important;
  }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button[data-resize-zoom="fit"]:before{content:"−"!important;font-size:18px!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button[data-resize-zoom="1"]{min-width:132px!important;color:#0067ff!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button[data-resize-zoom="1"]:before{content:"Zoom 100%"!important;font-size:16px!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button[data-resize-zoom="2"]:before{content:"+"!important;font-size:18px!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button[data-resize-zoom="3"]:before{content:"Fit"!important;font-size:14px!important;}

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-downloads:before{
    content:"JPG   PNG   WebP"!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:157px!important;
    height:42px!important;
    padding:4px!important;
    border:1px solid rgba(15,23,42,.08)!important;
    border-radius:10px!important;
    background:#eef2f7!important;
    color:#42526a!important;
    font:800 13px/1 Inter,Arial,sans-serif!important;
    white-space:pre!important;
  }
}

/* Resize image desktop editor: remove remaining sparkle glyphs in active neutral editor */
@media (min-width:1200px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) :is([data-lucide="sparkles"],.lucide-sparkles){
    display:none!important;
    visibility:hidden!important;
  }
}

/* Resize image desktop editor: prevent toolbar overlap on narrower desktop widths */
@media (min-width:1200px) and (max-width:1450px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-toolbar{
    grid-template-columns:minmax(260px,1fr) 330px 515px!important;
    column-gap:16px!important;
  }
}

/* Resize image desktop editor: fixed viewport toolbar and non-overlapping right panel flow */
@media (min-width:1200px){
  html:has(body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"])),
  body.generic-tool-studio-active.flux-tool-image-tools{
    overflow:hidden!important;
    height:100dvh!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main.generic-studio-page:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]){
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
    transform:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .utility-studio{
    position:absolute!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-toolbar{
    position:relative!important;
    z-index:50!important;
    flex-shrink:0!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-right{
    align-content:start!important;
    gap:16px!important;
    padding:18px 18px 40px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-right > *,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-control-section{
    position:relative!important;
    z-index:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex:0 0 auto!important;
    box-sizing:border-box!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-control-section{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:13px!important;
    overflow:visible!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-right :is(.utility-control-grid,.docstream-primary-options,.docstream-advanced-options,.resize-preset-row,.resize-format-row){
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-right .utility-control-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-right .utility-control-grid label{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-right .docstream-utility-options,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-right .docstream-utility-options[open]{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-right .docstream-utility-options summary{
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-right .docstream-utility-options > div{
    display:block!important;
    height:auto!important;
    overflow:visible!important;
  }
}

/* Resize image desktop editor: exact Compress Image 20KB top toolbar parity */
@media (min-width:1200px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-toolbar{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    height:64px!important;
    min-height:64px!important;
    padding:0 18px!important;
    background:rgba(255,255,255,.96)!important;
    color:#142033!important;
    border:0!important;
    border-bottom:1px solid rgba(15,23,42,.10)!important;
    box-shadow:0 1px 0 rgba(15,23,42,.04)!important;
    font:16px/25.92px Poppins,Inter,ui-sans-serif,system-ui,sans-serif!important;
    z-index:50!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-brand{
    flex:1 1 auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    justify-self:auto!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-mark{
    flex:0 0 32px!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    border:1px solid rgba(15,23,42,.12)!important;
    border-radius:50%!important;
    background:#f8fafc!important;
    color:#1e293b!important;
    box-shadow:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-title{
    flex:1 1 auto!important;
    min-width:0!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-title strong{
    display:block!important;
    width:auto!important;
    color:#142033!important;
    font:760 16px/17.92px "Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    letter-spacing:0!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-history-controls{
    position:absolute!important;
    left:calc(50% - 390px)!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:18px!important;
    width:110px!important;
    height:40px!important;
    z-index:3!important;
    pointer-events:auto!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-history-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:46px!important;
    height:40px!important;
    padding:0!important;
    border:1px solid #e2e7ef!important;
    border-radius:12px!important;
    background:#f3f5f8!important;
    color:#aeb6c2!important;
    opacity:1!important;
    cursor:not-allowed!important;
    box-shadow:0 1px 2px rgba(15,23,42,.08)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-history-btn svg,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-history-btn i{
    width:24px!important;
    height:24px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:330px!important;
    min-width:330px!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 12px!important;
    border:1px solid #d8e0ec!important;
    border-radius:14px!important;
    background:#f8fafc!important;
    box-shadow:0 1px 2px rgba(15,23,42,.08)!important;
    z-index:2!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:34px!important;
    min-width:42px!important;
    padding:0 12px!important;
    border:0!important;
    border-radius:11px!important;
    background:#eef2f7!important;
    color:#172033!important;
    box-shadow:none!important;
    font:800 14px/1 Inter,Arial,sans-serif!important;
    cursor:pointer!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button[data-resize-zoom="1"]{
    min-width:112px!important;
    background:transparent!important;
    color:#0b66d8!important;
    font-weight:850!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-downloads{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    width:auto!important;
    height:52px!important;
    margin-left:auto!important;
    justify-self:auto!important;
    background:transparent!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-downloads:before{
    content:none!important;
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-downloads .resize-tool-button[data-resize-action="reset"],
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-downloads .resize-tool-button[data-resize-action="apply"]{
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-download-format-pick{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    width:auto!important;
    height:42px!important;
    padding:4px!important;
    border:1px solid rgba(15,23,42,.08)!important;
    border-radius:10px!important;
    background:#eef2f7!important;
    box-sizing:border-box!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-download-format-pick button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:44px!important;
    min-height:34px!important;
    height:34px!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#475569!important;
    box-shadow:none!important;
    font:800 12px/1 Inter,Arial,sans-serif!important;
    letter-spacing:.02em!important;
    cursor:pointer!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-download-format-pick button.is-active{
    background:#fff!important;
    color:#2563eb!important;
    box-shadow:0 1px 3px rgba(15,23,42,.12)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-downloads .resize-tool-button[data-resize-action="download"]{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    min-width:180px!important;
    width:180px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 18px!important;
    border:1px solid #d1d5db!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    box-shadow:0 1px 2px rgba(15,23,42,.06)!important;
    font:850 14px/14px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    opacity:1!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-downloads .resize-tool-button[data-resize-action="download"] svg,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-downloads .resize-tool-button[data-resize-action="download"] i{
    width:20px!important;
    height:20px!important;
  }
}

/* Resize image desktop editor: remove toolbar duplicate text and lock exact labels */
@media (min-width:1200px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-title strong{
    font-size:0!important;
    line-height:17.92px!important;
    white-space:nowrap!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-title strong:before{
    content:"ToolsLuv / Image Compressor"!important;
    display:inline-block!important;
    color:#142033!important;
    font:760 16px/17.92px "Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button{
    font-size:0!important;
    line-height:1!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button:before{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:inherit!important;
    font:800 14px/1 Inter,Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button[data-resize-zoom="fit"]:before{content:"−"!important;font-size:18px!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button[data-resize-zoom="1"]:before{content:"Zoom 100%"!important;font-size:14px!important;font-weight:850!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button[data-resize-zoom="2"]:before{content:"+"!important;font-size:18px!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-tools .resize-tool-button[data-resize-zoom="3"]:before{content:"Fit"!important;font-size:14px!important;}

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-download-format-pick{
    width:157px!important;
    flex:0 0 157px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-download-format-pick button{
    flex:1 1 0!important;
    min-width:0!important;
    padding:0 6px!important;
  }
}

/* Resize image desktop editor: keep title clear of history buttons on narrower desktop */
@media (min-width:1200px) and (max-width:1450px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-title{
    max-width:215px!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
}

/* Resize image desktop editor: preserve the full reference title where desktop width allows */
@media (min-width:1321px) and (max-width:1450px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-title{
    max-width:230px!important;
  }
}

@media (min-width:1200px) and (max-width:1320px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-to-1920x1080"],[data-tool="resize-image-for-instagram"],[data-tool="resize-image-for-youtube-thumbnail"],[data-tool="resize-image-for-whatsapp-dp"]) .resize-editor-title{
    max-width:140px!important;
    overflow:hidden!important;
  }
}


/* Resize Image to 1920x1080: target-only professional desktop controls */
@media (min-width:1200px) {
  main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-right {
    width: 440px;
    min-width: 440px;
    padding: 22px 24px 26px;
    gap: 18px;
    overflow-y: auto;
    scrollbar-gutter: stable;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-right::-webkit-scrollbar { width: 10px; }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-right::-webkit-scrollbar-thumb {
    background: #b9d5fb;
    border: 3px solid #f7fbff;
    border-radius: 999px;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-control-section {
    border: 1px solid #cfe0f5;
    border-radius: 18px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 18px 34px rgba(31, 93, 176, .07);
    padding: 16px;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-section-title,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-section-title h3,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-control-section h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.22;
    font-weight: 800;
    color: #111827;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-section-title span,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-line strong {
    color: #1164db;
    font-weight: 800;
    font-size: 13px;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-preset-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-preset-button,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-output-format-grid button {
    min-height: 52px;
    border-radius: 14px;
    border: 1px solid #cfe0f5;
    background: #f8fbff;
    color: #31425c;
    font-weight: 800;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-preset-button.is-active,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-output-format-grid button.is-active {
    background: linear-gradient(180deg,#ffffff,#f2f7ff);
    border-color: #8bbcff;
    color: #0b63f6;
    box-shadow: 0 10px 22px rgba(37, 99, 235, .12), inset 0 0 0 1px rgba(255,255,255,.9);
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-dimension-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr);
    gap: 10px;
    align-items: end;
    margin-top: 14px;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-dimension-grid label,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-custom-color label {
    display: grid;
    gap: 8px;
    font-size: 13px;
    font-weight: 800;
    color: #31425c;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-dimension-grid input,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-custom-color input[type="text"] {
    width: 100%;
    min-height: 54px;
    border-radius: 16px;
    border: 1px solid #cfe0f5;
    background: #f8fbff;
    color: #111827;
    font-size: 17px;
    font-weight: 800;
    padding: 0 16px;
    outline: none;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-dimension-grid input:focus,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-custom-color input:focus {
    border-color: #7db5ff;
    box-shadow: 0 0 0 4px rgba(37,99,235,.12);
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-lock {
    width: 44px;
    height: 44px;
    border: 1px solid #cfe0f5;
    border-radius: 14px;
    background: #f8fbff;
    color: #596b85;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-lock.is-active {
    color: #0b63f6;
    background: #eef6ff;
    border-color: #9bc9ff;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-check-row,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-line {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #485a73;
    font-weight: 750;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-check-row {
    justify-content: flex-start;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-check-row input {
    width: 18px;
    height: 18px;
    accent-color: #0b63f6;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-inline-message {
    margin: 10px 0 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-choice-card {
    min-height: 108px;
    border-radius: 16px;
    border: 1px solid #d5e2f3;
    background: #f9fbff;
    color: #52647e;
    padding: 12px 8px;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 5px;
    text-align: center;
    font-weight: 800;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-choice-card i { width: 24px; height: 24px; }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-choice-card small {
    font-size: 11px;
    line-height: 1.25;
    color: #718099;
    font-weight: 700;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-choice-card.is-active {
    color: #0b63f6;
    border-color: #8bbcff;
    background: linear-gradient(180deg,#ffffff,#eef6ff);
    box-shadow: 0 14px 28px rgba(37,99,235,.11);
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-position-grid {
    display: grid;
    grid-template-columns: repeat(3, 44px);
    gap: 9px;
    margin-top: 14px;
    justify-content: center;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-position-grid button {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    border: 1px solid #cfe0f5;
    background: #f8fbff;
    position: relative;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-position-grid button::after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #9fb4ce;
    position: absolute;
    inset: 0;
    margin: auto;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-position-grid button.is-active {
    border-color: #61a5ff;
    background: #eef6ff;
    box-shadow: 0 0 0 4px rgba(37,99,235,.1);
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-position-grid button.is-active::after { background: #0b63f6; }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-bg-grid,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-output-format-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-bg-choice {
    min-height: 72px;
    border: 1px solid #d5e2f3;
    border-radius: 16px;
    background: #f9fbff;
    display: grid;
    justify-items: center;
    gap: 7px;
    color: #31425c;
    font-weight: 800;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-bg-choice span {
    width: 28px;
    height: 20px;
    border-radius: 8px;
    border: 1px solid #cfe0f5;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-bg-choice.is-active {
    border-color: #8bbcff;
    box-shadow: 0 12px 24px rgba(37,99,235,.1);
  }
  main#main[data-tool="resize-image-to-1920x1080"] .bg-soft { background: linear-gradient(135deg,#dff2ff,#f4efff); }
  main#main[data-tool="resize-image-to-1920x1080"] .bg-white { background: #fff; }
  main#main[data-tool="resize-image-to-1920x1080"] .bg-black { background: #050816; }
  main#main[data-tool="resize-image-to-1920x1080"] .bg-transparent {
    background-size: 8px 8px;
    background-image: linear-gradient(45deg,#d6e1f0 25%,transparent 25%),linear-gradient(-45deg,#d6e1f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d6e1f0 75%),linear-gradient(-45deg,transparent 75%,#d6e1f0 75%);
    background-position: 0 0,0 4px,4px -4px,-4px 0;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .bg-custom { background: #fff; }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-custom-color {
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 10px;
    margin-top: 12px;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-custom-color[hidden],
  main#main[data-tool="resize-image-to-1920x1080"] [hidden] { display: none !important; }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-custom-color input[type="color"] {
    width: 100%;
    min-height: 52px;
    border: 1px solid #cfe0f5;
    border-radius: 16px;
    background: #fff;
    padding: 5px;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-quality-row {
    margin-top: 14px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    color: #31425c;
    font-weight: 800;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-quality-row input {
    grid-column: 1 / -1;
    accent-color: #0b63f6;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-quality-scale {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    margin-top: 7px;
    color: #7a8aa2;
    font-size: 11px;
    font-weight: 750;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card {
    display: grid;
    gap: 12px;
    margin-top: 12px;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card div {
    border: 1px solid #dce8f7;
    border-radius: 16px;
    background: #f9fbff;
    padding: 12px;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card span,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card small {
    display: block;
    color: #73839b;
    font-size: 12px;
    font-weight: 750;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card strong {
    display: block;
    margin: 4px 0;
    color: #111827;
    font-size: 16px;
    font-weight: 850;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-warning-list {
    display: grid;
    gap: 8px;
    margin-top: 12px;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-warning-list p {
    margin: 0;
    padding: 11px 12px;
    border-radius: 14px;
    border: 1px solid #cfe0f5;
    background: #f8fbff;
    color: #435571;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 750;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-warning-list p.is-blocking {
    border-color: #f8b4b4;
    background: #fff7f7;
    color: #9f1239;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-bottom-actions {
    position: sticky;
    bottom: 0;
    z-index: 3;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(16px);
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-primary-action,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-secondary-action,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-tertiary-action {
    width: 100%;
    min-height: 54px;
    border-radius: 16px;
    border: 1px solid #cfe0f5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 850;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-primary-action {
    background: linear-gradient(135deg,#0ea5e9,#2563eb);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 18px 30px rgba(37,99,235,.22);
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-secondary-action,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-tertiary-action {
    margin-top: 10px;
    background: #f8fbff;
    color: #31425c;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-primary-action.is-disabled,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-primary-action[disabled] {
    opacity: .52;
    cursor: not-allowed;
    box-shadow: none;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .tool-actions.sticky-mobile-action {
    display: none !important;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .utility-output.resize-preview-ready img {
    max-width: min(78vw, 1120px);
    max-height: min(72vh, 720px);
    object-fit: contain;
  }
}

@media (min-width:1200px) {
  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-control-section,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-control-section {
    background: rgba(15,23,42,.9);
    border-color: rgba(148,163,184,.28);
    box-shadow: none;
  }
  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-section-title h3,
  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-control-section h3,
  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card strong,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-section-title h3,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-control-section h3,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card strong {
    color: #f8fafc;
  }
  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-preset-button,
  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-choice-card,
  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-bg-choice,
  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-output-format-grid button,
  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card div,
  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-warning-list p,
  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-secondary-action,
  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-tertiary-action,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-preset-button,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-choice-card,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-bg-choice,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-output-format-grid button,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card div,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-warning-list p,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-secondary-action,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-tertiary-action {
    background: rgba(30,41,59,.92);
    border-color: rgba(148,163,184,.3);
    color: #dbeafe;
  }
  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-dimension-grid input,
  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-custom-color input[type="text"],
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-dimension-grid input,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-custom-color input[type="text"] {
    background: rgba(15,23,42,.85);
    border-color: rgba(148,163,184,.32);
    color: #f8fafc;
  }
}

/* Resize Image to 1920x1080: final visual correction */
@media (min-width:1200px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-title strong:before {
    content: "ToolsLuv / Resize Image" !important;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-right {
    width: clamp(360px, 30vw, 440px);
    min-width: 360px;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-choice-card {
    min-height: 100px;
    padding-inline: 6px;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-choice-card small {
    font-size: 10px;
  }
}

@media (min-width:1200px) and (max-width:1280px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-title strong:before {
    content: "Resize Image" !important;
  }
}

/* Resize Image to 1920x1080: final desktop polish pass */
@media (min-width:1200px) {
  main#main[data-tool="resize-image-to-1920x1080"] {
    --resize-polish-border:#d6e4f6;
    --resize-polish-border-strong:#a9ccff;
    --resize-polish-ink:#111827;
    --resize-polish-muted:#607086;
    --resize-polish-blue:#0b63f6;
    --resize-polish-cyan:#14b8d4;
    --resize-polish-green:#0f9f6e;
    --resize-polish-amber:#b7791f;
    --resize-polish-radius:18px;
    --resize-polish-shadow:0 16px 34px rgba(31,93,176,.075);
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-right {
    padding:24px 24px 128px !important;
    gap:16px !important;
    scroll-behavior:smooth;
    overscroll-behavior:contain;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-right::-webkit-scrollbar { width:10px; }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-right::-webkit-scrollbar-track { background:transparent; }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-right::-webkit-scrollbar-thumb {
    background:linear-gradient(180deg,#c7ddfb,#8fc3ee);
    border:3px solid #f7fbff;
    border-radius:999px;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-panel-head {
    min-height:46px;
    padding-bottom:14px;
    border-bottom:1px solid #e2ebf6;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-panel-head h2 {
    margin:0;
    color:var(--resize-polish-ink);
    font-size:24px;
    line-height:1.14;
    font-weight:760;
    letter-spacing:0;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-pill,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-section-status,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-section-title > span {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:0 12px;
    border-radius:999px;
    border:1px solid #cfe0f5;
    background:#f8fbff;
    color:#49617e;
    font-size:12px;
    line-height:1;
    font-weight:720;
    white-space:nowrap;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-status-live {
    min-height:38px;
    padding-inline:16px;
    background:linear-gradient(180deg,#ffffff,#f7fbff);
    color:#334155;
    border-color:#d4e4f7;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-status-ready,
  main#main[data-tool="resize-image-to-1920x1080"] [data-resize-validation] {
    background:#ecfdf5 !important;
    border-color:#a7f3d0 !important;
    color:#047857 !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-status-custom {
    background:#f6f3ff;
    border-color:#ddd6fe;
    color:#5b4aa4;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-control-section {
    border-color:var(--resize-polish-border) !important;
    border-radius:var(--resize-polish-radius) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.9)) !important;
    box-shadow:var(--resize-polish-shadow) !important;
    padding:17px !important;
    transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-control-section:hover {
    border-color:#bdd7fb !important;
    box-shadow:0 18px 38px rgba(31,93,176,.095) !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-section-title h3,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-control-section > h3 {
    font-size:19px !important;
    line-height:1.18 !important;
    font-weight:720 !important;
    letter-spacing:0 !important;
    color:var(--resize-polish-ink) !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-control-section small,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-inline-message,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-quality-scale {
    color:var(--resize-polish-muted) !important;
    font-size:12px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-preset-button,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-choice-card,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-bg-choice,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-output-format-grid button,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-secondary-action,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-tertiary-action {
    transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease;
  }

  main#main[data-tool="resize-image-to-1920x1080"] :is(button,input,select):focus-visible {
    outline:3px solid rgba(20,184,212,.26) !important;
    outline-offset:3px !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-preset-button:hover,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-choice-card:hover,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-bg-choice:hover,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-output-format-grid button:hover,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-secondary-action:hover,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-tertiary-action:hover {
    transform:translateY(-1px);
    border-color:var(--resize-polish-border-strong) !important;
    box-shadow:0 12px 24px rgba(31,93,176,.1) !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-dimension-grid label {
    position:relative;
    gap:9px !important;
    font-size:13px !important;
    font-weight:680 !important;
    color:#263852 !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-dimension-grid label::after {
    content:"px";
    position:absolute;
    right:13px;
    bottom:16px;
    color:#7b8da5;
    font-size:12px;
    font-weight:760;
    pointer-events:none;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-dimension-grid input {
    min-height:56px !important;
    padding:0 42px 0 15px !important;
    border-radius:17px !important;
    font-size:17px !important;
    font-weight:760 !important;
    background:linear-gradient(180deg,#ffffff,#f7fbff) !important;
    transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-dimension-grid input:focus {
    border-color:#78b7ff !important;
    background:#fff !important;
    box-shadow:0 0 0 4px rgba(20,184,212,.14), 0 10px 22px rgba(37,99,235,.08) !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-dimension-grid input:invalid {
    border-color:#f4b35f !important;
    background:#fffaf0 !important;
    box-shadow:0 0 0 4px rgba(245,158,11,.13) !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-lock {
    width:46px !important;
    height:46px !important;
    align-self:end;
    margin-bottom:5px !important;
    border-radius:15px !important;
    transition:transform .16s ease, color .16s ease, background .16s ease, border-color .16s ease;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-lock:hover { transform:translateY(-1px); }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-lock svg,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-lock i { transition:transform .18s ease; }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-lock.is-active svg,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-lock.is-active i { transform:scale(1.08); }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-line {
    align-items:center !important;
    padding:12px 14px;
    border:1px solid #dbe8f8;
    border-radius:16px;
    background:linear-gradient(180deg,#ffffff,#f7fbff);
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-line strong {
    color:#0f172a !important;
    font-size:22px !important;
    line-height:1 !important;
    font-weight:760 !important;
    letter-spacing:0 !important;
    text-align:right;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-line strong::after {
    content:"Output shape";
    display:block;
    margin-top:5px;
    color:#6b7d96;
    font-size:11px;
    line-height:1;
    font-weight:650;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-choice-card {
    min-height:112px !important;
    padding:14px 10px !important;
    gap:7px !important;
    color:#41536d !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-choice-card i,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-choice-card svg {
    width:25px !important;
    height:25px !important;
    color:#53677f;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-choice-card span {
    font-size:15px;
    line-height:1.1;
    font-weight:720;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-choice-card small {
    max-width:104px;
    font-size:11.5px !important;
    font-weight:580 !important;
    text-transform:none !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-choice-card.is-active {
    color:var(--resize-polish-blue) !important;
    border-color:#9bc9ff !important;
    background:linear-gradient(180deg,#ffffff,#eef8ff) !important;
    box-shadow:0 12px 28px rgba(14,165,233,.12) !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-position-grid button {
    width:46px !important;
    height:46px !important;
    border-radius:15px !important;
    transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-position-grid button:hover,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-position-grid button:focus-visible { transform:translateY(-1px); }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-position-grid button::before {
    content:attr(title);
    position:absolute;
    left:50%;
    bottom:calc(100% + 8px);
    transform:translateX(-50%) translateY(3px);
    opacity:0;
    visibility:hidden;
    min-width:max-content;
    padding:6px 8px;
    border-radius:9px;
    background:#0f172a;
    color:#fff;
    font-size:11px;
    line-height:1;
    font-weight:700;
    box-shadow:0 10px 20px rgba(15,23,42,.18);
    pointer-events:none;
    transition:opacity .14s ease, transform .14s ease, visibility .14s ease;
    z-index:5;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-position-grid button:hover::before,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-position-grid button:focus-visible::before {
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-position-grid button.is-active {
    animation:resizePositionPulse .22s ease-out;
    border-color:#7bbfff !important;
    background:#effaff !important;
  }

  @keyframes resizePositionPulse {
    from { transform:scale(.96); }
    to { transform:scale(1); }
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-bg-choice {
    min-height:84px !important;
    padding:10px 8px;
    gap:8px !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-bg-choice span {
    width:48px !important;
    height:30px !important;
    border-radius:10px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 6px 12px rgba(31,93,176,.08);
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-bg-choice strong {
    font-size:12.5px;
    line-height:1.1;
    font-weight:700;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .bg-soft {
    background:radial-gradient(circle at 34% 48%,rgba(255,255,255,.95) 0 16%,transparent 17%),linear-gradient(135deg,#c7f6ff,#dbeafe 52%,#eee7ff) !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .bg-white { background:linear-gradient(135deg,#ffffff,#f8fafc) !important; }
  main#main[data-tool="resize-image-to-1920x1080"] .bg-black { background:linear-gradient(135deg,#0f172a,#020617) !important; }
  main#main[data-tool="resize-image-to-1920x1080"] .bg-custom { background:linear-gradient(135deg,#fff,#e0f2fe) !important; }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-output-format-grid button {
    min-height:64px !important;
    display:grid !important;
    place-items:center !important;
    gap:4px !important;
    padding:8px 6px !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-output-format-grid button strong {
    display:block;
    color:inherit;
    font-size:14px;
    line-height:1;
    font-weight:780;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-output-format-grid button small {
    display:none;
    max-width:104px;
    color:#64748b !important;
    font-size:10.5px !important;
    line-height:1.15 !important;
    font-weight:620 !important;
    text-align:center;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-output-format-grid button.is-active small { display:block; }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-quality-row {
    align-items:center;
    margin-top:16px !important;
    font-size:13px;
    font-weight:700 !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .range-value-badge {
    min-width:54px;
    min-height:30px;
    padding-inline:10px;
    border-radius:999px;
    border:1px solid #b9ddff;
    background:#effaff;
    color:#075fb8;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:780;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-quality-row input[type="range"] {
    min-height:28px;
    accent-color:var(--resize-polish-cyan) !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-quality-scale span {
    position:relative;
    padding-top:9px;
    text-align:center;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-quality-scale span::before {
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:1px;
    height:6px;
    background:#b7c8dd;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card {
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card div {
    padding:14px !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card span {
    color:#6b7d96 !important;
    font-size:12px !important;
    text-transform:uppercase;
    letter-spacing:.04em;
    font-weight:720 !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card strong {
    margin:5px 0 4px !important;
    font-size:17px !important;
    font-weight:760 !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card small {
    color:#56677f !important;
    font-size:12px !important;
    font-weight:610 !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-warning-list p {
    position:relative;
    padding:12px 12px 12px 38px !important;
    border-color:#f2d6a8 !important;
    background:#fff8ec !important;
    color:#8a5a12 !important;
    font-size:12.5px !important;
    font-weight:650 !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-warning-list p::before {
    content:"!";
    position:absolute;
    left:12px;
    top:50%;
    transform:translateY(-50%);
    width:18px;
    height:18px;
    border-radius:999px;
    display:grid;
    place-items:center;
    background:#fef3c7;
    color:#b7791f;
    font-size:12px;
    font-weight:850;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-warning-list p.resize-muted-note {
    border-color:#bfebd5 !important;
    background:#f0fdf7 !important;
    color:#047857 !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-warning-list p.resize-muted-note::before {
    content:"✓";
    background:#dcfce7;
    color:#047857;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-warning-list p.is-blocking {
    border-color:#fecaca !important;
    background:#fff5f5 !important;
    color:#991b1b !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-bottom-actions {
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    padding-top:14px !important;
    border-top:1px solid #e2ebf6;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-secondary-action,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-tertiary-action {
    min-height:50px !important;
    margin-top:0 !important;
    font-size:14px !important;
    font-weight:720 !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-secondary-action svg,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-tertiary-action svg,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-secondary-action i,
  main#main[data-tool="resize-image-to-1920x1080"] .resize-tertiary-action i {
    width:19px;
    height:19px;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityOutput {
    background-color:#f8fbff !important;
    background-image:linear-gradient(45deg,rgba(203,213,225,.4) 25%,transparent 25%),linear-gradient(-45deg,rgba(203,213,225,.4) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(203,213,225,.4) 75%),linear-gradient(-45deg,transparent 75%,rgba(203,213,225,.4) 75%) !important;
    background-size:22px 22px !important;
    background-position:0 0,0 11px,11px -11px,-11px 0 !important;
  }
}

@media (min-width:1200px) {
  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-panel-head,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-panel-head { border-color:rgba(148,163,184,.25); }

  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-panel-head h2,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-panel-head h2 { color:#f8fafc; }

  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-control-section,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-control-section {
    background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(30,41,59,.9)) !important;
    border-color:rgba(148,163,184,.28) !important;
    box-shadow:none !important;
  }

  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-dimension-grid input,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-dimension-grid input,
  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-line,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-line,
  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card div,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card div {
    background:rgba(15,23,42,.82) !important;
    color:#e5eefb !important;
    border-color:rgba(148,163,184,.32) !important;
  }

  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-status-live,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-status-live {
    background:rgba(30,41,59,.85);
    color:#e5eefb;
    border-color:rgba(148,163,184,.32);
  }

  body.dark-mode main#main[data-tool="resize-image-to-1920x1080"] .resize-warning-list p.resize-muted-note,
  html.dark main#main[data-tool="resize-image-to-1920x1080"] .resize-warning-list p.resize-muted-note {
    background:rgba(6,78,59,.34) !important;
    border-color:rgba(52,211,153,.32) !important;
    color:#bbf7d0 !important;
  }
}

/* Resize Image to 1920x1080: desktop validation visual state */
@media (min-width:1200px) {
  main#main[data-tool="resize-image-to-1920x1080"] .resize-dimensions-section:has(input:invalid) [data-resize-validation] {
    background:#fff7ed !important;
    border-color:#fed7aa !important;
    color:#b45309 !important;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-dimensions-section:has(input:invalid) .resize-inline-message {
    color:#9a5b13 !important;
  }
}

/* Resize Image to 1920x1080: data-theme dark polish */
@media (min-width:1200px) {
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-panel-head { border-color:rgba(148,163,184,.25); }
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-panel-head h2,
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-section-title h3,
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-control-section > h3 { color:#f8fafc !important; }
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-control-section {
    background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(30,41,59,.9)) !important;
    border-color:rgba(148,163,184,.28) !important;
    box-shadow:none !important;
  }
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-dimension-grid input,
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-line,
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card div,
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-preset-button,
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-choice-card,
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-bg-choice,
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-output-format-grid button,
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-secondary-action,
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-tertiary-action {
    background:rgba(15,23,42,.82) !important;
    color:#e5eefb !important;
    border-color:rgba(148,163,184,.32) !important;
  }
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-status-live {
    background:rgba(30,41,59,.85);
    color:#e5eefb;
    border-color:rgba(148,163,184,.32);
  }
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-warning-list p.resize-muted-note {
    background:rgba(6,78,59,.34) !important;
    border-color:rgba(52,211,153,.32) !important;
    color:#bbf7d0 !important;
  }
}

/* Resize Image to 1920x1080: dark contrast finish */
@media (min-width:1200px) {
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-toolbar {
    background:#0f172a !important;
    border-color:rgba(148,163,184,.28) !important;
  }
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-title strong,
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-title strong::before,
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-title small,
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-section-title span,
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-line strong,
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card strong,
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card small,
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-quality-row,
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-quality-scale,
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-inline-message {
    color:#e5edf8 !important;
    -webkit-text-fill-color:#e5edf8 !important;
  }
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-summary-card span,
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-output-format-grid button small {
    color:#9fb1ca !important;
    -webkit-text-fill-color:#9fb1ca !important;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-output-format-grid button small {
    text-transform:none !important;
    letter-spacing:0 !important;
  }
}

/* Resize Image to 1920x1080: checkbox and label polish */
@media (min-width:1200px) {
  main#main[data-tool="resize-image-to-1920x1080"] .resize-check-row {
    min-height:42px;
    padding:0 12px;
    border:1px solid #dbe8f8;
    border-radius:14px;
    background:linear-gradient(180deg,#ffffff,#f8fbff);
    color:#263852 !important;
    font-size:13px;
    font-weight:680 !important;
    transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-check-row:focus-within {
    border-color:#8ec5ff;
    box-shadow:0 0 0 4px rgba(20,184,212,.12);
  }
  main#main[data-tool="resize-image-to-1920x1080"] .resize-check-row input {
    flex:0 0 18px;
    outline:none !important;
  }
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-dimension-grid label,
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-check-row,
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-control-section small,
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-ratio-line > span {
    color:#c9d7ea !important;
    -webkit-text-fill-color:#c9d7ea !important;
  }
  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-check-row {
    background:rgba(15,23,42,.82) !important;
    border-color:rgba(148,163,184,.32) !important;
  }
}
/* Resize Image to 1920x1080: premium empty preview state */
@media (min-width:1200px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityOutput:empty {
    align-content:center !important;
    justify-items:center !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityOutput:empty:after {
    content:"Preview Studio\A Preparing a clean image preview..." !important;
    display:grid !important;
    place-items:center !important;
    gap:6px !important;
    min-width:min(360px,72%) !important;
    max-width:420px !important;
    min-height:108px !important;
    padding:22px 28px !important;
    border:1px solid rgba(148,197,255,.86) !important;
    border-radius:22px !important;
    background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,249,255,.94) 55%,rgba(242,247,255,.94)) !important;
    color:#12324f !important;
    white-space:pre-line !important;
    text-align:center !important;
    font:760 17px/1.35 Inter,Arial,sans-serif !important;
    letter-spacing:0 !important;
    box-shadow:0 18px 46px rgba(37,99,235,.13), inset 0 1px 0 rgba(255,255,255,.9) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityOutput:empty:focus-within:after,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityOutput:empty:hover:after {
    border-color:rgba(20,184,212,.72) !important;
    box-shadow:0 20px 52px rgba(20,184,212,.16), inset 0 1px 0 rgba(255,255,255,.9) !important;
  }

  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityOutput:empty:after {
    border-color:rgba(125,211,252,.32) !important;
    background:linear-gradient(135deg,rgba(15,23,42,.94),rgba(30,41,59,.92)) !important;
    color:#e5edf8 !important;
    box-shadow:0 18px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06) !important;
  }
}
/* Resize Image to 1920x1080: hide transient empty preview text */
@media (min-width:1200px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityOutput:empty:after {
    content:"" !important;
    display:none !important;
  }
}
/* Resize Image to 1920x1080: position availability states */
@media (min-width:1200px) {
  main#main[data-tool="resize-image-to-1920x1080"] .resize-position-section.is-position-disabled .resize-position-grid {
    opacity:.58;
    filter:grayscale(.15);
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-position-section.is-position-disabled .resize-position-btn {
    cursor:not-allowed;
    box-shadow:none;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-position-section.is-position-disabled .resize-position-btn.is-active {
    background:rgba(15,23,42,.06) !important;
    border-color:rgba(148,163,184,.36) !important;
    color:#475569 !important;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-position-helper {
    margin:12px 0 0;
    padding:11px 12px;
    border:1px solid rgba(37,99,235,.14);
    border-radius:14px;
    background:rgba(248,250,252,.88);
    color:#52627a;
    font-size:13px;
    font-weight:700;
    line-height:1.35;
  }

  main#main[data-tool="resize-image-to-1920x1080"] .resize-position-helper[hidden] {
    display:none !important;
  }

  html[data-theme="dark"] main#main[data-tool="resize-image-to-1920x1080"] .resize-position-helper {
    background:rgba(15,23,42,.82);
    border-color:rgba(148,163,184,.28);
    color:#c9d7ea;
  }
}

/* Resize Image to 1920x1080: blue primary top Download state */
@media (min-width:1200px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityDownload {
    min-width:182px !important;
    gap:10px !important;
    border:1px solid #cfe0f5 !important;
    background:#f8fbff !important;
    color:#62708a !important;
    -webkit-text-fill-color:#62708a !important;
    opacity:1 !important;
    box-shadow:0 8px 18px rgba(15,23,42,.05) !important;
    cursor:not-allowed !important;
    pointer-events:auto !important;
    transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease,color .16s ease;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityDownload svg,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityDownload i {
    width:20px !important;
    height:20px !important;
    color:currentColor !important;
    stroke:currentColor !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityDownload:not(:disabled):not(.is-disabled):not(.is-user-modified),
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityDownload[aria-disabled="false"]:not(.is-user-modified) {
    border-color:#cfe0f5 !important;
    background:#fff !important;
    color:#344055 !important;
    -webkit-text-fill-color:#344055 !important;
    box-shadow:0 8px 18px rgba(15,23,42,.05) !important;
    cursor:pointer !important;
    pointer-events:auto !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityDownload.is-user-modified:not(:disabled):not(.is-disabled),
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityDownload.is-user-modified[aria-disabled="false"] {
    border-color:transparent !important;
    background:linear-gradient(135deg,#0ea5e9,#2563eb) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    box-shadow:0 16px 30px rgba(37,99,235,.24) !important;
    cursor:pointer !important;
    pointer-events:auto !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityDownload.is-user-modified:not(:disabled):not(.is-disabled):hover {
    background:linear-gradient(135deg,#0284c7,#1d4ed8) !important;
    box-shadow:0 18px 34px rgba(37,99,235,.28) !important;
    transform:translateY(-1px);
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityDownload.is-user-modified:not(:disabled):not(.is-disabled):active {
    transform:translateY(0);
    box-shadow:0 10px 22px rgba(37,99,235,.22) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityDownload:focus-visible {
    outline:3px solid rgba(37,99,235,.24) !important;
    outline-offset:3px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityDownload:is(:disabled,.is-disabled,[aria-disabled="true"]) {
    border-color:#dbe5f3 !important;
    background:#f8fbff !important;
    color:#7b879a !important;
    -webkit-text-fill-color:#7b879a !important;
    opacity:1 !important;
    box-shadow:0 8px 18px rgba(15,23,42,.05) !important;
    cursor:not-allowed !important;
  }

  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityDownload:is(:disabled,.is-disabled,[aria-disabled="true"]) {
    background:rgba(15,23,42,.82) !important;
    border-color:rgba(148,163,184,.32) !important;
    color:#9fb1ca !important;
    -webkit-text-fill-color:#9fb1ca !important;
    box-shadow:none !important;
  }
}

/* Resize Image to 1920x1080: retained preview loading overlay */
@media (min-width:1200px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityOutput {
    position:relative !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] #utilityOutput[data-preview-state="rendering"] {
    overflow:hidden !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-preview-overlay {
    position:absolute;
    inset:0;
    z-index:12;
    display:grid;
    place-items:center;
    padding:24px;
    background:rgba(241,247,255,.42);
    pointer-events:none;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-preview-overlay-card {
    display:grid;
    justify-items:center;
    gap:7px;
    min-width:min(320px,78%);
    max-width:380px;
    padding:18px 22px;
    border:1px solid rgba(147,197,253,.68);
    border-radius:20px;
    background:rgba(255,255,255,.94);
    color:#0f2542;
    box-shadow:0 18px 46px rgba(37,99,235,.14);
    text-align:center;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-preview-overlay-card strong {
    font:800 16px/1.25 Inter,Arial,sans-serif;
    color:#10233d;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-preview-overlay-card span:last-child {
    color:#5a6d88;
    font:700 13px/1.35 Inter,Arial,sans-serif;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-preview-spinner {
    width:28px;
    height:28px;
    border-radius:999px;
    border:3px solid rgba(37,99,235,.18);
    border-top-color:#2563eb;
    animation:resizePreviewSpin .8s linear infinite;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-preview-overlay.is-error {
    background:rgba(255,247,247,.34);
    pointer-events:auto;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-preview-overlay.is-error .resize-preview-spinner {
    border-color:rgba(239,68,68,.22);
    border-top-color:#ef4444;
    animation:none;
  }

  @keyframes resizePreviewSpin {
    to { transform:rotate(360deg); }
  }

  @media (prefers-reduced-motion:reduce) {
    html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-preview-spinner {
      animation:none;
    }
  }

  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-preview-overlay {
    background:rgba(15,23,42,.34);
  }

  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-preview-overlay-card {
    background:rgba(15,23,42,.94);
    border-color:rgba(125,211,252,.28);
    box-shadow:0 18px 44px rgba(0,0,0,.28);
  }

  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-preview-overlay-card strong {
    color:#e5edf8;
  }

  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-preview-overlay-card span:last-child {
    color:#aebed3;
  }
}

/* Resize Image to 1920x1080: toolbar back/history/fit polish */
@media (min-width:1200px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-back {
    flex:0 0 42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:42px !important;
    padding:0 !important;
    border:1px solid #dbe5f3 !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#0f172a !important;
    box-shadow:0 8px 18px rgba(15,23,42,.05) !important;
    cursor:pointer !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-back:is(:hover,:focus-visible) {
    border-color:#bfdbfe !important;
    color:#0b63f6 !important;
    box-shadow:0 10px 22px rgba(37,99,235,.12) !important;
    outline:0 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-back svg,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-back i {
    width:20px !important;
    height:20px !important;
    stroke-width:2.4 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-mark {
    display:none !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-history-btn:not(:disabled):not(.is-disabled) {
    background:#fff !important;
    border-color:#dbe5f3 !important;
    color:#52637a !important;
    cursor:pointer !important;
    box-shadow:0 8px 18px rgba(15,23,42,.06) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-history-btn:not(:disabled):not(.is-disabled):is(:hover,:focus-visible) {
    border-color:#bfdbfe !important;
    color:#0b63f6 !important;
    box-shadow:0 10px 22px rgba(37,99,235,.12) !important;
    outline:0 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-tools .resize-tool-button[data-resize-zoom="3"] {
    display:none !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-tools {
    width:270px !important;
    min-width:270px !important;
  }

  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-editor-back,
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-to-1920x1080"] .resize-history-btn:not(:disabled):not(.is-disabled) {
    background:rgba(15,23,42,.86) !important;
    border-color:rgba(148,163,184,.32) !important;
    color:#dce8f6 !important;
    box-shadow:none !important;
  }
}

/* Resize Image for Instagram: desktop-only premium right panel and preview polish */
@media (min-width:1200px) {
  main#main[data-tool="resize-image-for-instagram"] {
    --ig-blue:#2563eb;
    --ig-blue-strong:#1d4ed8;
    --ig-surface:#f8fbff;
    --ig-border:#d7e6ff;
    --ig-border-strong:#9bc7ff;
    --ig-ink:#111827;
    --ig-muted:#617089;
    --ig-success:#16a34a;
    --ig-shadow:0 16px 34px rgba(37,99,235,.08);
  }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-title strong:before { content:"ToolsLuv / Instagram Resize" !important; }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-back {
    flex:0 0 42px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:42px !important;height:42px !important;padding:0 !important;border:1px solid #dbe5f3 !important;border-radius:50% !important;background:#fff !important;color:#0f172a !important;box-shadow:0 8px 18px rgba(15,23,42,.05) !important;cursor:pointer !important;
  }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-back:is(:hover,:focus-visible) { border-color:#bfdbfe !important;color:var(--ig-blue) !important;box-shadow:0 10px 22px rgba(37,99,235,.12) !important;outline:0 !important; }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-back svg,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-back i { width:20px !important;height:20px !important;stroke-width:2.4 !important; }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-mark { display:none !important; }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-tools .resize-tool-button[data-resize-zoom="3"] { display:none !important; }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-tools { width:270px !important;min-width:270px !important; }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-history-btn:not(:disabled):not(.is-disabled) { background:#fff !important;border-color:#dbe5f3 !important;color:#52637a !important;cursor:pointer !important;box-shadow:0 8px 18px rgba(15,23,42,.06) !important; }

  main#main[data-tool="resize-image-for-instagram"] .resize-editor-right { width:clamp(360px,30vw,440px) !important;min-width:360px !important;padding:24px 24px 128px !important;gap:16px !important;overflow-y:auto !important;scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-gutter:stable; }
  main#main[data-tool="resize-image-for-instagram"] .resize-editor-right::-webkit-scrollbar { width:10px; }
  main#main[data-tool="resize-image-for-instagram"] .resize-editor-right::-webkit-scrollbar-track { background:transparent; }
  main#main[data-tool="resize-image-for-instagram"] .resize-editor-right::-webkit-scrollbar-thumb { background:linear-gradient(180deg,#c7ddfb,#8fc3ee);border:3px solid #f7fbff;border-radius:999px; }
  main#main[data-tool="resize-image-for-instagram"] .resize-panel-head { min-height:46px;padding-bottom:14px;border-bottom:1px solid #e2ebf6; }
  main#main[data-tool="resize-image-for-instagram"] .resize-panel-head h2 { margin:0;color:var(--ig-ink);font-size:24px;line-height:1.14;font-weight:760;letter-spacing:0; }
  main#main[data-tool="resize-image-for-instagram"] .resize-status-live { gap:8px;min-height:34px;padding-inline:14px;background:#f0fdf4 !important;border-color:#bbf7d0 !important;color:#047857 !important;font-size:12px;font-weight:760; }
  main#main[data-tool="resize-image-for-instagram"] .resize-status-live:before { content:"";width:8px;height:8px;border-radius:999px;background:var(--ig-success);box-shadow:0 0 0 4px rgba(22,163,74,.12); }
  main#main[data-tool="resize-image-for-instagram"] .resize-control-section { border:1px solid var(--ig-border) !important;border-radius:18px !important;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.92)) !important;box-shadow:var(--ig-shadow) !important;padding:20px !important;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease; }
  main#main[data-tool="resize-image-for-instagram"] .resize-control-section:hover { transform:translateY(-2px);border-color:#bdd7fb !important;box-shadow:0 18px 38px rgba(37,99,235,.10) !important; }
  main#main[data-tool="resize-image-for-instagram"] .resize-section-title,
  main#main[data-tool="resize-image-for-instagram"] .resize-panel-head { display:flex;align-items:center;justify-content:space-between;gap:12px; }
  main#main[data-tool="resize-image-for-instagram"] .resize-control-section > h3,
  main#main[data-tool="resize-image-for-instagram"] .resize-section-title h3 { margin:0;color:var(--ig-ink) !important;font-size:20px !important;line-height:1.18 !important;font-weight:760 !important;letter-spacing:0 !important; }
  main#main[data-tool="resize-image-for-instagram"] .resize-section-status,
  main#main[data-tool="resize-image-for-instagram"] .resize-pill { display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid #cfe0f5;background:#f8fbff;color:#49617e;font-size:12px;line-height:1;font-weight:720;white-space:nowrap; }
  main#main[data-tool="resize-image-for-instagram"] .resize-section-status svg,
  main#main[data-tool="resize-image-for-instagram"] .resize-section-status i { width:15px;height:15px; }
  main#main[data-tool="resize-image-for-instagram"] .resize-preset-row { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px; }
  main#main[data-tool="resize-image-for-instagram"] .resize-preset-button { position:relative;min-height:76px;padding:12px 12px 11px;border:1px solid var(--ig-border) !important;border-radius:16px;background:var(--ig-surface) !important;color:#31425c !important;display:grid;grid-template-columns:30px 1fr;grid-template-areas:"icon title" "icon meta";align-items:center;column-gap:10px;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.78);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease; }
  main#main[data-tool="resize-image-for-instagram"] .resize-preset-button:hover,
  main#main[data-tool="resize-image-for-instagram"] .resize-preset-button:focus-visible { transform:translateY(-2px);border-color:var(--ig-border-strong) !important;box-shadow:0 12px 24px rgba(37,99,235,.10) !important;outline:0; }
  main#main[data-tool="resize-image-for-instagram"] .resize-preset-button svg,
  main#main[data-tool="resize-image-for-instagram"] .resize-preset-button i { grid-area:icon;width:25px;height:25px;color:#64748b; }
  main#main[data-tool="resize-image-for-instagram"] .resize-preset-button span { grid-area:title;font-size:15px;line-height:1.1;font-weight:760; }
  main#main[data-tool="resize-image-for-instagram"] .resize-preset-button small { grid-area:meta;margin-top:4px;color:#718096;font-size:12px;line-height:1.2;font-weight:620; }
  main#main[data-tool="resize-image-for-instagram"] .resize-preset-button.is-active { background:linear-gradient(180deg,#ffffff,#eef6ff) !important;border-color:#8bbcff !important;color:var(--ig-blue-strong) !important;box-shadow:0 14px 30px rgba(37,99,235,.14), inset 0 0 0 1px rgba(255,255,255,.92) !important; }
  main#main[data-tool="resize-image-for-instagram"] .resize-preset-button.is-active:after { content:"";position:absolute;top:12px;right:12px;width:9px;height:9px;border-radius:999px;background:var(--ig-blue);box-shadow:0 0 0 4px rgba(37,99,235,.12); }
  main#main[data-tool="resize-image-for-instagram"] .resize-preset-button.is-active svg,
  main#main[data-tool="resize-image-for-instagram"] .resize-preset-button.is-active i { color:var(--ig-blue); }
  main#main[data-tool="resize-image-for-instagram"] .resize-instagram-selects { grid-template-columns:1fr !important;gap:14px !important;margin-top:16px; }
  main#main[data-tool="resize-image-for-instagram"] .utility-control-grid label,
  main#main[data-tool="resize-image-for-instagram"] .resize-quality-row { color:#263852 !important;font-size:14px !important;line-height:1.2 !important;font-weight:680 !important; }
  main#main[data-tool="resize-image-for-instagram"] .utility-control-grid select,
  main#main[data-tool="resize-image-for-instagram"] .utility-control-grid input { min-height:54px !important;border-radius:16px !important;border:1px solid #cfe0f5 !important;background:linear-gradient(180deg,#ffffff,#f7fbff) !important;color:#111827 !important;font-size:15px !important;font-weight:650 !important;padding-inline:15px !important;box-shadow:none !important; }
  main#main[data-tool="resize-image-for-instagram"] .resize-inline-message { margin:12px 0 0;color:var(--ig-muted) !important;font-size:13px !important;line-height:1.38 !important;font-weight:600 !important; }
  main#main[data-tool="resize-image-for-instagram"] .resize-safe-grid { display:grid;gap:12px;margin-top:16px; }
  main#main[data-tool="resize-image-for-instagram"] .resize-safe-grid article { display:grid;grid-template-columns:36px 1fr;grid-template-areas:"icon title" "icon copy";gap:4px 12px;align-items:center;min-height:76px;padding:14px;border:1px solid #dbe8f8;border-radius:16px;background:linear-gradient(180deg,#ffffff,#f8fbff); }
  main#main[data-tool="resize-image-for-instagram"] .resize-safe-grid i,
  main#main[data-tool="resize-image-for-instagram"] .resize-safe-grid svg { grid-area:icon;width:23px;height:23px;color:var(--ig-success); }
  main#main[data-tool="resize-image-for-instagram"] .resize-safe-grid strong { grid-area:title;color:var(--ig-ink);font-size:16px;line-height:1.15;font-weight:760; }
  main#main[data-tool="resize-image-for-instagram"] .resize-safe-grid span { grid-area:copy;color:#64748b;font-size:13px;line-height:1.35;font-weight:590; }
  main#main[data-tool="resize-image-for-instagram"] .resize-quality-row { display:grid !important;gap:13px !important;margin-top:16px !important; }
  main#main[data-tool="resize-image-for-instagram"] .range-value-badge { min-width:56px;min-height:32px;padding-inline:12px;border-radius:999px;border:1px solid #b9ddff;background:#effaff;color:#075fb8;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:780; }
  main#main[data-tool="resize-image-for-instagram"] input[type="range"] { accent-color:var(--ig-blue) !important; }
  main#main[data-tool="resize-image-for-instagram"] .resize-quality-scale { display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;color:#7a8aa2;font-size:12px;font-weight:650;line-height:1.2; }
  main#main[data-tool="resize-image-for-instagram"] .resize-quality-scale span { text-align:center; }
  main#main[data-tool="resize-image-for-instagram"] .resize-summary-card { display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px; }
  main#main[data-tool="resize-image-for-instagram"] .resize-summary-card div { padding:14px;border:1px solid #dce8f7;border-radius:16px;background:linear-gradient(180deg,#ffffff,#f8fbff); }
  main#main[data-tool="resize-image-for-instagram"] .resize-summary-card span { display:block;color:#6b7d96;font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.04em;font-weight:720; }
  main#main[data-tool="resize-image-for-instagram"] .resize-summary-card strong { display:block;margin:6px 0 4px;color:var(--ig-ink);font-size:17px;line-height:1.15;font-weight:780; }
  main#main[data-tool="resize-image-for-instagram"] .resize-summary-card small { display:block;color:#56677f;font-size:12px;line-height:1.3;font-weight:610; }
  main#main[data-tool="resize-image-for-instagram"] .resize-bottom-actions { position:sticky;bottom:0;z-index:4;padding-top:14px !important;border-top:1px solid #e2ebf6 !important;background:rgba(255,255,255,.96) !important;backdrop-filter:blur(16px); }
  main#main[data-tool="resize-image-for-instagram"] .resize-secondary-action,
  main#main[data-tool="resize-image-for-instagram"] .resize-tertiary-action { width:100%;min-height:50px;margin-top:0 !important;border:1px solid #cfe0f5;border-radius:16px;background:#f8fbff;color:#31425c;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;line-height:1;font-weight:760;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease; }
  main#main[data-tool="resize-image-for-instagram"] .resize-tertiary-action { margin-top:10px !important; }
  main#main[data-tool="resize-image-for-instagram"] .resize-secondary-action:hover,
  main#main[data-tool="resize-image-for-instagram"] .resize-tertiary-action:hover { transform:translateY(-1px);border-color:var(--ig-border-strong);box-shadow:0 12px 24px rgba(37,99,235,.10); }
  main#main[data-tool="resize-image-for-instagram"] .tool-actions.sticky-mobile-action { display:none !important; }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput { position:relative !important;background-color:#f8fbff !important;background-image:linear-gradient(45deg,rgba(203,213,225,.4) 25%,transparent 25%),linear-gradient(-45deg,rgba(203,213,225,.4) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(203,213,225,.4) 75%),linear-gradient(-45deg,transparent 75%,rgba(203,213,225,.4) 75%) !important;background-size:22px 22px !important;background-position:0 0,0 11px,11px -11px,-11px 0 !important; }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput:empty:before { content:"Preview Studio\A Preparing a clean Instagram canvas..." !important;white-space:pre;display:grid;place-items:center;min-height:180px;color:#50627b;font:760 15px/1.45 Inter,Arial,sans-serif;text-align:center; }
  main#main[data-tool="resize-image-for-instagram"] .instagram-preview-strip { position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:center;gap:18px;min-height:54px;margin:0 0 14px;padding:10px 16px;border:1px solid #d7e6ff;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 10px 24px rgba(37,99,235,.08); }
  main#main[data-tool="resize-image-for-instagram"] .instagram-preview-strip span { display:grid;gap:2px;color:#64748b;font-size:11px;line-height:1;font-weight:700;text-transform:uppercase;letter-spacing:.04em; }
  main#main[data-tool="resize-image-for-instagram"] .instagram-preview-strip strong { color:#111827;font-size:14px;line-height:1.1;font-weight:780;text-transform:none;letter-spacing:0; }
  main#main[data-tool="resize-image-for-instagram"] .instagram-preview-strip i { color:var(--ig-blue);font-style:normal;font-weight:850; }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput[data-preview-state="rendering"] { overflow:hidden !important; }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-preview-overlay { position:absolute;inset:0;z-index:12;display:grid;place-items:center;padding:24px;background:rgba(241,247,255,.42);pointer-events:none; }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-preview-overlay-card { display:grid;justify-items:center;gap:7px;min-width:min(320px,78%);max-width:380px;padding:18px 22px;border:1px solid rgba(147,197,253,.68);border-radius:20px;background:rgba(255,255,255,.94);color:#0f2542;box-shadow:0 18px 46px rgba(37,99,235,.14);text-align:center; }
  main#main[data-tool="resize-image-for-instagram"] .resize-preview-overlay-card strong { font:800 16px/1.25 Inter,Arial,sans-serif;color:#10233d; }
  main#main[data-tool="resize-image-for-instagram"] .resize-preview-overlay-card span:last-child { color:#5a6d88;font:700 13px/1.35 Inter,Arial,sans-serif; }
  main#main[data-tool="resize-image-for-instagram"] .resize-preview-spinner { width:28px;height:28px;border-radius:999px;border:3px solid rgba(37,99,235,.18);border-top-color:var(--ig-blue);animation:resizePreviewSpin .8s linear infinite; }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"] { background:#f8fafc !important;border-color:#d1d5db !important;color:#64748b !important;-webkit-text-fill-color:#64748b !important;box-shadow:0 1px 2px rgba(15,23,42,.06) !important;cursor:not-allowed !important; }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"]:not(:disabled):not(.is-disabled)[aria-disabled="false"] { background:linear-gradient(135deg,#0ea5e9,#2563eb) !important;border-color:transparent !important;color:#fff !important;-webkit-text-fill-color:#fff !important;box-shadow:0 16px 30px rgba(37,99,235,.22) !important;cursor:pointer !important; }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"][data-instagram-render-state="processing"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"] { background:#eef2f7 !important;color:#94a3b8 !important;-webkit-text-fill-color:#94a3b8 !important;box-shadow:none !important;cursor:wait !important; }
  main#main[data-tool="resize-image-for-instagram"] #utilityOutput .download-button { display:none !important; }
}

@media (min-width:1200px) {
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-toolbar,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-instagram"] .resize-bottom-actions { background:#0f172a !important;border-color:rgba(148,163,184,.28) !important; }
  html[data-theme="dark"] main#main[data-tool="resize-image-for-instagram"] .resize-panel-head { border-color:rgba(148,163,184,.25); }
  html[data-theme="dark"] main#main[data-tool="resize-image-for-instagram"] .resize-panel-head h2,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-instagram"] .resize-control-section > h3,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-instagram"] .resize-section-title h3,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-instagram"] .resize-summary-card strong,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-instagram"] .instagram-preview-strip strong { color:#e5edf8 !important;-webkit-text-fill-color:#e5edf8 !important; }
  html[data-theme="dark"] main#main[data-tool="resize-image-for-instagram"] .resize-control-section,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-instagram"] .resize-summary-card div,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-instagram"] .resize-safe-grid article,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-instagram"] .resize-preset-button,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-instagram"] .resize-secondary-action,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-instagram"] .resize-tertiary-action,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-instagram"] .instagram-preview-strip { background:rgba(15,23,42,.86) !important;border-color:rgba(148,163,184,.32) !important;color:#dbeafe !important;box-shadow:none !important; }
  html[data-theme="dark"] main#main[data-tool="resize-image-for-instagram"] .resize-preview-overlay { background:rgba(15,23,42,.34); }
  html[data-theme="dark"] main#main[data-tool="resize-image-for-instagram"] .resize-preview-overlay-card { background:rgba(15,23,42,.94);border-color:rgba(125,211,252,.28);box-shadow:0 18px 44px rgba(0,0,0,.28); }
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-back,
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-history-btn:not(:disabled):not(.is-disabled) { background:rgba(15,23,42,.86) !important;border-color:rgba(148,163,184,.32) !important;color:#dce8f6 !important;box-shadow:none !important; }
}

/* Resize Image for Instagram: typography specificity finish */
@media (min-width:1200px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-right .resize-panel-head h2 {
    font-size:24px !important;
    line-height:1.14 !important;
    font-weight:760 !important;
    color:#111827 !important;
    letter-spacing:0 !important;
  }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-right .resize-control-section > h3,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-right .resize-section-title h3 {
    font-size:20px !important;
    line-height:1.18 !important;
    font-weight:760 !important;
    color:#111827 !important;
    letter-spacing:0 !important;
  }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-right .resize-safe-grid strong,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-right .resize-summary-card strong {
    font-weight:780 !important;
  }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-right .resize-preset-button.is-active {
    background:linear-gradient(180deg,#ffffff,#eef6ff) !important;
    border-color:#8bbcff !important;
    color:#1d4ed8 !important;
    box-shadow:0 14px 30px rgba(37,99,235,.14), inset 0 0 0 1px rgba(255,255,255,.92) !important;
  }
html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-right .resize-panel-head h2,
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-right .resize-control-section > h3,
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-right .resize-section-title h3 {
    color:#e5edf8 !important;
    -webkit-text-fill-color:#e5edf8 !important;
  }
}

/* Resize Image for Instagram: keep desktop preview bounded beside the right panel */
@media (min-width:1200px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .utility-studio {
    grid-template-columns:minmax(260px,300px) minmax(0,1fr) clamp(360px,30vw,440px) !important;
    column-gap:16px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .docstream-image-utility-form,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-left,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-right,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput {
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-right {
    width:auto !important;
    inline-size:auto !important;
    justify-self:stretch !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput {
    justify-self:stretch !important;
    align-self:stretch !important;
    width:100% !important;
    inline-size:100% !important;
    contain:layout paint !important;
    overflow:auto !important;
    overscroll-behavior:contain !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput :is(.file-preview-card,.utility-result-card) {
    width:min(100%,760px) !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput img {
    max-width:100% !important;
    height:auto !important;
    box-sizing:border-box !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .instagram-preview-strip {
    max-width:min(100%,420px) !important;
    box-sizing:border-box !important;
  }
}

/* Resize Image for Instagram: final desktop layout restore after overlap fix */
@media (min-width:1200px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .utility-studio {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 384px !important;
    grid-template-rows:64px minmax(0,calc(100vh - 64px)) !important;
    grid-template-areas:"toolbar toolbar" "preview right" !important;
    gap:0 !important;
    width:100vw !important;
    max-width:100vw !important;
    min-width:0 !important;
    height:100vh !important;
    min-height:0 !important;
    overflow:hidden !important;
    background:#e7edf7 !important;
    box-sizing:border-box !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-left {
    display:none !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-toolbar {
    grid-area:toolbar !important;
    display:grid !important;
    grid-template-columns:minmax(260px,1fr) auto minmax(360px,1fr) !important;
    align-items:center !important;
    gap:14px !important;
    width:100% !important;
    height:64px !important;
    min-height:64px !important;
    padding:0 18px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-history-controls {
    justify-self:start !important;
    flex:0 0 auto !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-brand,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-tools,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-downloads {
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-title {
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-title strong:before {
    content:"ToolsLuv / Instagram Resize" !important;
    white-space:nowrap !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput {
    grid-area:preview !important;
    position:relative !important;
    z-index:1 !important;
    justify-self:stretch !important;
    align-self:stretch !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:calc(100vh - 64px) !important;
    min-height:0 !important;
    max-height:none !important;
    padding:18px !important;
    overflow:auto !important;
    contain:layout paint !important;
    box-sizing:border-box !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-right {
    grid-area:right !important;
    width:384px !important;
    min-width:0 !important;
    max-width:384px !important;
    height:calc(100vh - 64px) !important;
    min-height:0 !important;
    justify-self:stretch !important;
    align-self:stretch !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput :is(.file-preview-card,.utility-result-card) {
    max-width:min(100%,920px) !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput :is(.file-preview-thumb img,.utility-result-content img,#utilityOutput img) {
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    max-height:calc(100vh - 154px) !important;
    object-fit:contain !important;
    box-sizing:border-box !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput:empty:after {
    content:"Your Instagram preview will appear here." !important;
  }
}
/* Resize Image for Instagram: final preview scale and toolbar collision fix */
@media (min-width:1200px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-toolbar {
    grid-template-columns:minmax(260px,1fr) 132px 330px minmax(330px,1fr) !important;
    grid-template-areas:"brand history zoom downloads" !important;
    column-gap:18px !important;
    overflow:visible !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-brand {
    grid-area:brand !important;
    justify-self:start !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-history-controls {
    grid-area:history !important;
    justify-self:center !important;
    align-self:center !important;
    display:flex !important;
    width:auto !important;
    min-width:118px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-tools {
    grid-area:auto !important;
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    justify-self:center !important;
    align-self:center !important;
    width:330px !important;
    min-width:330px !important;
    max-width:330px !important;
    z-index:3 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-downloads {
    grid-area:downloads !important;
    justify-self:end !important;
    align-self:center !important;
    display:flex !important;
    justify-content:flex-end !important;
    min-width:330px !important;
    max-width:100% !important;
    margin-left:0 !important;
    z-index:2 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-download-format-pick {
    flex:0 0 auto !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"] {
    flex:0 0 180px !important;
    width:180px !important;
    min-width:180px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput {
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:1fr !important;
    grid-auto-flow:row !important;
    place-items:center !important;
    align-content:center !important;
    justify-content:center !important;
    padding:18px 24px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput :is(.file-preview-card,.utility-result-card) {
    display:grid !important;
    place-items:center !important;
    justify-self:center !important;
    align-self:center !important;
    width:fit-content !important;
    inline-size:fit-content !important;
    max-width:min(calc(100vw - 384px - 112px),920px) !important;
    max-inline-size:min(calc(100vw - 384px - 112px),920px) !important;
    min-width:0 !important;
    margin:auto !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput :is(.file-preview-main,.utility-result-content) {
    display:grid !important;
    place-items:center !important;
    justify-self:center !important;
    align-self:center !important;
    width:fit-content !important;
    inline-size:fit-content !important;
    max-width:100% !important;
    max-inline-size:100% !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
    grid-template-columns:1fr !important;
    grid-template-rows:1fr !important;
    grid-auto-flow:row !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput .utility-result-content .download-button,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput .utility-result-content > a.download-button,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput .utility-result-status {
    display:none !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput :is(.file-preview-thumb,.utility-result-content) > img,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput > img {
    display:block !important;
    justify-self:center !important;
    align-self:center !important;
    width:auto !important;
    height:auto !important;
    max-width:min(calc(100vw - 384px - 112px),920px) !important;
    max-height:calc(100vh - 154px) !important;
    object-fit:contain !important;
    margin:auto !important;
    box-sizing:border-box !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .instagram-preview-strip {
    position:absolute !important;
    left:28px !important;
    bottom:28px !important;
    top:auto !important;
    margin:0 !important;
    z-index:9 !important;
  }
}

@media (min-width:1200px) and (max-width:1450px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-toolbar {
    grid-template-columns:minmax(230px,1fr) 116px 300px minmax(300px,1fr) !important;
    column-gap:12px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-history-controls {
    min-width:108px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-tools {
    width:300px !important;
    min-width:300px !important;
    max-width:300px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-downloads {
    min-width:300px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"] {
    flex-basis:160px !important;
    width:160px !important;
    min-width:160px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput :is(.file-preview-card,.utility-result-card),
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput :is(.file-preview-thumb,.utility-result-content) > img,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] #utilityOutput > img {
    max-width:min(calc(100vw - 384px - 88px),860px) !important;
  }
}
/* Resize Image for Instagram: toolbar history placement and quality polish */
@media (min-width:1200px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-toolbar {
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) max-content !important;
    grid-template-areas:"brand downloads" !important;
    align-items:center !important;
    column-gap:24px !important;
    min-height:84px !important;
    padding:0 20px !important;
    overflow:hidden !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-brand {
    grid-area:brand !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    padding-right:158px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-title,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-title strong,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-title strong:before {
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-history-controls {
    position:absolute !important;
    left:max(372px,calc(50% - 488px)) !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    grid-area:auto !important;
    justify-self:auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    width:116px !important;
    min-width:116px !important;
    height:52px !important;
    z-index:5 !important;
    pointer-events:auto !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-history-btn {
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    border-radius:15px !important;
    border:1px solid #d7e2f1 !important;
    background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%) !important;
    color:#8b98aa !important;
    box-shadow:0 9px 20px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.94) !important;
    transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,background .15s ease !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-history-btn i,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-history-btn svg {
    width:25px !important;
    height:25px !important;
    stroke-width:2.35 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-history-btn:not(:disabled):not(.is-disabled) {
    color:#354b68 !important;
    cursor:pointer !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-history-btn:not(:disabled):not(.is-disabled):hover,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-history-btn:not(:disabled):not(.is-disabled):focus-visible {
    transform:translateY(-1px) !important;
    border-color:#abcaff !important;
    color:#2563eb !important;
    background:#ffffff !important;
    box-shadow:0 14px 26px rgba(37,99,235,.14), inset 0 1px 0 rgba(255,255,255,.96) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-tools {
    grid-area:auto !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    justify-self:center !important;
    width:414px !important;
    min-width:414px !important;
    max-width:414px !important;
    z-index:4 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-downloads {
    grid-area:downloads !important;
    justify-self:end !important;
    min-width:max-content !important;
    max-width:max-content !important;
    position:relative !important;
    z-index:6 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-output-section {
    padding:18px !important;
    border:1px solid #d7e6ff !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 62%,#f1f7ff 100%) !important;
    box-shadow:0 16px 34px rgba(37,99,235,.08), inset 0 1px 0 rgba(255,255,255,.92) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-output-section .resize-section-title {
    align-items:center !important;
    margin-bottom:16px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-output-section .resize-section-title h3 {
    font-size:20px !important;
    line-height:1.15 !important;
    font-weight:780 !important;
    color:#10233f !important;
    letter-spacing:0 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-output-section .range-value-badge {
    min-width:62px !important;
    min-height:36px !important;
    padding:0 14px !important;
    border-radius:999px !important;
    border:1px solid #b8d7ff !important;
    background:linear-gradient(135deg,#eaf5ff 0%,#ffffff 100%) !important;
    color:#075fb8 !important;
    box-shadow:0 10px 20px rgba(37,99,235,.12) !important;
    font-size:14px !important;
    font-weight:820 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-quality-row {
    position:relative !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    margin:0 !important;
    padding:18px 18px 20px !important;
    border:1px solid #d7e6ff !important;
    border-radius:18px !important;
    background:
      radial-gradient(circle at 12% 20%,rgba(37,99,235,.10),transparent 34%),
      linear-gradient(135deg,#f8fbff 0%,#ffffff 58%,#eef6ff 100%) !important;
    color:#1f3451 !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:760 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 10px 24px rgba(15,23,42,.04) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-quality-row span {
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    color:#173052 !important;
    font-size:14px !important;
    font-weight:760 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-quality-row span:before {
    content:"" !important;
    display:inline-block !important;
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
    background:#2563eb !important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21v-7'/%3E%3Cpath d='M4 10V3'/%3E%3Cpath d='M12 21v-9'/%3E%3Cpath d='M12 8V3'/%3E%3Cpath d='M20 21v-5'/%3E%3Cpath d='M20 12V3'/%3E%3Cpath d='M2 14h4'/%3E%3Cpath d='M10 8h4'/%3E%3Cpath d='M18 16h4'/%3E%3C/svg%3E") center/contain no-repeat !important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21v-7'/%3E%3Cpath d='M4 10V3'/%3E%3Cpath d='M12 21v-9'/%3E%3Cpath d='M12 8V3'/%3E%3Cpath d='M20 21v-5'/%3E%3Cpath d='M20 12V3'/%3E%3Cpath d='M2 14h4'/%3E%3Cpath d='M10 8h4'/%3E%3Cpath d='M18 16h4'/%3E%3C/svg%3E") center/contain no-repeat !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-quality-row input[type="range"] {
    -webkit-appearance:none !important;
    appearance:none !important;
    width:100% !important;
    height:28px !important;
    margin:0 !important;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    accent-color:#2563eb !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-quality-row input[type="range"]::-webkit-slider-runnable-track {
    height:10px !important;
    border:1px solid #cbd8e8 !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#2563eb 0%,#2563eb var(--range-progress,87%),#e4ebf5 var(--range-progress,87%),#e4ebf5 100%) !important;
    box-shadow:inset 0 1px 2px rgba(15,23,42,.08) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-quality-row input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance:none !important;
    appearance:none !important;
    width:24px !important;
    height:24px !important;
    margin-top:-8px !important;
    border:4px solid #ffffff !important;
    border-radius:999px !important;
    background:#2563eb !important;
    box-shadow:0 8px 18px rgba(37,99,235,.25) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-quality-row input[type="range"]::-moz-range-track {
    height:10px !important;
    border:1px solid #cbd8e8 !important;
    border-radius:999px !important;
    background:#e4ebf5 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-quality-row input[type="range"]::-moz-range-progress {
    height:10px !important;
    border-radius:999px !important;
    background:#2563eb !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-quality-row input[type="range"]::-moz-range-thumb {
    width:18px !important;
    height:18px !important;
    border:4px solid #ffffff !important;
    border-radius:999px !important;
    background:#2563eb !important;
    box-shadow:0 8px 18px rgba(37,99,235,.25) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-quality-scale {
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:8px !important;
    margin-top:12px !important;
    padding:0 4px !important;
    color:#7a8aa2 !important;
    font-size:12px !important;
    font-weight:720 !important;
    line-height:1.2 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-quality-scale span {
    text-align:center !important;
  }
}

@media (min-width:1200px) and (max-width:1450px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-toolbar {
    grid-template-columns:minmax(0,1fr) max-content !important;
    column-gap:18px !important;
    padding:0 16px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-brand {
    padding-right:132px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-history-controls {
    left:max(326px,calc(50% - 420px)) !important;
    width:108px !important;
    min-width:108px !important;
    gap:10px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-history-btn {
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-tools {
    width:390px !important;
    min-width:390px !important;
    max-width:390px !important;
  }
}

@media (min-width:1200px) and (max-width:1260px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-toolbar {
    grid-template-columns:minmax(0,1fr) max-content !important;
    column-gap:12px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-brand {
    padding-right:116px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-history-controls {
    left:302px !important;
    width:104px !important;
    min-width:104px !important;
    gap:8px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-history-btn {
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-editor-tools {
    width:344px !important;
    min-width:344px !important;
    max-width:344px !important;
  }
}

html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-output-section,
html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-quality-row {
  background:linear-gradient(180deg,#111827 0%,#0f172a 100%) !important;
  border-color:#28415f !important;
  color:#dbeafe !important;
  box-shadow:0 16px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-quality-row span,
html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-instagram"] .resize-output-section .resize-section-title h3 {
  color:#edf5ff !important;
}

/* Resize Image for YouTube Thumbnail: desktop-only premium editor */
@media (min-width:1200px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] {
    --yt-blue:#2563eb;
    --yt-blue-strong:#1d4ed8;
    --yt-sky:#1d8cff;
    --yt-ink:#0f172a;
    --yt-muted:#5b6d86;
    --yt-border:#d7e6ff;
    --yt-border-soft:#e6eef8;
    --yt-surface:#f8fbff;
    --yt-success:#16a34a;
    --yt-shadow:0 18px 42px rgba(37,99,235,.08);
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-right {
    width:clamp(380px,30vw,450px) !important;
    min-width:380px !important;
    padding:24px 24px 132px !important;
    gap:18px !important;
    overflow-y:auto !important;
    scroll-behavior:smooth !important;
    overscroll-behavior:contain !important;
    scrollbar-gutter:stable !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-right::-webkit-scrollbar { width:10px; }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-right::-webkit-scrollbar-track { background:transparent; }
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-right::-webkit-scrollbar-thumb {
    background:linear-gradient(180deg,#c7ddfb,#8fc3ee);
    border:3px solid #f8fbff;
    border-radius:999px;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-panel-head {
    min-height:56px !important;
    padding-bottom:16px !important;
    border-bottom:1px solid var(--yt-border-soft) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-panel-head h2 {
    margin:0 !important;
    color:var(--yt-ink) !important;
    font:780 24px/1.12 "Plus Jakarta Sans",Inter,Arial,sans-serif !important;
    letter-spacing:0 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-panel-head p {
    margin:5px 0 0 !important;
    color:var(--yt-muted) !important;
    font:650 13px/1.35 Inter,Arial,sans-serif !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-status-live {
    gap:8px !important;
    min-height:34px !important;
    padding:0 14px !important;
    background:#f0fdf4 !important;
    border-color:#bbf7d0 !important;
    color:#047857 !important;
    font:760 12px/1 Inter,Arial,sans-serif !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-status-live svg {
    width:8px !important;
    height:8px !important;
    fill:var(--yt-success) !important;
    color:var(--yt-success) !important;
    filter:drop-shadow(0 0 5px rgba(22,163,74,.28));
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-control-section {
    padding:24px !important;
    border:1px solid var(--yt-border-soft) !important;
    border-radius:20px !important;
    background:linear-gradient(180deg,#ffffff 0%,var(--yt-surface) 100%) !important;
    box-shadow:var(--yt-shadow) !important;
    transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-control-section:hover {
    transform:translateY(-2px);
    border-color:#bdd7fb !important;
    box-shadow:0 20px 44px rgba(37,99,235,.11) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-section-title,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-panel-head {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-section-title h3 {
    display:inline-flex !important;
    align-items:center !important;
    gap:9px !important;
    margin:0 !important;
    color:var(--yt-ink) !important;
    font:760 20px/1.16 "Plus Jakarta Sans",Inter,Arial,sans-serif !important;
    letter-spacing:0 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-section-title h3 svg {
    width:20px !important;
    height:20px !important;
    color:var(--yt-blue) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-section-status,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-pill {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:30px !important;
    padding:0 12px !important;
    border:1px solid #cfe0f5 !important;
    border-radius:999px !important;
    background:#f8fbff !important;
    color:#49617e !important;
    font:720 12px/1 Inter,Arial,sans-serif !important;
    white-space:nowrap !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preset-row {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin-top:18px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preset-row .resize-preset-button {
    position:relative !important;
    display:grid !important;
    grid-template-columns:38px 1fr !important;
    grid-template-areas:"icon title" "icon meta" !important;
    align-items:center !important;
    min-height:78px !important;
    padding:16px !important;
    border:1px solid #8bbcff !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,#ffffff,#eef6ff) !important;
    color:var(--yt-blue-strong) !important;
    text-align:left !important;
    box-shadow:0 14px 30px rgba(37,99,235,.14), inset 0 0 0 1px rgba(255,255,255,.9) !important;
    transition:transform .15s ease,box-shadow .15s ease !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preset-row .resize-preset-button:after {
    content:"";
    position:absolute;
    top:14px;
    right:14px;
    width:9px;
    height:9px;
    border-radius:999px;
    background:var(--yt-blue);
    box-shadow:0 0 0 4px rgba(37,99,235,.12);
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preset-row .resize-preset-button:hover {
    transform:translateY(-2px);
    box-shadow:0 18px 34px rgba(37,99,235,.16) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preset-row .resize-preset-button svg {
    grid-area:icon;
    width:27px !important;
    height:27px !important;
    color:var(--yt-blue) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preset-row .resize-preset-button span {
    grid-area:title;
    font:760 16px/1.1 Inter,Arial,sans-serif !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preset-row .resize-preset-button small {
    grid-area:meta;
    margin-top:5px;
    color:#60748d !important;
    font:650 13px/1.2 Inter,Arial,sans-serif !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-dimension-row {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr) !important;
    align-items:end !important;
    gap:12px !important;
    margin-top:18px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-dimension-row label {
    display:grid !important;
    gap:8px !important;
    color:#263852 !important;
    font:680 14px/1.2 Inter,Arial,sans-serif !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-dimension-row input {
    width:100% !important;
    min-height:52px !important;
    height:52px !important;
    padding:0 16px !important;
    border:1px solid #cfe0f5 !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,#ffffff,#f7fbff) !important;
    color:#111827 !important;
    font:780 17px/1 Inter,Arial,sans-serif !important;
    box-shadow:none !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-ratio-lock {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:46px !important;
    height:52px !important;
    border:1px solid #cfe0f5 !important;
    border-radius:14px !important;
    background:#ffffff !important;
    color:var(--yt-blue) !important;
    box-shadow:0 8px 18px rgba(37,99,235,.08) !important;
    cursor:pointer !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-ratio-lock:not(.is-locked) {
    color:#7a8aa0 !important;
    background:#f8fafc !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-crop-mode {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
    margin-top:18px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-crop-mode button,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-toggle-grid label {
    border:1px solid var(--yt-border-soft) !important;
    border-radius:14px !important;
    background:#ffffff !important;
    color:#25344b !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
    transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-crop-mode button {
    display:grid !important;
    gap:5px !important;
    min-height:74px !important;
    padding:13px 10px !important;
    text-align:left !important;
    cursor:pointer !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-crop-mode button:hover,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-toggle-grid label:hover {
    transform:translateY(-2px);
    border-color:#bdd7fb !important;
    box-shadow:0 12px 24px rgba(37,99,235,.10) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-crop-mode button.is-active {
    border-color:#8bbcff !important;
    background:linear-gradient(180deg,#ffffff,#eef6ff) !important;
    color:var(--yt-blue-strong) !important;
    box-shadow:0 12px 26px rgba(37,99,235,.12) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-crop-mode strong {
    font:760 14px/1.1 Inter,Arial,sans-serif !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-crop-mode span {
    color:#64748b !important;
    font:620 12px/1.25 Inter,Arial,sans-serif !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-inline-message {
    margin:13px 0 0 !important;
    color:var(--yt-muted) !important;
    font:620 13px/1.4 Inter,Arial,sans-serif !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-toggle-grid {
    display:grid !important;
    gap:12px !important;
    margin-top:18px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-toggle-grid label {
    display:grid !important;
    grid-template-columns:22px 1fr !important;
    gap:12px !important;
    align-items:center !important;
    min-height:66px !important;
    padding:14px !important;
    cursor:pointer !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-toggle-grid input {
    width:18px !important;
    height:18px !important;
    accent-color:var(--yt-blue) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-toggle-grid strong {
    display:block !important;
    color:var(--yt-ink) !important;
    font:760 15px/1.15 Inter,Arial,sans-serif !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-toggle-grid small {
    display:block !important;
    margin-top:4px !important;
    color:#64748b !important;
    font:600 12px/1.25 Inter,Arial,sans-serif !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-quality-row {
    display:grid !important;
    gap:13px !important;
    margin-top:18px !important;
    color:#263852 !important;
    font:680 14px/1.2 Inter,Arial,sans-serif !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] input[type="range"] {
    accent-color:var(--yt-blue) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .range-value-badge {
    min-width:58px !important;
    min-height:32px !important;
    padding:0 12px !important;
    border:1px solid #b9ddff !important;
    border-radius:999px !important;
    background:#effaff !important;
    color:#075fb8 !important;
    font:780 13px/1 Inter,Arial,sans-serif !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-quality-scale {
    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    align-items:center !important;
    gap:10px !important;
    margin-top:10px !important;
    color:#7a8aa2 !important;
    font:650 12px/1.2 Inter,Arial,sans-serif !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-quality-scale i {
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#cbd5e1,#2563eb);
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-summary-card {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    margin-top:18px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-summary-card div {
    padding:14px !important;
    border:1px solid #dce8f7 !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-summary-card span {
    display:block !important;
    color:#6b7d96 !important;
    font:720 11px/1 Inter,Arial,sans-serif !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-summary-card strong {
    display:block !important;
    margin:7px 0 4px !important;
    color:var(--yt-ink) !important;
    font:780 17px/1.14 Inter,Arial,sans-serif !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-summary-card small {
    display:block !important;
    color:#56677f !important;
    font:610 12px/1.3 Inter,Arial,sans-serif !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-bottom-actions {
    position:sticky !important;
    bottom:0 !important;
    z-index:4 !important;
    display:grid !important;
    gap:10px !important;
    padding-top:14px !important;
    border-top:1px solid #e2ebf6 !important;
    background:rgba(255,255,255,.96) !important;
    backdrop-filter:blur(16px) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-secondary-action,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-tertiary-action {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    width:100% !important;
    min-height:50px !important;
    border:1px solid #cfe0f5 !important;
    border-radius:14px !important;
    background:#f8fbff !important;
    color:#31425c !important;
    font:760 14px/1 Inter,Arial,sans-serif !important;
    transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-secondary-action:hover,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-tertiary-action:hover {
    transform:translateY(-1px) scale(1.01);
    border-color:#bdd7fb !important;
    box-shadow:0 12px 24px rgba(37,99,235,.10) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] #utilityOutput {
    position:relative !important;
    overflow:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:32px !important;
    background-color:#f8fbff !important;
    background-image:linear-gradient(45deg,rgba(203,213,225,.45) 25%,transparent 25%),linear-gradient(-45deg,rgba(203,213,225,.45) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(203,213,225,.45) 75%),linear-gradient(-45deg,transparent 75%,rgba(203,213,225,.45) 75%) !important;
    background-size:22px 22px !important;
    background-position:0 0,0 11px,11px -11px,-11px 0 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] #utilityOutput:empty:before {
    content:"Preparing thumbnail preview..." !important;
    display:grid !important;
    place-items:center !important;
    min-height:180px !important;
    color:#50627b !important;
    font:760 15px/1.45 Inter,Arial,sans-serif !important;
    text-align:center !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preview-shell {
    position:relative !important;
    display:grid !important;
    place-items:center !important;
    width:min(calc(100% - 48px),1060px) !important;
    max-width:calc(100% - 48px) !important;
    min-height:min(72vh,720px) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preview-frame {
    position:relative !important;
    display:block !important;
    width:min(100%,980px,calc(62vh * 16 / 9)) !important;
    max-width:100% !important;
    max-height:min(62vh,650px) !important;
    aspect-ratio:16 / 9 !important;
    background:#ffffff !important;
    box-shadow:0 24px 54px rgba(15,23,42,.18) !important;
    transition:transform 150ms ease !important;
    z-index:1 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preview-frame canvas {
    display:block !important;
    width:100% !important;
    height:100% !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-safe-layer {
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:2;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-back {
    flex:0 0 42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:42px !important;
    padding:0 !important;
    border:1px solid #dbe5f3 !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#0f172a !important;
    box-shadow:0 8px 18px rgba(15,23,42,.05) !important;
    cursor:pointer !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-mark {
    display:none !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-zoom-controls {
    width:310px !important;
    min-width:310px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-zoom-label {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:128px !important;
    height:42px !important;
    padding:0 18px !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#0b63f6 !important;
    font:800 16px/1 Inter,Arial,sans-serif !important;
    box-shadow:0 1px 3px rgba(15,23,42,.08) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-safe-layer:before,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-safe-layer:after {
    content:"";
    position:absolute;
    opacity:0;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] #utilityOutput.show-center-guide .youtube-safe-layer:before {
    inset:0;
    opacity:1;
    background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(37,99,235,.55) 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),rgba(37,99,235,.55) 50%,transparent calc(50% + .5px));
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] #utilityOutput.show-title-guide .youtube-title-safe {
    position:absolute;
    inset:12% 10%;
    border:2px dashed rgba(37,99,235,.64);
    border-radius:10px;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] #utilityOutput.show-edge-guide .youtube-edge-safe {
    position:absolute;
    inset:5%;
    border:2px solid rgba(22,163,74,.58);
    border-radius:12px;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preview-strip {
    position:absolute;
    left:24px;
    bottom:24px;
    z-index:5;
    display:flex;
    align-items:center;
    gap:16px;
    min-height:58px;
    padding:10px 16px;
    border:1px solid #d7e6ff;
    border-radius:16px;
    background:rgba(255,255,255,.94);
    box-shadow:0 12px 28px rgba(37,99,235,.10);
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preview-strip span {
    display:grid;
    gap:3px;
    color:#64748b;
    font:720 11px/1 Inter,Arial,sans-serif;
    text-transform:uppercase;
    letter-spacing:.04em;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preview-strip strong {
    color:#111827;
    font:780 15px/1.1 Inter,Arial,sans-serif;
    text-transform:none;
    letter-spacing:0;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preview-strip i {
    color:var(--yt-blue);
    font-style:normal;
    font-weight:850;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preview-overlay {
    position:absolute;
    inset:0;
    z-index:8;
    display:grid;
    place-items:center;
    padding:24px;
    background:rgba(241,247,255,.42);
    pointer-events:none;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preview-overlay-card {
    display:grid;
    justify-items:center;
    gap:8px;
    min-width:min(320px,78%);
    max-width:380px;
    padding:18px 22px;
    border:1px solid rgba(147,197,253,.68);
    border-radius:20px;
    background:rgba(255,255,255,.94);
    color:#0f2542;
    box-shadow:0 18px 46px rgba(37,99,235,.14);
    text-align:center;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preview-spinner {
    width:28px;
    height:28px;
    border-radius:999px;
    border:3px solid rgba(37,99,235,.18);
    border-top-color:var(--yt-blue);
    animation:resizePreviewSpin .8s linear infinite;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preview-overlay-card strong {
    color:#10233d;
    font:800 16px/1.25 Inter,Arial,sans-serif;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preview-overlay-card span:last-child {
    color:#5a6d88;
    font:700 13px/1.35 Inter,Arial,sans-serif;
  }

html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] #utilityOutput .download-button {
  display:block !important;
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
  border:0 !important;
  opacity:0 !important;
}

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .tool-actions.sticky-mobile-action {
    display:none !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"] {
    background:#f8fafc !important;
    border-color:#d1d5db !important;
    color:#64748b !important;
    -webkit-text-fill-color:#64748b !important;
    box-shadow:0 1px 2px rgba(15,23,42,.06) !important;
    cursor:not-allowed !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"]:not(:disabled):not(.is-disabled)[aria-disabled="false"] {
    background:linear-gradient(135deg,#1d8cff,#4f46e5) !important;
    border-color:transparent !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    box-shadow:0 16px 30px rgba(37,99,235,.24) !important;
    cursor:pointer !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-history-btn:not(:disabled):not(.is-disabled) {
    background:#fff !important;
    border-color:#dbe5f3 !important;
    color:#52637a !important;
    cursor:pointer !important;
    box-shadow:0 8px 18px rgba(15,23,42,.06) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-history-btn:not(:disabled):not(.is-disabled):hover,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"]:not(:disabled):hover {
    transform:translateY(-1px) scale(1.02) !important;
  }
}

@media (min-width:1200px) and (max-width:1450px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-right {
    width:390px !important;
    min-width:390px !important;
    padding-inline:20px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-history-controls {
    left:max(326px,calc(50% - 420px)) !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-tools {
    width:390px !important;
    min-width:390px !important;
    max-width:390px !important;
  }
}

@media (min-width:1200px) and (max-width:1260px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-right {
    width:370px !important;
    min-width:370px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-history-controls {
    left:302px !important;
    width:104px !important;
    min-width:104px !important;
    gap:8px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-tools {
    width:344px !important;
    min-width:344px !important;
    max-width:344px !important;
  }
}

@media (min-width:1200px) {
  html[data-theme="dark"] body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-toolbar,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-bottom-actions {
    background:#0f172a !important;
    border-color:rgba(148,163,184,.28) !important;
  }

  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-panel-head,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-bottom-actions {
    border-color:rgba(148,163,184,.25) !important;
  }

  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-panel-head h2,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-section-title h3,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-summary-card strong,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-toggle-grid strong,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preview-strip strong {
    color:#e5edf8 !important;
    -webkit-text-fill-color:#e5edf8 !important;
  }

  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-control-section,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-summary-card div,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-toggle-grid label,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-crop-mode button,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-secondary-action,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-tertiary-action,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preview-strip {
    background:rgba(15,23,42,.86) !important;
    border-color:rgba(148,163,184,.32) !important;
    color:#dbeafe !important;
    box-shadow:none !important;
  }

  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-dimension-row input,
  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-ratio-lock {
    background:#111827 !important;
    border-color:rgba(148,163,184,.32) !important;
    color:#dbeafe !important;
  }

  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preview-overlay {
    background:rgba(15,23,42,.34);
  }

  html[data-theme="dark"] main#main[data-tool="resize-image-for-youtube-thumbnail"] .youtube-preview-overlay-card {
    background:rgba(15,23,42,.94);
    border-color:rgba(125,211,252,.28);
    box-shadow:0 18px 44px rgba(0,0,0,.28);
  }
}

@media (min-width:1200px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-toolbar {
    display:grid !important;
    grid-template-columns:minmax(230px,300px) 110px 344px max-content !important;
    grid-template-areas:"brand history zoom downloads" !important;
    align-items:center !important;
    justify-content:space-between !important;
    column-gap:18px !important;
    overflow:hidden !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-brand {
    grid-area:brand !important;
    min-width:0 !important;
    max-width:300px !important;
    overflow:hidden !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-title {
    min-width:0 !important;
    overflow:hidden !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-title strong {
    display:block !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#142033 !important;
    -webkit-text-fill-color:#142033 !important;
    font:760 16px/17.92px "Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-title strong:before {
    content:none !important;
    display:none !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-history-controls {
    grid-area:history !important;
    position:static !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    transform:none !important;
    width:110px !important;
    min-width:110px !important;
    justify-self:center !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-tools.resize-zoom-controls {
    grid-area:zoom !important;
    position:static !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    transform:none !important;
    width:344px !important;
    min-width:344px !important;
    max-width:344px !important;
    justify-self:center !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-downloads {
    grid-area:downloads !important;
    justify-self:end !important;
    min-width:0 !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"][aria-disabled="true"] {
    background:#f8fafc !important;
    background-image:none !important;
    border-color:#dbe5f3 !important;
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    box-shadow:0 8px 18px rgba(15,23,42,.04) !important;
    cursor:not-allowed !important;
    pointer-events:none !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"][aria-disabled="false"] {
    background:linear-gradient(135deg,#1d8cff,#4f46e5) !important;
    border-color:transparent !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    box-shadow:0 16px 30px rgba(37,99,235,.24) !important;
    cursor:pointer !important;
    pointer-events:auto !important;
  }
}

@media (min-width:1451px) {
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-toolbar {
    grid-template-columns:minmax(260px,360px) 110px 390px max-content !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-brand {
    max-width:360px !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-tools.resize-zoom-controls {
    width:390px !important;
    min-width:390px !important;
    max-width:390px !important;
  }
}

@media (min-width:1200px) {
  main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"][aria-disabled="true"] {
    background:#f8fafc !important;
    background-image:none !important;
    border-color:#dbe5f3 !important;
    color:#94a3b8 !important;
    -webkit-text-fill-color:#94a3b8 !important;
    box-shadow:0 8px 18px rgba(15,23,42,.04) !important;
    cursor:not-allowed !important;
    pointer-events:none !important;
  }

  main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"][aria-disabled="false"] {
    background:linear-gradient(135deg,#1d8cff,#4f46e5) !important;
    border-color:transparent !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    box-shadow:0 16px 30px rgba(37,99,235,.24) !important;
    cursor:pointer !important;
    pointer-events:auto !important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-bottom-actions {
    position:static !important;
    inset:auto !important;
    transform:none !important;
    z-index:auto !important;
    margin-top:18px !important;
    margin-bottom:28px !important;
    padding:16px !important;
    border:1px solid #dbe8f8 !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 16px 34px rgba(15,23,42,.06) !important;
  }
}

/* Final WhatsApp DP desktop cascade guard. Keep this after generic resize editor rules. */
@media (min-width:1200px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-mark{
    background:linear-gradient(135deg,#1d8cff,#4f46e5)!important;
    box-shadow:0 14px 30px rgba(37,99,235,.22)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-toolbar{
    display:grid!important;
    grid-template-columns:minmax(220px,1fr) 110px 330px 180px!important;
    grid-template-areas:"brand history zoom downloads"!important;
    align-items:center!important;
    gap:12px!important;
    overflow:hidden!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-brand{
    grid-area:brand!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-history-controls{
    grid-area:history!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    justify-self:stretch!important;
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-tools{
    grid-area:zoom!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    justify-self:stretch!important;
    width:330px!important;
    min-width:330px!important;
    max-width:330px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-downloads{
    grid-area:downloads!important;
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    justify-content:flex-end!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-title strong:before{
    content:none!important;
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-download-format-pick,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-downloads:before,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-tool-button[data-resize-action="apply"]{
    display:none!important;
    content:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"][aria-disabled="false"]{
    min-width:176px!important;
    min-height:56px!important;
    border-color:transparent!important;
    background:linear-gradient(135deg,#1d8cff,#2563eb)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 16px 34px rgba(37,99,235,.24)!important;
    cursor:pointer!important;
    pointer-events:auto!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"][aria-disabled="true"]{
    min-width:176px!important;
    min-height:56px!important;
    background:#f1f5f9!important;
    border-color:#dbe4f0!important;
    color:#94a3b8!important;
    -webkit-text-fill-color:#94a3b8!important;
    box-shadow:none!important;
    cursor:not-allowed!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"]{
    grid-template-columns:auto 1fr!important;
    align-content:center!important;
    gap:4px 9px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-downloads .resize-tool-button[data-resize-action="download"] small{
    display:block!important;
    grid-column:2!important;
    font:700 11px/1 Inter,Arial,sans-serif!important;
    opacity:.86!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] #utilityOutput{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    min-height:calc(100vh - 126px)!important;
    max-height:calc(100vh - 126px)!important;
    overflow:auto!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] #utilityOutput:after,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] #utilityOutput .utility-result-card:after{
    display:none!important;
    content:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preview-shell{
    width:min(100%,720px)!important;
    display:grid!important;
    place-items:center!important;
    gap:16px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preview-stage{
    width:min(62vh,520px,100%)!important;
    max-width:520px!important;
    aspect-ratio:1/1!important;
    position:relative!important;
    overflow:hidden!important;
    border-radius:26px!important;
    background:#fff!important;
    box-shadow:0 22px 58px rgba(15,23,42,.18)!important;
    transform:scale(var(--resize-preview-scale,1))!important;
    transform-origin:center!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preview-stage canvas{
    width:100%!important;
    height:100%!important;
    display:block!important;
    max-width:none!important;
    max-height:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-circle-mask{position:absolute!important;inset:0!important;pointer-events:none!important;background:radial-gradient(circle at center,transparent 0 49%,rgba(15,23,42,.25) 50% 100%)!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-circle-guide{position:absolute!important;inset:7.5%!important;border:2px dashed rgba(255,255,255,.96)!important;border-radius:50%!important;box-shadow:0 0 0 1px rgba(15,23,42,.20)!important;pointer-events:none!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-center-cross{position:absolute!important;left:50%!important;top:50%!important;width:54px!important;height:54px!important;transform:translate(-50%,-50%)!important;opacity:.34!important;pointer-events:none!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-center-cross:before,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-center-cross:after{content:""!important;position:absolute!important;background:rgba(255,255,255,.96)!important;box-shadow:0 0 0 1px rgba(15,23,42,.18)!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-center-cross:before{left:50%!important;top:0!important;width:2px!important;height:100%!important;transform:translateX(-50%)!important;}
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-center-cross:after{left:0!important;top:50%!important;width:100%!important;height:2px!important;transform:translateY(-50%)!important;}

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] #utilityOutput .download-button{
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-control-card{
    padding:20px!important;
    border:1px solid #e7eef8!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 12px 34px rgba(15,23,42,.05)!important;
  }
}

/* Last desktop toolbar lock: measured from Compress Image to 20KB. */
@media (min-width:1200px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-toolbar{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    padding:0 18px!important;
    overflow:visible!important;
    border:0!important;
    border-bottom:1px solid rgba(15,23,42,.10)!important;
    border-radius:0!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 1px 0 rgba(15,23,42,.04)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-brand{
    position:static!important;
    display:flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:32px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    grid-area:auto!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-mark{
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-title,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-title strong{
    display:block!important;
    max-width:260px!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#142033!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    letter-spacing:0!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-title strong{
    font:760 16px/17.92px "Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-back{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 32px!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(15,23,42,.12)!important;
    border-radius:50%!important;
    background:#f8fafc!important;
    box-shadow:none!important;
    color:#1e293b!important;
    -webkit-text-fill-color:#1e293b!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-history-controls{
    position:absolute!important;
    left:calc(50% - 390px)!important;
    top:11.5px!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:auto!important;
    gap:18px!important;
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
    height:40px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    z-index:4!important;
    grid-area:auto!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-history-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 46px!important;
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:40px!important;
    min-height:40px!important;
    padding:1px 6px!important;
    margin:0!important;
    border:1px solid #e2e7ef!important;
    border-radius:12px!important;
    background:#f3f5f8!important;
    box-shadow:0 1px 2px rgba(15,23,42,.08)!important;
    color:#aeb6c2!important;
    -webkit-text-fill-color:#aeb6c2!important;
    opacity:1!important;
    transform:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-history-btn:not(:disabled):not(.is-disabled):not([aria-disabled="true"]){
    background:#fff!important;
    border-color:#d8e0ec!important;
    color:#334155!important;
    -webkit-text-fill-color:#334155!important;
    cursor:pointer!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools.resize-zoom-controls{
    position:absolute!important;
    left:50%!important;
    top:8.5px!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:auto!important;
    gap:10px!important;
    width:330px!important;
    min-width:330px!important;
    max-width:330px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    padding:0 12px!important;
    margin:0!important;
    border:1px solid #d8e0ec!important;
    border-radius:14px!important;
    background:#f8fafc!important;
    box-shadow:0 1px 2px rgba(15,23,42,.08)!important;
    grid-area:auto!important;
    z-index:5!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools .resize-tool-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:0 12px!important;
    margin:0!important;
    border:0!important;
    border-radius:11px!important;
    background:#eef2f7!important;
    box-shadow:none!important;
    color:#172033!important;
    -webkit-text-fill-color:#172033!important;
    font:800 14px/17.5px Poppins,Inter,ui-sans-serif,system-ui,sans-serif!important;
    opacity:1!important;
    transform:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools .resize-tool-button:before,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools .resize-tool-button:after{
    content:none!important;
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools .resize-zoom-label,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-tools .resize-zoom-label.is-active{
    flex:0 0 112px!important;
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    background:transparent!important;
    color:#0b66d8!important;
    -webkit-text-fill-color:#0b66d8!important;
    font:850 14px/17.5px Poppins,Inter,ui-sans-serif,system-ui,sans-serif!important;
    box-shadow:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-downloads{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:52px!important;
    padding:0!important;
    margin:0 0 0 auto!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    grid-area:auto!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-download-format-pick{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    width:155px!important;
    min-width:155px!important;
    max-width:155px!important;
    height:42px!important;
    min-height:42px!important;
    padding:4px!important;
    margin:0!important;
    border:1px solid rgba(15,23,42,.08)!important;
    border-radius:10px!important;
    background:#eef2f7!important;
    box-shadow:none!important;
    visibility:visible!important;
    opacity:1!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-download-format-pick button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:44px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 10px!important;
    margin:0!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#475569!important;
    -webkit-text-fill-color:#475569!important;
    font:600 11px/13.75px Poppins,Inter,ui-sans-serif,system-ui,sans-serif!important;
    opacity:1!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-download-format-pick button.is-active{
    background:#fff!important;
    color:#2563eb!important;
    -webkit-text-fill-color:#2563eb!important;
    box-shadow:0 1px 3px rgba(15,23,42,.12)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-downloads .resize-tool-button[data-resize-action="download"]{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    grid-template-columns:none!important;
    gap:10px!important;
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 18px!important;
    margin:0!important;
    border:1px solid #d1d5db!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    background-image:none!important;
    box-shadow:0 1px 2px rgba(15,23,42,.06)!important;
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    font:850 14px/14px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    opacity:1!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-downloads .resize-tool-button[data-resize-action="download"]:not(.is-disabled):not(:disabled):not([aria-disabled="true"]){
    border-color:transparent!important;
    background:linear-gradient(135deg,#1d8cff,#2563eb)!important;
    background-image:linear-gradient(135deg,#1d8cff,#2563eb)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 16px 34px rgba(37,99,235,.24)!important;
    cursor:pointer!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-downloads .resize-tool-button[data-resize-action="download"] span{
    font:850 14px/14px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-downloads .resize-tool-button[data-resize-action="download"] small{
    display:none!important;
  }
}

/* Absolute desktop toolbar state lock for WhatsApp DP and YouTube Thumbnail.
   Keep this at EOF so state-specific legacy rules cannot override the measured toolbar. */
@media (min-width:1200px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-toolbar .resize-history-controls{
    position:absolute!important;
    left:calc(50% - 390px)!important;
    top:11.5px!important;
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    gap:18px!important;
    grid-area:auto!important;
    justify-self:auto!important;
    transform:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-toolbar .resize-history-btn{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:1px 6px!important;
    border-radius:12px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-toolbar .resize-editor-tools.resize-zoom-controls{
    left:50%!important;
    top:8.5px!important;
    transform:translateX(-50%)!important;
    width:330px!important;
    min-width:330px!important;
    max-width:330px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    padding:0 12px!important;
    gap:10px!important;
    grid-area:auto!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-toolbar .resize-editor-tools.resize-zoom-controls .resize-tool-button[data-resize-zoom]{
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:0 12px!important;
    opacity:1!important;
    color:#172033!important;
    -webkit-text-fill-color:#172033!important;
    font:900 15px/17.5px Poppins,Inter,ui-sans-serif,system-ui,sans-serif!important;
    text-indent:0!important;
    letter-spacing:0!important;
    visibility:visible!important;
    overflow:visible!important;
    background:#eef4fb!important;
    box-shadow:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-toolbar .resize-editor-tools.resize-zoom-controls .resize-zoom-label[data-resize-zoom]{
    flex:0 0 112px!important;
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    color:#0b66d8!important;
    -webkit-text-fill-color:#0b66d8!important;
    font:850 14px/17.5px Poppins,Inter,ui-sans-serif,system-ui,sans-serif!important;
    background:transparent!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-toolbar .resize-download-format-pick{
    flex:0 0 155px!important;
    width:155px!important;
    min-width:155px!important;
    max-width:155px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-toolbar .resize-download-format-pick button{
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-toolbar .resize-editor-downloads .resize-tool-button[data-resize-action="download"],
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-toolbar .resize-editor-downloads .resize-tool-button[data-resize-action="download"][aria-disabled="false"],
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-toolbar .resize-editor-downloads .resize-tool-button[data-resize-action="download"][aria-disabled="true"],
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-toolbar .resize-editor-downloads .resize-tool-button[data-resize-action="download"],
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-toolbar .resize-editor-downloads .resize-tool-button[data-resize-action="download"][aria-disabled="false"],
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-youtube-thumbnail"] .resize-editor-toolbar .resize-editor-downloads .resize-tool-button[data-resize-action="download"][aria-disabled="true"]{
    flex:0 0 180px!important;
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    padding:0 18px!important;
    border-radius:12px!important;
  }
}

/* WhatsApp DP final desktop polish: centered preview, compact download, premium settings cards. */
@media (min-width:1200px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-toolbar .resize-editor-downloads .resize-tool-button[data-resize-action="download"],
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-toolbar .resize-editor-downloads .resize-tool-button[data-resize-action="download"][aria-disabled="false"],
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-toolbar .resize-editor-downloads .resize-tool-button[data-resize-action="download"][aria-disabled="true"]{
    flex:0 0 156px!important;
    width:156px!important;
    min-width:156px!important;
    max-width:156px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:0 18px!important;
    gap:10px!important;
    border-radius:12px!important;
    grid-template-columns:none!important;
    font:850 15px/1 "Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-toolbar .resize-editor-downloads .resize-tool-button[data-resize-action="download"] span{
    font:850 15px/1 "Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,sans-serif!important;
    white-space:nowrap!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-toolbar .resize-editor-downloads .resize-tool-button[data-resize-action="download"] small{
    display:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] #utilityOutput{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-items:center!important;
    text-align:center!important;
    padding:42px 48px!important;
    min-height:calc(100vh - 64px)!important;
    max-height:calc(100vh - 64px)!important;
    overflow:auto!important;
    scroll-padding:42px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preview-shell{
    width:min(100%,680px)!important;
    margin:auto!important;
    display:grid!important;
    place-items:center!important;
    justify-self:center!important;
    align-self:center!important;
    gap:18px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preview-stage{
    width:min(58vh,500px,100%)!important;
    max-width:500px!important;
    min-width:min(380px,100%)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preview-meta{
    max-width:100%!important;
    justify-content:center!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-editor-right.whatsapp-dp-settings{
    padding:24px 26px 46px!important;
    background:#f8fbff!important;
    border-left:1px solid #dbe7f5!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin!important;
    scrollbar-color:#9fc4ec transparent!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-panel-head{
    align-items:center!important;
    margin:0 0 20px!important;
    padding-bottom:18px!important;
    border-bottom:1px solid #e3edf8!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-panel-head h2{
    margin:0!important;
    max-width:230px!important;
    font:800 24px/1.08 "Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,sans-serif!important;
    letter-spacing:0!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-panel-head p{
    max-width:250px!important;
    margin:7px 0 0!important;
    font:600 13px/1.45 Inter,ui-sans-serif,system-ui,sans-serif!important;
    color:#5f738d!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-control-card{
    padding:22px!important;
    margin:0 0 18px!important;
    border:1px solid #e4edf8!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-section-title{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-bottom:18px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-section-title h3{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin:0!important;
    min-width:0!important;
    color:#111827!important;
    font:760 19px/1.15 "Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .resize-section-title .resize-pill,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-live-pill,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .range-value-badge{
    flex:0 0 auto!important;
    min-height:34px!important;
    padding:0 13px!important;
    border:1px solid #d7e6ff!important;
    border-radius:999px!important;
    background:#f8fbff!important;
    color:#314762!important;
    font:760 12px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preset-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preset-row .resize-preset-button{
    min-width:0!important;
    min-height:112px!important;
    padding:16px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:12px!important;
    border-radius:15px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preset-row .resize-preset-button i{
    width:26px!important;
    height:26px!important;
    stroke-width:2.1!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preset-row .resize-preset-button span{
    white-space:normal!important;
    overflow-wrap:normal!important;
    text-wrap:balance!important;
    font:760 15px/1.12 "Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preset-row .resize-preset-button small{
    gap:3px!important;
    margin-top:8px!important;
    font:600 12px/1.22 Inter,ui-sans-serif,system-ui,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-dimension-lock{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr)!important;
    align-items:end!important;
    gap:12px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-dimension-lock label,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-select-label{
    color:#18304d!important;
    font:720 13px/1.2 Inter,ui-sans-serif,system-ui,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-dimension-lock input,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-select-label select{
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    border:1px solid #d7e6ff!important;
    border-radius:14px!important;
    background:#f8fbff!important;
    color:#111827!important;
    font:760 16px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-lock{
    width:46px!important;
    height:52px!important;
    align-self:end!important;
    margin:0!important;
    border-radius:14px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-guide-list span{
    grid-template-columns:22px minmax(0,1fr) 64px!important;
    min-height:54px!important;
    padding:0 14px!important;
    gap:10px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-guide-list b{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font:720 14px/1.1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-guide-list em{
    min-width:0!important;
    width:64px!important;
    padding:5px 8px!important;
    font:760 11px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-output-grid,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-summary-card{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-output-grid span,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-summary-card span{
    min-width:0!important;
    min-height:72px!important;
    padding:14px!important;
    border:1px solid #e6eef8!important;
    background:#f8fbff!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-output-grid b,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-summary-card b{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font:780 17px/1.1 "Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-output-grid small,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-summary-card small,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-helper{
    color:#60748d!important;
    font:650 13px/1.42 Inter,ui-sans-serif,system-ui,sans-serif!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-panel-head{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px 12px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-panel-head h2{
    grid-column:1 / -1!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font:800 23px/1.05 "Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-panel-head > div{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-panel-head p{
    grid-column:1!important;
    margin:0!important;
    max-width:190px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-panel-head .whatsapp-live-pill{
    grid-column:1 / -1!important;
    align-self:center!important;
    justify-self:end!important;
    min-height:36px!important;
    padding:0 12px!important;
    font:760 12px/1 Inter,ui-sans-serif,system-ui,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preset-row .resize-preset-button{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-content:start!important;
    justify-items:start!important;
    gap:9px!important;
    min-height:120px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preset-row .resize-preset-button span{
    width:100%!important;
    white-space:nowrap!important;
    font:760 14px/1.08 "Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-preset-row .resize-preset-button small{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-control-card .whatsapp-preset-row button.resize-preset-button{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    min-height:126px!important;
    gap:8px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-control-card .whatsapp-preset-row button.resize-preset-button > svg,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-control-card .whatsapp-preset-row button.resize-preset-button > i{
    flex:0 0 auto!important;
    margin:0 0 2px!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-control-card .whatsapp-preset-row button.resize-preset-button > span{
    flex:0 0 auto!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font:760 14px/1.06 "Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,sans-serif!important;
  }

  html body.generic-tool-studio-active.flux-tool-image-tools main#main[data-tool="resize-image-for-whatsapp-dp"] .whatsapp-control-card .whatsapp-preset-row button.resize-preset-button > small{
    flex:0 0 auto!important;
    display:grid!important;
    gap:4px!important;
    width:100%!important;
  }
}

@media (min-width:1200px) and (max-width:1280px){
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-title,
  html body.generic-tool-studio-active.flux-tool-image-tools main#main:is([data-tool="resize-image-for-whatsapp-dp"],[data-tool="resize-image-for-youtube-thumbnail"]) .resize-editor-title strong{
    max-width:138px!important;
  }
}