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