:root{--jpegr-bg:#0a0b0f;--jpegr-fg:#e8eefc;--jpegr-card-bg:#111319;--jpegr-panel-bg:#0a0b0f;--jpegr-border:hsla(0,0%,100%,.08);--jpegr-input-border:hsla(0,0%,100%,.1);--jpegr-btn-border:hsla(0,0%,100%,.12);--jpegr-muted:#93a4d6;--jpegr-subtle:#b7c3e6;--jpegr-strong:#dbe6ff;--jpegr-btn-bg:#6b0bff;--jpegr-danger-bg:#ff0090;--jpegr-ok-border:#6b0bff;--jpegr-ok-bg:rgba(99,64,255,.12);--jpegr-ok-fg:#dfd8ff;--jpegr-no-border:#ff0090;--jpegr-no-bg:rgba(255,0,128,.12);--jpegr-no-fg:#ffd2e8;--jpegr-error-bg:#5b002d;--jpegr-error-border:rgba(255,0,128,.25);--jpegr-info-bg:#232224;--jpegr-info-border:#39333f;--jpegr-preview-bg:#000;--jpegr-shadow:0 10px 25px rgba(0,0,0,.25)}body,html{margin:0;padding:0}body,button,select{font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.jpegr-page{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;background:var(--jpegr-bg);color:var(--jpegr-fg);flex-direction:column;max-width:100%;min-height:100vh;padding:24px}.jpegr-page,.jpegr-page>header{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.jpegr-page>header{left:0;position:fixed;right:0;top:0;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.5);-webkit-box-shadow:0 10px 10px rgba(0,0,0,.5);box-shadow:0 10px 10px rgba(0,0,0,.5);justify-content:flex-end;padding:12px 24px;width:100%;z-index:1000}.jpegr-page>header,.jpegr-page>header a{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.jpegr-page>header a{background:var(--jpegr-btn-bg);border-radius:10px;-webkit-box-shadow:var(--jpegr-shadow);box-shadow:var(--jpegr-shadow);color:var(--jpegr-fg);display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:8px 12px;text-decoration:none}.jpegr-page>header a img{height:16px;width:16px}.jpegr-page>header a:hover{opacity:.85}.jpegr-page>footer{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:20px;padding-top:30px;width:100%}@media(max-width:959px){.jpegr-page>footer{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}}.jpegr-page>footer a{border-bottom:1px solid hsla(0,0%,100%,.2);color:var(--jpegr-fg);font-size:14px;font-weight:500;padding-bottom:5px;text-align:center;text-decoration:none;-webkit-transition:border-color .2s;-moz-transition:border-color .2s;transition:border-color .2s}.jpegr-page>footer a:hover{border-bottom-color:var(--jpegr-ok-border)}.jpegr-header{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;gap:6px;margin-bottom:16px;margin-top:56px}.jpegr-title{font-size:22px;letter-spacing:.2px;margin:0}.jpegr-subtitle{color:var(--jpegr-subtle);font-size:13px;line-height:1.4;margin:0}.jpegr-grid{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;display:grid;flex-grow:1;grid-template-columns:1fr;-webkit-box-align:start;-webkit-align-items:start;-moz-box-align:start;align-items:start}.jpegr-aside,.jpegr-grid{gap:16px;max-width:100%;min-width:0}.jpegr-aside{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.jpegr-card{background:var(--jpegr-card-bg);border:1px solid var(--jpegr-border);border-radius:12px;-webkit-box-shadow:var(--jpegr-shadow);box-shadow:var(--jpegr-shadow);max-width:100%;min-width:0;padding:14px}.jpegr-cardTitleRow{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-webkit-align-items:baseline;-moz-box-align:baseline;align-items:baseline;gap:10px;min-width:0}.jpegr-cardTitle{color:var(--jpegr-strong);font-size:14px;letter-spacing:.2px;margin:0}.jpegr-cardMeta{color:var(--jpegr-muted);font-size:12px;margin:0;white-space:nowrap}.jpegr-row{display:grid;gap:12px;grid-template-columns:1fr;margin-top:12px;max-width:100%;min-width:0}.jpegr-field{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;gap:6px;min-width:0}.jpegr-field--mt12{margin-top:12px}.jpegr-label{color:var(--jpegr-subtle);font-size:12px}hr{border-color:#000;margin-block:15px;opacity:.5}.jpegr-input{background:var(--jpegr-panel-bg);border:1px solid var(--jpegr-input-border);border-radius:10px;color:var(--jpegr-fg);max-width:100%;min-width:0;outline:none;padding:10px;width:100%}.jpegr-input[type=color]{cursor:pointer;height:44px}.jpegr-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.jpegr-input[type=color]::-webkit-color-swatch{border:none;border-radius:7px}.jpegr-input[type=color]::-moz-color-swatch{border:none;border-radius:7px}.jpegr-input--file{padding:10px}.jpegr-inline{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:10px;min-width:0}.jpegr-checkbox,.jpegr-inline{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.jpegr-checkbox{color:var(--jpegr-strong);display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;font-size:12px;gap:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jpegr-smallHint{color:var(--jpegr-muted);font-size:12px;line-height:1.4;margin:0;overflow-wrap:anywhere}.jpegr-smallHint--mt10{margin-top:10px}.jpegr-actions{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin-top:12px}.jpegr-button{background:var(--jpegr-btn-bg);border:1px solid var(--jpegr-btn-border);border-radius:10px;color:var(--jpegr-fg);cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;font-weight:600;padding:10px 12px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;max-width:100%;text-decoration:none}.jpegr-button:disabled{cursor:not-allowed;opacity:.55}.jpegr-button--danger{background:var(--jpegr-danger-bg)}.jpegr-messageError{background:var(--jpegr-error-bg);border:1px solid var(--jpegr-error-border);border-radius:10px;color:var(--jpegr-no-fg)}.jpegr-messageError,.jpegr-messageInfo{font-size:12px;margin-top:12px;overflow-wrap:anywhere;padding:10px;white-space:pre-wrap}.jpegr-messageInfo{background:var(--jpegr-info-bg);border:1px solid var(--jpegr-info-border);border-radius:10px;color:var(--jpegr-ok-fg)}.jpegr-previewGrid{display:grid;gap:12px;grid-template-columns:1fr;margin-top:12px;max-width:100%;min-width:0}.jpegr-previewBox{background:var(--jpegr-panel-bg);border:1px solid var(--jpegr-border);border-radius:12px;min-width:0;overflow:hidden}.jpegr-previewHeader{border-bottom:1px solid var(--jpegr-border);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;padding:10px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:10px;min-height:40px;min-width:0}.jpegr-previewTitle{color:var(--jpegr-subtle);font-size:12px;margin:0;min-width:0}.jpegr-previewBody{background:var(--jpegr-preview-bg);display:grid;height:260px;place-items:center}.jpegr-previewEmpty{color:var(--jpegr-muted);font-size:12px;line-height:1.4;margin:0;padding:16px;text-align:center}.jpegr-img{background:var(--jpegr-preview-bg);display:block;height:260px;-o-object-fit:contain;object-fit:contain;width:100%}.jpegr-kv{display:grid;font-size:12px;gap:8px;grid-template-columns:1fr;margin-top:10px;-webkit-box-align:start;-webkit-align-items:start;-moz-box-align:start;align-items:start;max-width:100%;min-width:0}.jpegr-k{color:var(--jpegr-muted)}.jpegr-v{color:var(--jpegr-fg);min-width:0;overflow-wrap:anywhere;word-break:break-word}.jpegr-badge{border-radius:999px;display:inline-block;font-size:12px;line-height:1.6;padding:2px 8px}.jpegr-badge.jpegr-badge--ok{background:var(--jpegr-ok-bg);border:1px solid var(--jpegr-ok-border);color:var(--jpegr-ok-fg)}.jpegr-badge.jpegr-badge--no{background:var(--jpegr-no-bg);border:1px solid var(--jpegr-no-border);color:var(--jpegr-no-fg)}.jpegr-pre{margin-top:12px;max-height:520px;padding:12px}.jpegr-pre,.jpegr-preSmall{background:var(--jpegr-panel-bg);border:1px solid var(--jpegr-border);border-radius:12px;color:var(--jpegr-strong);font-size:12px;line-height:1.4;max-width:100%;overflow:auto}.jpegr-preSmall{margin-top:10px;max-height:140px;padding:10px}@media(min-width:960px){.jpegr-grid{grid-template-columns:1.1fr .9fr}.jpegr-previewGrid,.jpegr-row{grid-template-columns:1fr 1fr}.jpegr-kv{grid-template-columns:160px 1fr}}