/* ===== /tools/image-compress/ 固有 ===== */
:root{--grad-stage:linear-gradient(158deg,#F5F8FE 0%,#E8EFFA 100%)}
.ic-stage{padding:18px 20px 0}
.ic-stage__hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:11.5px;color:#6b7886}
.ic-stage__name{font-family:var(--font-display);font-weight:700;color:var(--ink2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ic-stage__idx{color:var(--mute);font-variant-numeric:tabular-nums}
.ic-stage__nav{margin-left:auto;display:flex;gap:4px}
.ic-nav{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:var(--ink2);background:#fff;border:1px solid var(--line);border-radius:var(--r-6);cursor:pointer;font-family:var(--font-body);transition:border-color .15s,color .15s}
.ic-nav:hover{border-color:var(--blue);color:var(--blue)}
.ic-cmp{margin-top:12px;display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.ic-cmp__col{flex:1 1 200px;min-width:0}
.ic-cmp__arrow{align-self:center;color:var(--line-strong);font-size:16px}
.ic-frame{position:relative;width:100%;height:clamp(150px,16vw,196px);border-radius:var(--r-9);overflow:hidden;background:var(--grad-stage)}
.ic-frame--out{background:#F5F8FC;box-shadow:0 0 0 1.5px var(--line)}
.ic-frame--out[data-ring=blue]{box-shadow:0 0 0 1.5px var(--blue)}
.ic-frame--out[data-ring=caution]{box-shadow:0 0 0 1.5px #EADFC9}
.ic-frame__tag{position:absolute;top:9px;left:9px;display:inline-flex;align-items:center;padding:4px 9px;border-radius:var(--r-pill);background:rgba(29,38,50,.82);color:#fff;font-family:var(--font-display);font-size:10.5px;font-weight:700}
.ic-frame__tag--out{background:var(--blue);box-shadow:0 4px 12px rgba(43,111,214,.3)}
.ic-busy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#F5F8FC}
.ic-busy span{font-size:11.5px;color:#6b7886}
.ic-busy__bar{position:relative;width:72px;height:3px;border-radius:2px;background:#E2E9F2;overflow:hidden}
.ic-busy__bar i{position:absolute;top:0;bottom:0;width:40%;border-radius:2px;background:var(--blue);animation:kzi-sweep 1.15s ease-in-out infinite}
.ic-idle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;text-align:center}
.ic-idle span{font-size:11.5px;line-height:1.9;color:#6b7886;max-width:14em}
.ic-cap{margin-top:9px;font-size:11.5px;color:#6b7886}
.ic-set{margin:18px 20px 0;padding-top:16px;border-top:1px solid #F1F3F6;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.ic-set__label{font-size:11.5px;font-weight:700;color:var(--ink2);white-space:nowrap}
.ic-set__note{margin-left:auto;font-size:11.5px;color:#6b7886;white-space:nowrap}
.ic-range{flex:1 1 200px;min-width:0;display:flex;align-items:center;gap:12px}
.ic-range input{flex:1;min-width:0;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:#E2E9F2;cursor:pointer}
.ic-range input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px var(--blue),0 4px 12px rgba(43,111,214,.28);cursor:pointer}
.ic-range input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px var(--blue),0 4px 12px rgba(43,111,214,.28);cursor:pointer}
.ic-range__val{font-family:var(--font-display);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.ic-dims{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ic-dims input{width:5.5em;font-size:13px;color:var(--ink);border:1px solid #cdd6e2;border-radius:var(--r-8);padding:10px 12px;background:#fff;font-variant-numeric:tabular-nums;font-family:var(--font-body)}
.ic-dims__unit{font-size:12px;color:var(--mute)}
.ic-dims__note{font-size:11.5px;color:#6b7886}
.ic-list{margin:18px 20px 0;padding-top:8px;border-top:1px solid #F1F3F6;font-size:13.5px}
.ic-list__hd{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 0;font-size:11.5px;color:var(--mute)}
.ic-list__acts{margin-left:auto;display:flex;gap:14px}
.ic-list__acts a{color:#6b7886;border-bottom:1px solid var(--line)}
.ic-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 13px;padding:12px 0;border-top:1px solid #F1F3F6}
.ic-row[data-focus=true]{background:#FCFDFE}
.ic-row__name{flex:1 1 12em;min-width:0;text-align:left;font-family:var(--font-body);font-size:13.5px;font-weight:500;color:var(--ink);background:none;border:0;padding:0;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ic-row[data-focus=true] .ic-row__name{font-weight:700}
.ic-row[data-off=true] .ic-row__name{color:#6b7886}
.ic-row__st{font-size:11px;font-weight:700;border-radius:var(--r-pill);padding:4px 10px;white-space:nowrap}
.ic-row__before{color:var(--mute);font-size:11.5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.ic-row__arrow{color:var(--line-strong);font-size:12px}
.ic-row__after{font-size:11.5px;white-space:nowrap;min-width:5.4em;text-align:right;font-variant-numeric:tabular-nums;color:var(--mute)}
.ic-list__note{padding:12px 0 0;font-size:11.5px;line-height:1.9;color:#6b7886}
@media (max-width:720px){
  .ic-stage{padding:14px 14px 0}
  .ic-stage__hd{font-size:12px}
  .ic-nav{width:44px;height:44px;font-size:14px}
  .ic-cmp{margin-top:10px;display:block}
  .ic-cmp__col+.ic-cmp__arrow{display:block;text-align:center;margin:8px 0;transform:rotate(90deg)}
  .ic-cmp__col+.ic-cmp__col{margin-top:0}
  .ic-frame{height:clamp(150px,44vw,190px)}
  .ic-cap{font-size:12px}
  .ic-set{display:block;margin:14px 14px 0;padding-top:14px}
  .ic-set__label{display:block;font-size:12px}
  .ic-range{margin-top:10px;display:flex}
  .ic-range input{height:24px;background:0}
  .ic-dims{margin-top:10px}
  .ic-dims input{min-height:48px;font-size:14px}
  .ic-set__note{display:block;margin-left:0;margin-top:9px;font-size:12px;white-space:normal}
  .ic-set .kz-chiprow{margin-top:10px;flex-wrap:wrap;gap:7px}
  .ic-set .kz-chip{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;font-size:12.5px}
  .ic-set .kz-chip.is-on{border-width:1px;border-color:#bcd2f3}
  .ic-list{margin:14px 0 0;padding-top:0;font-size:13.5px}
  .ic-list__hd{gap:10px;padding:14px 14px 6px;font-size:12px}
  .ic-list__hd>span:first-child{flex:1;min-width:0}
  .ic-list__acts{margin-left:0;gap:10px}
  .ic-list__acts a{display:inline-flex;align-items:center;min-height:44px;font-size:12.5px;border-bottom:0}
  .ic-row{min-height:56px;padding:10px 14px;gap:8px 12px}
  .ic-row .kz-check{width:20px;height:20px}
  .ic-row .kz-check svg{width:13px;height:13px}
  .ic-row__name{flex:1 1 8em;font-size:13.5px}
  .ic-row__before,.ic-row__after{font-size:12px}
  .ic-row__after{min-width:4.6em}
  .ic-list__note{padding:12px 14px 0;font-size:12px}
}