/* Local module UI and guide; no other module styles. */
.button:hover {
  opacity: .85;
}

.faq-answer p:last-child,
.article-section>p:last-child,
.article-section>ol:last-child,
.article-section>ul:last-child {
  margin-bottom: 0;
}



.centered-heading .category-badge {
  margin-bottom: 16px;
}

.workspace {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 28px;
  margin: 0 auto 40px;
  background: var(--bg);
  max-width: 1000px;
  @media (max-width:640px) {
    padding: 18px;
    margin-bottom: 28px;
  }
}

.workspace label {
  display: block;
  font-weight: bold;
  margin-bottom: 7px;
}

.workspace input:not([type=checkbox]),
.workspace select {
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 11px 12px;
  background: var(--bg);
  width: 100%;
  min-height: 46px;
  min-width: 0;
}

.workspace textarea {
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 11px 12px;
  background: var(--bg);
  width: 100%;
  min-width: 0;
  resize: vertical;
  min-height: 230px;
  line-height: 1.6;
}

.workspace input::placeholder,
.workspace textarea::placeholder {
  color: var(--muted);
  opacity: 1;
}

.actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 16px;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ink);
  background: var(--ink);
  color: var(--bg);
  border-radius: 5px;
  padding: 10px 20px;
  min-height: 44px;
  font-weight: bold;
  line-height: 1.3;
}

.button.secondary {
  background: transparent;
  color: var(--ink);
  border-color: var(--line);
}

.status {
  min-height: 1.6em;
  margin: 12px 0 0;
  font-size: 15px;
  color: var(--muted);
}

.metrics {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
  margin-bottom: 22px;
  @media (max-width:640px) {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
  }
}

.metric {
  background: var(--soft);
  border: 1px solid var(--line);
  padding: 16px;
  border-radius: 6px;
  @media (max-width:640px) {
    padding: 12px;
  }
}

.metric strong {
  display: block;
  font-size: 28px;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  overflow-wrap: anywhere;
  @media (max-width:640px) {
    font-size: 27px;
  }
}

.metric span,
.fine-print,
.legal-date {
  font-size: 14px;
  color: var(--muted);
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  @media (max-width:640px) {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.article {
  max-width: 780px;
  margin: 36px auto 0;
  font-size: 18px;
  line-height: 1.75;
  @media (max-width:640px) {
    font-size: 17px;
  }
}

.article h2 {
  margin-top: 34px;
  border-left: 2px solid var(--ink);
  padding-left: 16px;
  font-size: clamp(1.4rem,3vw,1.8rem);
  @media (max-width:640px) {
    font-size: 26px;
  }
}

.article h3 {
  margin-top: 26px;
}

.article a,
.text-link {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.article ul,
.article ol {
  padding-left: 24px;
}

.category-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--ink);
  border-radius: 99px;
  padding: 5px 12px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ink);
  background: var(--bg);
}

.editorial-heading {
  max-width: 680px;
  margin: 0 auto;
  text-align: center;
  padding: 14px 0 0;
  @media (max-width:768px) {
    padding-top: 8px;
  }
}

.editorial-heading h1 {
  font-size: clamp(1.75rem,3.5vw,2.6rem);
  line-height: 1.25;
  margin: 0 0 12px;
  letter-spacing: -.025em;
}

.editorial-heading>p {
  max-width: 680px;
  margin: 0 auto 16px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.5;
}









.byline {
  font-size: 12px;
  color: var(--muted);
  margin: 0;
  line-height: 1.6;
}

.article .steps {
  list-style: none;
  counter-reset: steps;
  padding: 0;
  display: grid;
  gap: 12px;
  margin: 24px 0;
}

.steps>li {
  counter-increment: steps;
  position: relative;
  min-height: 70px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px 18px 18px 64px;
  background: var(--bg);
  font-size: 17px;
  line-height: 1.6;
  transition: border-color .15s;
  @media (prefers-reduced-motion:reduce) {
    transition: none;
  }
}

.steps>li::before {
  content: counter(steps,decimal-leading-zero);
  position: absolute;
  top: 18px;
  left: 16px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid var(--ink);
  border-radius: 50%;
  font-weight: bold;
  font-size: 13px;
  line-height: 1;
}

