.filejip-jpg-to-webp{--fjjtw-navy:#0f2747;--fjjtw-blue:#1769e0;--fjjtw-blue-dark:#0f56bf;--fjjtw-soft:#f5f8fc;--fjjtw-border:#dce5f0;--fjjtw-text:#26364a;--fjjtw-muted:#65758b;--fjjtw-success:#0b7a50;--fjjtw-danger:#b42318;width:100%;margin:0 auto;color:var(--fjjtw-text);font-family:inherit}.filejip-jpg-to-webp *{box-sizing:border-box}.fjjtw-card{overflow:hidden;border:1px solid var(--fjjtw-border);border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(15,39,71,.08)}.fjjtw-intro{padding:30px 32px 22px;background:linear-gradient(135deg,#f8fbff 0%,#fff 60%)}.fjjtw-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eaf2ff;color:var(--fjjtw-blue);font-size:12px;font-weight:800;letter-spacing:.04em}.fjjtw-intro h2{margin:12px 0 8px;color:var(--fjjtw-navy);font-size:clamp(25px,4vw,34px);line-height:1.2}.fjjtw-intro p{max-width:760px;margin:0;color:var(--fjjtw-muted);font-size:15px;line-height:1.75}.fjjtw-dropzone{margin:8px 32px 0;padding:36px 22px;border:2px dashed #b9c9dc;border-radius:20px;background:var(--fjjtw-soft);text-align:center;cursor:pointer;transition:.2s ease}.fjjtw-dropzone:hover,.fjjtw-dropzone:focus,.fjjtw-dropzone.is-dragging{border-color:var(--fjjtw-blue);background:#eef5ff;outline:none;box-shadow:0 0 0 4px rgba(23,105,224,.08)}.fjjtw-drop-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;margin:0 auto 14px;border-radius:18px;background:var(--fjjtw-navy);color:#fff;font-size:14px;font-weight:900;letter-spacing:.04em}.fjjtw-dropzone strong{display:block;color:var(--fjjtw-navy);font-size:17px}.fjjtw-dropzone>span{display:block;margin-top:7px;color:var(--fjjtw-muted);font-size:13px}.fjjtw-choose-file{margin-top:18px;padding:11px 18px;border:0;border-radius:11px;background:var(--fjjtw-blue);color:#fff;font-weight:800;cursor:pointer}.fjjtw-choose-file:hover{background:var(--fjjtw-blue-dark)}.fjjtw-file-name{margin-top:12px;color:#50647d;font-size:13px;word-break:break-all}.fjjtw-error{margin:18px 32px 0;padding:12px 14px;border:1px solid #f4c7c3;border-radius:12px;background:#fff4f2;color:var(--fjjtw-danger);font-size:14px;font-weight:700}.fjjtw-status{min-height:22px;margin:14px 32px 0;color:#496079;font-size:14px}.fjjtw-controls{padding:8px 32px 30px}.fjjtw-quality-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:24px;align-items:center;padding:22px;border:1px solid var(--fjjtw-border);border-radius:18px;background:#fff}.fjjtw-quality-label{display:flex;align-items:center;gap:10px;color:var(--fjjtw-navy);font-weight:800}.fjjtw-quality-value{display:inline-flex;padding:4px 9px;border-radius:999px;background:#edf4ff;color:var(--fjjtw-blue);font-size:13px}.fjjtw-quality-row p{margin:7px 0 0;color:var(--fjjtw-muted);font-size:13px;line-height:1.6}.fjjtw-quality{width:100%;accent-color:var(--fjjtw-blue);cursor:pointer}.fjjtw-note{margin-top:14px;padding:17px 18px;border-radius:15px;background:#f8fafc;color:#51647a}.fjjtw-note strong{display:block;color:var(--fjjtw-navy);font-size:14px}.fjjtw-note p{margin:5px 0 0;font-size:13px;line-height:1.6}.fjjtw-action-row{display:flex;gap:10px;margin-top:18px}.fjjtw-convert-button,.fjjtw-reset-button{min-height:46px;padding:0 20px;border-radius:12px;font-weight:800;cursor:pointer}.fjjtw-convert-button{flex:1;border:0;background:var(--fjjtw-blue);color:#fff}.fjjtw-convert-button:hover:not(:disabled){background:var(--fjjtw-blue-dark)}.fjjtw-convert-button:disabled{cursor:not-allowed;opacity:.45}.fjjtw-reset-button{border:1px solid var(--fjjtw-border);background:#fff;color:#52657c}.fjjtw-result{margin:0 32px 28px;padding:24px;border:1px solid #cfe7dd;border-radius:20px;background:#f6fcf9}.fjjtw-result-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.fjjtw-result-head span{color:var(--fjjtw-success);font-size:12px;font-weight:900}.fjjtw-result-head h3{margin:4px 0 0;color:#154a37;font-size:21px}.fjjtw-result-message{color:var(--fjjtw-success);font-size:13px;font-weight:800;text-align:right}.fjjtw-output-preview-wrap{display:flex;align-items:center;justify-content:center;min-height:180px;max-height:430px;margin-top:18px;padding:14px;border:1px solid #d7e8e1;border-radius:15px;background:#fff;overflow:hidden}.fjjtw-output-preview{display:block;max-width:100%;max-height:400px;width:auto;height:auto;border-radius:9px}.fjjtw-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.fjjtw-stat{padding:14px;border:1px solid #dceae4;border-radius:13px;background:#fff}.fjjtw-stat span{display:block;color:#718278;font-size:12px}.fjjtw-stat strong{display:block;margin-top:4px;color:#153f31;font-size:15px;word-break:break-word}.fjjtw-download{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:16px;border-radius:12px;background:var(--fjjtw-success);color:#fff!important;text-decoration:none!important;font-weight:900}.fjjtw-privacy-note{margin:0 32px 32px;padding:20px;border-radius:17px;background:var(--fjjtw-navy);color:#fff}.fjjtw-privacy-note strong{display:block;font-size:15px}.fjjtw-privacy-note p{margin:6px 0 0;color:#d4dfeb;font-size:13px;line-height:1.65}@media(max-width:720px){.fjjtw-intro{padding:24px 20px 18px}.fjjtw-dropzone,.fjjtw-error,.fjjtw-status,.fjjtw-result,.fjjtw-privacy-note{margin-left:18px;margin-right:18px}.fjjtw-controls{padding-left:18px;padding-right:18px}.fjjtw-quality-row{grid-template-columns:1fr;gap:14px;padding:18px}.fjjtw-action-row{flex-direction:column}.fjjtw-reset-button{width:100%}.fjjtw-result-head{display:block}.fjjtw-result-message{margin-top:8px;text-align:left}.fjjtw-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.fjjtw-stats{grid-template-columns:1fr}.fjjtw-dropzone{padding:28px 16px}}