.ntf-img-directory,.ntf-img-tool-page{max-width:1100px;margin:36px auto 70px;padding:0 22px}.ntf-img-directory h1,.ntf-img-tool-page h1{font-size:clamp(30px,4vw,44px);color:#f5f8ff}.ntf-img-directory>p,.ntf-img-tool-page>p{color:#bdcce1}.ntf-img-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.ntf-img-card{display:flex;flex-direction:column;gap:9px;padding:25px;border-radius:16px;border:1px solid #354766;background:#17233a;text-decoration:none!important;transition:transform .2s,border-color .2s}.ntf-img-card:hover{transform:translateY(-5px);border-color:#53e5c9}.ntf-img-card b{color:#f8fbff;font-size:18px}.ntf-img-card span{font-size:27px;color:#68e6cc}.ntf-img-card small{color:#b6c4d8;font-size:13px}.ntf-img-back{display:inline-block;color:#65eacb!important;margin-bottom:18px;text-decoration:none!important}.ntf-img-app{padding:28px;background:#19243d;border:1px solid #3e4f70;border-radius:17px;max-width:850px}.ntf-img-app input[type=file]{display:block;background:#0b1930;color:white;padding:13px;border:1px dashed #60799c;border-radius:11px;width:100%;margin:10px 0}.ntf-img-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:23px 0}.ntf-img-field{display:flex;flex-direction:column;gap:7px;color:#e6f0ff}.ntf-img-field input,.ntf-img-field select{background:#0b1930;color:white;border:1px solid #496182}.ntf-img-field small{color:#a9bdd6}.ntf-img-check{grid-column:1/-1;display:flex;gap:8px}.ntf-img-preview{display:block;max-width:100%;max-height:340px;margin:20px 0;border-radius:12px;object-fit:contain}.ntf-img-preview[hidden]{display:none}.ntf-img-process,.ntf-img-download{display:inline-block;padding:12px 20px;border-radius:9px;background:linear-gradient(100deg,#705bf5,#249db3);color:white!important;text-decoration:none!important;border:0;font-weight:750}.ntf-img-result{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:17px}.ntf-img-result p{width:100%;color:#b8e7db}.ntf-img-status{color:#b9e0de;margin-top:14px}@media(max-width:750px){.ntf-img-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ntf-img-options{grid-template-columns:1fr}}@media(max-width:480px){.ntf-img-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.ntf-img-card{transition:none}}
/* v32: image compression size comparison */
.ntf-img-result .ntf-image-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:12px 0}
.ntf-image-comparison>div{display:flex;flex-direction:column;gap:6px;padding:15px;border-radius:12px;background:#f0f5ff;border:1px solid #d8e2f4;color:#263658;min-width:0}
.ntf-image-comparison span{color:#556780;font-size:13px}.ntf-image-comparison strong{color:#182842;font-size:19px;overflow-wrap:anywhere}
@media(max-width:450px){.ntf-img-result .ntf-image-comparison{grid-template-columns:1fr}}