/* =============================================================================
   Kompresja PDF - sizes before and after on the stage, a progress hairline,
   the level hint and one hairline row per level already computed.
   ============================================================================= */

/* ---- sizes on the stage ---- */
.kpdf-sum{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  min-height:clamp(260px,34vw,420px);padding:28px 0;text-align:center;
}
.kpdf-sum__name{max-width:100%;font-size:clamp(15px,1.4vw,17px);font-weight:500;font-style:italic;letter-spacing:-.01em;color:var(--fg-2);overflow-wrap:anywhere}
.kpdf-sum__sizes{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 16px;
  font-size:clamp(30px,4.4vw,56px);line-height:1;letter-spacing:-.04em;font-weight:300;font-style:italic;color:var(--fg-2);
}
.kpdf-sum__sizes b{font-weight:900;color:var(--fg);word-spacing:.14em}
.kpdf-sum__to{display:inline-flex;align-items:baseline;gap:16px}
.kpdf-sum__arrow{font-style:normal;font-weight:300;color:var(--olive)}
.kpdf-sum__line{min-height:1.4em;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--olive)}
.kpdf-sum.is-busy .kpdf-sum__line{color:var(--fg-2)}

.kpdf-bar{
  -webkit-appearance:none;appearance:none;display:block;width:min(320px,80%);height:2px;border:0;border-radius:2px;
  background:rgba(250,250,247,.14);color:var(--olive);overflow:hidden;
}
.kpdf-bar::-webkit-progress-bar{background:rgba(250,250,247,.14);border-radius:2px}
.kpdf-bar::-webkit-progress-value{background:var(--olive);border-radius:2px;transition:width .3s var(--ease-out)}
.kpdf-bar::-moz-progress-bar{background:var(--olive);border-radius:2px}

/* ---- settings ---- */
.kpdf-hint{margin-top:-8px;font-size:13px;line-height:1.55;color:var(--fg-2)}
#kpdfRoot .pill:has(input:disabled){cursor:progress}
#kpdfRoot .pill input:disabled + span{opacity:.55}
#kpdfRoot .tool__note a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--olive);text-underline-offset:3px}
#kpdfRoot .tool__note a:hover{color:var(--olive)}

/* ---- one row per level ---- */
.kpdf-list{list-style:none;border-top:1px solid var(--rule-d)}
.kpdf-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto 5ch auto;align-items:center;gap:8px 18px;
  min-height:60px;padding:10px 0;border-bottom:1px solid var(--rule-d);
}
.kpdf-row__name{font-size:17px;font-weight:500;font-style:italic;letter-spacing:-.01em}
.kpdf-row.is-current .kpdf-row__name{color:var(--olive)}
.kpdf-row__sizes{font-size:12px;letter-spacing:.04em;color:var(--fg-2);white-space:nowrap}
.kpdf-row__pct{font-size:12px;letter-spacing:.04em;color:var(--olive);text-align:right}
.kpdf-row .gen__action{min-height:40px;grid-column:4}

@media (max-width:560px){
  .kpdf-sum{min-height:0;padding:24px 0 8px}
  .kpdf-sum__sizes{font-size:28px;gap:4px 12px}
  .kpdf-sum__to{gap:12px}
  .kpdf-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
  .kpdf-row__sizes{grid-column:1;grid-row:2}
  .kpdf-row__pct{grid-column:2;grid-row:1;text-align:right}
  .kpdf-row .gen__action{grid-column:2;grid-row:2}
}
@media (prefers-reduced-motion:reduce){.kpdf-bar::-webkit-progress-value{transition:none}}