.steps>li:hover {
  border-color: var(--ink);
}

.article .faq-item {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid var(--line);
  overflow: hidden;
  scroll-margin-top: 72px;
}

.faq-item:first-of-type {
  border-top: 1px solid var(--line);
}

.article .faq-item summary {
  display: flex;
  align-items: center;
  gap: 18px;
  list-style: none;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.45;
  padding: 20px 2px;
  @media (max-width:768px) {
    font-size: 17px;
    gap: 12px;
  }
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

.faq-item summary::marker {
  content: "";
}

.faq-item summary>span:first-child {
  flex: 1;
  min-width: 0;
}

.faq-chevron {
  margin-left: auto;
  flex: none;
  transition: transform .2s;
  width: 18px;
  height: 18px;
  @media (prefers-reduced-motion:reduce) {
    transition: none;
  }
}

.faq-item[open]:not([data-closing]) .faq-chevron {
  transform: rotate(180deg);
}

.faq-answer {
  padding: 0 32px 20px 2px;
  color: var(--muted);
}

.faq-answer p {
  margin: 0 0 12px;
}

.faq-item summary:focus-visible {
  outline-offset: -2px;
}

.article-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  margin: 32px 0;
  padding: 20px;
  @media (max-width:768px) {
    align-items: start;
    flex-direction: column;
  }
}

.article-cta p {
  margin: 0;
  flex: 1;
  min-width: 180px;
}

.article-cta .button {
  text-decoration: none;
}

.formula {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 6px;
  text-align: center;
  font-size: 20px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}











.article .steps>li {
  @media (max-width:768px) {
    padding-right: 14px;
    font-size: 16px;
  }
}

.faq-chevron:empty::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: rotate(45deg);
  margin: 2px 4px;
}

.editorial-heading>.category-badge {
  margin-bottom: 8px;
}



























































.article-launch {
  max-width: 680px;
  text-align: center;
  margin: 0 auto 12px;
}

.article-launch .button {
  min-height: 0;
  padding: 8px 18px;
  line-height: 1.25;
  font-size: 14px;
}











































@media (max-width: 768px) {.feature-breakdown { grid-template-columns: minmax(0, 1fr); gap: 16px; }.feature-heading { margin-top: 24px; }.feature-section { padding: 20px; }}























