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