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