/* Govt Job Photo Resizer — mobile-first, reference-matched responsive UI */
.gpr-heading{width:min(1120px,calc(100% - 24px));margin:18px auto 10px!important;padding:0!important;text-align:center}
.gpr-heading h1{margin:0 0 7px!important;font-size:clamp(2rem,3.5vw,2.85rem)!important;line-height:1.06!important;letter-spacing:-.025em}
.gpr-heading .instruction{display:block!important;width:min(820px,100%)!important;margin:0 auto!important;padding:0 10px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:clamp(.95rem,1.5vw,1.08rem)!important;line-height:1.34!important;color:var(--muted,#5f6368)!important}
.gpr-heading-divider{height:3px;width:100%;margin:3px auto 0;border-radius:999px;background:var(--ink,#17191d);opacity:.95}

.gpr-workspace{box-sizing:border-box;--gpr-ink:var(--ink,#17191d);--gpr-muted:var(--muted,#68707b);--gpr-line:var(--line,#dfe2e7);--gpr-soft:var(--soft,#f7f8fa);--gpr-shadow:0 8px 26px rgba(18,22,30,.08);width:min(1028px,calc(100% - 28px));max-width:1028px!important;margin:16px auto 24px!important;padding:17px!important;border:1px solid var(--gpr-line);border-radius:14px;background:#fff;box-shadow:var(--gpr-shadow);overflow:hidden}
.gpr-workspace:not(.has-image){margin-bottom:470px!important}
.gpr-workspace *{box-sizing:border-box;min-width:0}
.gpr-workspace button,.gpr-workspace input,.gpr-workspace select{font:inherit}
.gpr-workspace button,.gpr-workspace label[role="button"],.gpr-workspace summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.gpr-workspace button,.gpr-upload-button,.gpr-small-btn,.gpr-preset-trigger{transition:transform .12s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,filter .16s ease}
.gpr-workspace button:active:not(:disabled),.gpr-upload-button:active,.gpr-small-btn:active,.gpr-preset-trigger:active{transform:scale(.982)}
.gpr-workspace button:focus-visible,.gpr-workspace input:focus-visible,.gpr-workspace select:focus-visible,.gpr-upload-button:focus-visible,.gpr-advanced summary:focus-visible,.gpr-preset-trigger:focus-visible{outline:3px solid rgba(24,27,32,.16);outline-offset:2px}

.gpr-section-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 1px 10px}
.gpr-section-title{display:flex;align-items:center;gap:9px;font-weight:850;font-size:1.12rem;color:var(--gpr-ink)}
.gpr-icon{display:inline-grid;place-items:center;width:25px;height:25px;flex:0 0 auto}.gpr-icon svg,.gpr-upload-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gpr-helper{font-size:.82rem;color:var(--gpr-muted);text-align:right}

/* Quick presets: no horizontal overflow, even on narrow phones. */
.gpr-kb-buttons{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;width:100%}
.gpr-kb-btn{min-height:46px;padding:6px 5px;border:1px solid var(--gpr-line);border-radius:11px;background:#fff;color:var(--gpr-ink);font-weight:800;cursor:pointer;box-shadow:0 2px 7px rgba(20,25,35,.04);overflow:hidden}
.gpr-kb-btn span,.gpr-kb-btn small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gpr-kb-btn span{font-size:.86rem;font-weight:800!important;line-height:1.08}.gpr-kb-btn small{margin-top:3px;font-size:.62rem;font-weight:700!important;line-height:1.08;color:var(--gpr-muted)}
.gpr-kb-btn:hover{border-color:#b4bac3;box-shadow:0 5px 12px rgba(20,25,35,.065);transform:translateY(-1px)}
.gpr-kb-btn.is-active{background:linear-gradient(180deg,#292c31,#191b1f);color:#fff;border-color:#1b1d21;box-shadow:0 5px 13px rgba(20,23,28,.18)}
.gpr-kb-btn.is-active small{color:rgba(255,255,255,.76)}

.gpr-preset-notice{display:flex;align-items:flex-start;gap:8px;margin-top:9px;padding:8px 10px;border:1px solid #e3e5e9;border-radius:9px;background:#fafbfc;color:#5d6570;font-size:.72rem;line-height:1.35}
.gpr-notice-dot{display:grid;place-items:center;width:17px;height:17px;flex:0 0 auto;border-radius:50%;background:#202329;color:#fff;font-size:.65rem;font-weight:900;margin-top:1px}

.gpr-custom-target[hidden]{display:none!important}
.gpr-custom-target{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:8px;padding:10px 11px;border:1px solid var(--gpr-line);border-radius:10px;background:var(--gpr-soft)}
.gpr-custom-target label{display:block;font-weight:800;font-size:.8rem}.gpr-custom-target small{display:block;margin-top:2px;color:var(--gpr-muted);font-size:.66rem;line-height:1.2}
.gpr-custom-kb-field,.gpr-number-shell{position:relative}.gpr-custom-kb-field{width:118px}.gpr-custom-kb-field input,.gpr-number-shell input{padding-right:36px!important}.gpr-custom-kb-field span,.gpr-number-shell span{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:.68rem;font-weight:800;color:#7a818b;pointer-events:none}

/* Slim select button from the supplied mobile reference: text first, image icon after it. */
.gpr-upload-button{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:16px;width:100%!important;height:54px!important;min-height:54px!important;margin:10px 0 0!important;padding:0 18px!important;border:1px solid #17191d!important;border-radius:11px!important;background:linear-gradient(180deg,#272a30,#181a1e)!important;color:#fff!important;cursor:pointer;box-shadow:0 6px 15px rgba(20,23,28,.16);overflow:hidden!important;line-height:1!important;text-align:left!important;-webkit-appearance:none!important;appearance:none!important}
.gpr-upload-button:hover{box-shadow:0 8px 19px rgba(20,23,28,.22);filter:brightness(1.025);transform:translateY(-1px)}
.gpr-upload-button.is-drag{box-shadow:0 0 0 4px rgba(20,23,28,.11),0 8px 19px rgba(20,23,28,.22)}
.gpr-upload-button strong{position:static!important;display:block!important;align-self:center!important;margin:0!important;padding:0!important;transform:none!important;color:inherit!important;font-size:1.34rem!important;font-weight:800!important;line-height:1!important;letter-spacing:-.01em}
.gpr-upload-icon{position:static!important;display:grid!important;place-items:center!important;align-self:center!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;flex:0 0 32px!important;margin:0!important;padding:0!important;transform:none!important;overflow:visible!important;color:#fff!important;line-height:0!important}
.gpr-upload-icon svg{display:block!important;width:32px!important;height:32px!important;max-width:none!important;max-height:none!important;overflow:visible!important;transform:none!important;stroke:currentColor!important;stroke-width:1.8!important;fill:none!important}
.gpr-upload-note{text-align:center;margin:6px 0 0;color:var(--gpr-muted);font-size:.78rem}

.gpr-editor-panel{margin-top:11px;animation:gpr-reveal .22s ease both}
@keyframes gpr-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.gpr-type-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--gpr-line);border-radius:10px;overflow:hidden;background:#fff}
.gpr-type-btn{height:42px;border:0;background:#fff;color:var(--gpr-ink);font-weight:800;cursor:pointer}.gpr-type-btn+.gpr-type-btn{border-left:1px solid var(--gpr-line)}
.gpr-type-btn.is-active{background:linear-gradient(180deg,#292c31,#1b1d21);color:#fff}.gpr-type-btn span{margin-right:7px}

.gpr-control-grid{display:grid;grid-template-columns:1.35fr .75fr 1.15fr;gap:16px;margin-top:12px;align-items:end}.gpr-preset-block,.gpr-setting-card{min-width:0;margin:0}
.gpr-label{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-weight:800;color:var(--gpr-ink);font-size:.9rem;white-space:nowrap}.gpr-mini-icon{font-size:1em}
.gpr-workspace select,.gpr-workspace input[type="number"]{width:100%;height:42px;border:1px solid var(--gpr-line);border-radius:9px;background:#fff;color:var(--gpr-ink);padding:8px 11px}.gpr-workspace select{appearance:auto;overflow:hidden;text-overflow:ellipsis}
.gpr-setting-card small{display:none}.gpr-quality-head{display:flex;justify-content:space-between;gap:9px;align-items:center}.gpr-quality-head strong{white-space:nowrap;font-size:.9rem}
.gpr-workspace input[type="range"]{width:100%;height:26px;margin:1px 0 0;accent-color:#1b1e23;cursor:pointer}.gpr-range-labels{display:flex;justify-content:space-between;gap:8px;margin-top:-1px;color:var(--gpr-muted);font-size:.72rem}

/* Branded preset trigger replaces the operating-system/native select UI. */
.gpr-preset-trigger{width:100%;min-height:51px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid #d9dde3;border-radius:10px;background:linear-gradient(180deg,#fff,#fafbfc);color:var(--gpr-ink);text-align:left;cursor:pointer;box-shadow:0 2px 7px rgba(20,25,35,.035)}
.gpr-preset-trigger:hover{border-color:#b7bdc6;box-shadow:0 5px 12px rgba(20,25,35,.06)}.gpr-preset-trigger-copy{display:block;overflow:hidden}.gpr-preset-trigger-copy strong,.gpr-preset-trigger-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gpr-preset-trigger-copy strong{font-size:.86rem}.gpr-preset-trigger-copy small{margin-top:2px;color:var(--gpr-muted);font-size:.67rem;font-weight:600}.gpr-preset-chevron{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:8px;background:#f0f2f5;font-size:1.2rem;font-weight:900;line-height:1}

.gpr-advanced{display:none;margin-top:10px;border:1px solid var(--gpr-line);border-radius:10px;background:var(--gpr-soft);overflow:hidden}.gpr-advanced.is-visible{display:block}.gpr-advanced summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:40px;padding:9px 12px;font-weight:800;cursor:pointer;list-style-position:inside}.gpr-advanced summary span{font-weight:500;color:var(--gpr-muted);font-size:.78rem}.gpr-advanced[open] summary{border-bottom:1px solid var(--gpr-line);background:#fff}
.gpr-advanced-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px}.gpr-advanced-grid .gpr-label{font-size:.8rem}.gpr-rotate-row{display:flex;align-items:center;gap:8px;padding:0 12px 12px;flex-wrap:wrap}.gpr-rotate-row>span{margin-left:auto;color:var(--gpr-muted);font-size:.8rem}.gpr-small-btn{height:36px;padding:7px 11px;border:1px solid var(--gpr-line);border-radius:8px;background:#fff;color:var(--gpr-ink);font-weight:700;cursor:pointer}

.gpr-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:9px;align-items:center;margin-top:13px}.gpr-preview-card{margin:0;min-width:0;border:1px solid var(--gpr-line);border-radius:10px;padding:9px;background:#fff}.gpr-preview-card figcaption{display:flex;align-items:center;gap:6px;margin-bottom:7px;font-weight:800;color:var(--gpr-ink);font-size:.92rem;min-width:0}.gpr-original-caption{justify-content:space-between}.gpr-original-caption>span:first-child{display:flex;align-items:center;gap:6px;min-width:0}.gpr-original-chip{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#22252a;color:#fff;font-size:.68rem;font-weight:800;white-space:nowrap}.gpr-result-caption{justify-content:space-between}.gpr-result-caption>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gpr-ready-chip{padding:5px 8px;border-radius:999px;background:#22252a;color:#fff;font-size:.68rem;font-weight:800;white-space:nowrap}.gpr-preview-box{height:175px;display:grid;place-items:center;border:1px dashed #d7dbe1;border-radius:8px;background:#fbfbfc;overflow:hidden;position:relative}.gpr-preview-box img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .2s ease}.gpr-result-placeholder{max-width:190px;padding:12px;text-align:center;color:var(--gpr-muted);font-size:.82rem;line-height:1.35}.gpr-meta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px}.gpr-meta-row span{min-width:0;padding:6px 7px;border:1px solid var(--gpr-line);border-radius:7px;background:#fff;text-align:center;color:#5e6570;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gpr-preview-arrow{width:34px;height:34px;display:grid;place-items:center;margin:auto;border:1px solid var(--gpr-line);border-radius:50%;background:#fff;font-size:1.2rem;font-weight:700;box-shadow:0 3px 9px rgba(20,25,35,.045)}

.gpr-trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;border:1px solid var(--gpr-line);border-radius:9px;background:#fff;overflow:hidden}.gpr-trust-strip>div{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 10px;min-width:0}.gpr-trust-strip>div+div{border-left:1px solid var(--gpr-line)}.gpr-trust-icon{font-size:1.12rem;font-weight:900;flex:0 0 auto}.gpr-trust-strip strong,.gpr-trust-strip small{display:block}.gpr-trust-strip strong{font-size:.8rem;white-space:nowrap}.gpr-trust-strip small{margin-top:1px;color:var(--gpr-muted);font-size:.67rem;line-height:1.15}

.gpr-progress{height:6px;margin-top:9px;border:1px solid var(--gpr-line);border-radius:999px;background:#f2f3f5;overflow:hidden}.gpr-progress span{display:block;height:100%;width:28%;background:#1b1e23;border-radius:999px;animation:gpr-progress 1s ease-in-out infinite alternate}@keyframes gpr-progress{from{transform:translateX(-20%);width:25%}to{transform:translateX(270%);width:30%}}
.gpr-actions{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"primary primary" "download clear";gap:8px;margin-top:10px}.gpr-action{height:44px;border-radius:9px;border:1px solid var(--gpr-line);font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.gpr-action:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.gpr-primary{grid-area:primary;background:linear-gradient(180deg,#272a30,#1b1d21);color:#fff;border-color:#17191d;font-size:1rem}.gpr-download{grid-area:download;background:#4a505b;color:#fff;border-color:#4a505b}.gpr-download:not(:disabled){background:linear-gradient(180deg,#272a30,#1b1d21);color:#fff;border-color:#17191d;box-shadow:0 4px 10px rgba(20,23,28,.12)}.gpr-clear{grid-area:clear;background:#fff;color:var(--gpr-ink)}.gpr-primary:hover:not(:disabled),.gpr-download:hover:not(:disabled){box-shadow:0 6px 14px rgba(20,23,28,.17);transform:translateY(-1px)}.gpr-clear:hover:not(:disabled){background:var(--gpr-soft);border-color:#b7bdc5}.gpr-action.is-loading{pointer-events:none}.gpr-action.is-loading::before{content:"";width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:gpr-spin .65s linear infinite}@keyframes gpr-spin{to{transform:rotate(360deg)}}
.gpr-status{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}

/* Branded modal / bottom sheet */
.gpr-preset-modal[hidden]{display:none!important}.gpr-preset-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:22px}.gpr-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(6,9,14,.58);backdrop-filter:blur(5px);cursor:pointer}.gpr-preset-sheet{position:relative;z-index:1;width:min(620px,100%);max-height:min(760px,88vh);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:#fff;box-shadow:0 26px 80px rgba(0,0,0,.3);overflow:hidden;animation:gpr-sheet-in .2s ease both}.gpr-sheet-handle{display:none}.gpr-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 20px 14px;border-bottom:1px solid #e7e9ed;background:linear-gradient(180deg,#fff,#fafbfc)}.gpr-sheet-kicker{display:block;margin-bottom:2px;color:#606874;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.gpr-sheet-head h2{margin:0!important;font-size:1.28rem!important;line-height:1.15!important;color:#17191d}.gpr-sheet-head p{margin:5px 0 0!important;color:#6c737e;font-size:.76rem;line-height:1.35}.gpr-sheet-close{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:1px solid #dde1e6;border-radius:10px;background:#fff;color:#202329;font-size:1.4rem;line-height:1;cursor:pointer}.gpr-preset-options{padding:8px;overflow:auto;overscroll-behavior:contain}.gpr-preset-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 12px;border:1px solid transparent;border-radius:13px;background:#fff;color:#17191d;text-align:left;cursor:pointer}.gpr-preset-option+.gpr-preset-option{margin-top:3px}.gpr-preset-option:hover{background:#f7f8fa}.gpr-preset-option.is-selected{border-color:#cfd4db;background:#f6f7f9}.gpr-option-main{display:block;overflow:hidden}.gpr-option-main strong,.gpr-option-main small{display:block}.gpr-option-main strong{font-size:.93rem}.gpr-option-main small{margin-top:3px;color:#6b737e;font-size:.72rem;line-height:1.3}.gpr-radio{position:relative;width:22px;height:22px;flex:0 0 auto;border:2px solid #a9b0ba;border-radius:50%;background:#fff}.gpr-preset-option.is-selected .gpr-radio{border-color:#202329}.gpr-preset-option.is-selected .gpr-radio::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#202329}@keyframes gpr-sheet-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}html.gpr-modal-open,body.gpr-modal-open{overflow:hidden!important}

.gpr-article-divider{width:min(1080px,calc(100% - 24px));height:7px;margin:9px auto 28px;border-radius:999px;background:#17191d}.gpr-article{box-sizing:border-box!important;width:min(1040px,calc(100% - 28px))!important;max-width:1040px!important;margin-left:auto!important;margin-right:auto!important;padding-left:18px!important;padding-right:18px!important}.gpr-article>*:first-child{margin-top:0!important}

@media (max-width:900px){
  .gpr-kb-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.gpr-control-grid{grid-template-columns:1fr 1fr}.gpr-preset-block{grid-column:1/-1}.gpr-advanced-grid{grid-template-columns:1fr 1fr}.gpr-preview-box{height:165px}
}

@media (max-width:640px){
  .main-content{width:100%;padding-left:0!important;padding-right:0!important}
  .gpr-heading{width:calc(100% - 20px);margin:12px auto 8px!important}.gpr-heading h1{font-size:clamp(1.65rem,7.3vw,2rem)!important}.gpr-heading .instruction{font-size:.83rem!important;line-height:1.3!important;padding:0 4px 10px!important}.gpr-heading-divider{height:3px}
  .gpr-workspace{width:calc(100% - 18px);max-width:none!important;margin:10px auto 18px!important;padding:12px!important;border-radius:12px;box-shadow:0 5px 16px rgba(18,22,30,.06)}.gpr-workspace:not(.has-image){margin-bottom:540px!important}
  .gpr-section-title-row{align-items:center;gap:7px;margin-bottom:8px}.gpr-section-title{gap:7px;font-size:.98rem}.gpr-icon{width:22px;height:22px}.gpr-helper{font-size:.64rem;white-space:nowrap}
  .gpr-kb-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.gpr-kb-btn{min-height:45px;padding:6px 3px;border-radius:9px}.gpr-kb-btn span{font-size:.78rem;font-weight:800!important}.gpr-kb-btn small{font-size:.56rem;font-weight:700!important}
  .gpr-preset-notice{margin-top:7px;padding:7px 8px;font-size:.62rem;line-height:1.3}.gpr-notice-dot{width:16px;height:16px;font-size:.58rem}
  .gpr-custom-target{grid-template-columns:minmax(0,1fr) 98px;gap:8px;padding:8px}.gpr-custom-target label{font-size:.72rem}.gpr-custom-target small{font-size:.56rem}.gpr-custom-kb-field{width:98px}.gpr-custom-kb-field input{height:34px!important}
  .gpr-upload-button{height:48px!important;min-height:48px!important;margin-top:8px!important;padding:0 13px!important;gap:12px;border-radius:9px!important;justify-content:center!important}.gpr-upload-button strong{font-size:1.18rem!important}.gpr-upload-icon{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;flex-basis:28px!important}.gpr-upload-icon svg{width:28px!important;height:28px!important}.gpr-upload-note{margin-top:5px;font-size:.69rem}
  .gpr-editor-panel{margin-top:9px}.gpr-type-btn{height:34px;font-size:.81rem}.gpr-type-btn span{margin-right:5px}
  .gpr-control-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:10px 11px;margin-top:9px}.gpr-preset-block{grid-column:1/-1}.gpr-label{font-size:.76rem;margin-bottom:5px}.gpr-workspace select,.gpr-workspace input[type="number"]{height:35px;padding:5px 9px;border-radius:7px;font-size:.78rem}.gpr-preset-trigger{min-height:47px;padding:7px 9px;border-radius:8px}.gpr-preset-trigger-copy strong{font-size:.77rem}.gpr-preset-trigger-copy small{font-size:.59rem}.gpr-preset-chevron{width:26px;height:26px;border-radius:7px;font-size:1.05rem}.gpr-quality-head{gap:4px}.gpr-quality-head strong{font-size:.74rem}.gpr-workspace input[type="range"]{height:22px}.gpr-range-labels{font-size:.57rem;margin-top:-2px}
  .gpr-advanced{margin-top:8px}.gpr-advanced summary{min-height:34px;padding:7px 9px;font-size:.76rem}.gpr-advanced summary span{font-size:.6rem}.gpr-advanced-grid{grid-template-columns:1fr 1fr;gap:8px;padding:9px}.gpr-rotate-row{padding:0 9px 9px}.gpr-small-btn{height:32px;padding:5px 8px;font-size:.7rem}.gpr-rotate-row>span{font-size:.66rem}
  .gpr-preview-grid{grid-template-columns:minmax(0,1fr) 29px minmax(0,1fr);gap:4px;margin-top:10px}.gpr-preview-arrow{width:27px;height:27px;font-size:.95rem}.gpr-preview-card{padding:6px;border-radius:8px}.gpr-preview-card figcaption{gap:4px;margin-bottom:5px;font-size:.69rem}.gpr-original-caption{justify-content:space-between;min-height:22px;gap:4px}.gpr-original-caption>span:first-child{gap:3px}.gpr-original-chip{padding:3px 6px;font-size:.52rem}.gpr-result-caption{justify-content:space-between;min-height:22px;gap:4px}.gpr-result-caption>span:first-child{display:flex;align-items:center;gap:3px;min-width:0;overflow:hidden;white-space:nowrap;font-size:0}.gpr-result-caption>span:first-child>span{font-size:.69rem;flex:0 0 auto}.gpr-result-caption>span:first-child::after{content:"Resized";font-size:.69rem;font-weight:800;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gpr-ready-chip{flex:0 0 auto;max-width:100%;padding:3px 6px;font-size:0;overflow:hidden;text-overflow:ellipsis}.gpr-ready-chip::after{content:attr(data-mobile-label);font-size:.52rem;font-weight:800;white-space:nowrap}.gpr-preview-box{height:116px;border-radius:7px}.gpr-result-placeholder{padding:6px;font-size:.59rem;line-height:1.23}.gpr-meta-row{gap:3px;margin-top:5px}.gpr-meta-row span{padding:4px 2px;border-radius:6px;font-size:.51rem}
  .gpr-trust-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px;border-radius:8px}.gpr-trust-strip>div{justify-content:center;gap:5px;padding:7px 5px}.gpr-trust-strip>div+div{border-left:1px solid var(--gpr-line);border-top:0}.gpr-trust-icon{font-size:.86rem}.gpr-trust-strip strong{font-size:.59rem;white-space:normal;line-height:1.05}.gpr-trust-strip small{font-size:.48rem;line-height:1.08;margin-top:2px}
  .gpr-actions{grid-template-columns:1.08fr .92fr;grid-template-areas:"primary primary" "download clear";gap:7px;margin-top:8px}.gpr-action{height:38px;border-radius:8px;font-size:.78rem}.gpr-primary{font-size:.87rem}
  .gpr-preset-modal{place-items:end center;padding:0}.gpr-preset-sheet{width:100%;max-height:86vh;border:0;border-radius:22px 22px 0 0;box-shadow:0 -18px 60px rgba(0,0,0,.28);animation:gpr-sheet-mobile .23s ease both}.gpr-sheet-handle{display:block;width:44px;height:4px;margin:9px auto 0;border-radius:999px;background:#c8cdd4}.gpr-sheet-head{padding:11px 15px 10px}.gpr-sheet-head h2{font-size:1.04rem!important}.gpr-sheet-head p{font-size:.65rem}.gpr-sheet-close{width:31px;height:31px;border-radius:9px;font-size:1.25rem}.gpr-preset-options{padding:6px 8px 12px}.gpr-preset-option{padding:10px 10px;border-radius:11px}.gpr-option-main strong{font-size:.82rem}.gpr-option-main small{font-size:.63rem}.gpr-radio{width:20px;height:20px}@keyframes gpr-sheet-mobile{from{opacity:.3;transform:translateY(40px)}to{opacity:1;transform:none}}
  .gpr-article-divider{width:calc(100% - 18px);height:7px;margin:8px auto 24px}.gpr-article{width:calc(100% - 24px)!important;padding-left:8px!important;padding-right:8px!important}.gpr-article h2{line-height:1.12!important}.gpr-article p,.gpr-article li{line-height:1.55!important}
}

@media (max-width:390px){
  .gpr-workspace{width:calc(100% - 14px);padding:10px!important}.gpr-workspace:not(.has-image){margin-bottom:500px!important}.gpr-helper{font-size:.57rem}.gpr-kb-buttons{gap:5px}.gpr-kb-btn span{font-size:.75rem;font-weight:800!important}.gpr-kb-btn small{font-size:.54rem;font-weight:700!important}.gpr-preview-grid{grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr);gap:3px}.gpr-preview-arrow{width:24px;height:24px}.gpr-preview-box{height:106px}.gpr-preview-card figcaption{font-size:.63rem}.gpr-original-chip{padding:3px 5px;font-size:.48rem}.gpr-result-caption>span:first-child>span,.gpr-result-caption>span:first-child::after{font-size:.59rem}.gpr-ready-chip{padding:3px 5px}.gpr-ready-chip::after{font-size:.48rem}.gpr-meta-row span{font-size:.46rem}.gpr-trust-strip strong{font-size:.54rem}.gpr-trust-strip small{font-size:.44rem}.gpr-preset-trigger-copy small{font-size:.55rem}
}

@media (max-width:330px){
  .gpr-kb-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.gpr-helper{white-space:normal}.gpr-preview-grid{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}.gpr-preview-card{padding:5px}.gpr-preview-box{height:96px}.gpr-custom-target{grid-template-columns:1fr}.gpr-custom-kb-field{width:100%}
}

@media (prefers-reduced-motion:reduce){.gpr-workspace *{scroll-behavior:auto!important}.gpr-editor-panel,.gpr-progress span,.gpr-action.is-loading::before,.gpr-preset-sheet{animation:none!important}.gpr-workspace button,.gpr-upload-button,.gpr-preview-box img,.gpr-preset-trigger{transition:none!important}}