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