.image-mark[data-astro-cid-rkjky52d]{position:relative;display:block;width:4.4rem;height:3.4rem;margin-bottom:.45rem;overflow:hidden;border:2px solid var(--accent);border-radius:.4rem}.image-mark[data-astro-cid-rkjky52d]:before{position:absolute;top:.5rem;right:.55rem;width:.55rem;height:.55rem;border-radius:999px;background:var(--accent);content:""}.image-mark[data-astro-cid-rkjky52d]:after,.image-mark[data-astro-cid-rkjky52d] i[data-astro-cid-rkjky52d]{position:absolute;bottom:-.5rem;width:2.8rem;height:2.4rem;background:color-mix(in srgb,var(--accent) 22%,transparent);content:"";transform:rotate(42deg)}.image-mark[data-astro-cid-rkjky52d]:after{left:-.35rem}.image-mark[data-astro-cid-rkjky52d] i[data-astro-cid-rkjky52d]{right:-.65rem;bottom:-.75rem}.editor[data-astro-cid-rkjky52d][hidden],.result-bar[data-astro-cid-rkjky52d][hidden]{display:none}.editor-heading[data-astro-cid-rkjky52d]{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.editor-heading[data-astro-cid-rkjky52d] p[data-astro-cid-rkjky52d]{margin:0;color:var(--accent);font-family:var(--font-google-sans-code);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.editor-heading[data-astro-cid-rkjky52d] h2[data-astro-cid-rkjky52d]{margin:.15rem 0 0;font-size:1.5rem;overflow-wrap:anywhere}.editor-heading[data-astro-cid-rkjky52d] span[data-astro-cid-rkjky52d]{color:var(--text-muted);font-family:var(--font-google-sans-code);font-size:.75rem}.editor-layout[data-astro-cid-rkjky52d]{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(16rem,.75fr);gap:1rem}.preview-panel[data-astro-cid-rkjky52d]{display:grid;min-height:30rem;align-content:center;justify-items:center;gap:.75rem;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(45deg,var(--surface-soft) 25%,transparent 25%) 0 0 / 20px 20px,linear-gradient(-45deg,var(--surface-soft) 25%,transparent 25%) 0 0 / 20px 20px,linear-gradient(45deg,transparent 75%,var(--surface-soft) 75%) 0 0 / 20px 20px,linear-gradient(-45deg,transparent 75%,var(--surface-soft) 75%) 0 0 / 20px 20px,var(--surface);padding:1rem}#image-preview[data-astro-cid-rkjky52d]{display:block;max-width:100%;max-height:38rem;border:1px solid var(--border);background:transparent;box-shadow:0 10px 28px var(--shadow);cursor:crosshair;touch-action:none}.preview-panel[data-astro-cid-rkjky52d] p[data-astro-cid-rkjky52d]{margin:0;color:var(--text-muted);font-size:.78rem;text-align:center}.controls-panel[data-astro-cid-rkjky52d]{display:grid;align-content:start;gap:.8rem}fieldset[data-astro-cid-rkjky52d]{display:grid;gap:.7rem;margin:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);padding:.9rem}legend[data-astro-cid-rkjky52d]{color:var(--heading);padding:0 .35rem;font-weight:700}.number-grid[data-astro-cid-rkjky52d]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.crop-grid[data-astro-cid-rkjky52d]{grid-template-columns:repeat(4,minmax(0,1fr))}.button-row[data-astro-cid-rkjky52d]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.button-row[data-astro-cid-rkjky52d] .browser-button[data-astro-cid-rkjky52d]{min-height:2.25rem;padding:.4rem;font-size:.75rem}.lock-field[data-astro-cid-rkjky52d],.quality-field[data-astro-cid-rkjky52d]{color:var(--text-muted);font-size:.8rem}.lock-field[data-astro-cid-rkjky52d]{display:flex;align-items:center;gap:.5rem}.quality-field[data-astro-cid-rkjky52d]{display:grid;gap:.35rem}.quality-field[data-astro-cid-rkjky52d] span[data-astro-cid-rkjky52d]{display:flex;justify-content:space-between}.quality-field[data-astro-cid-rkjky52d] input[data-astro-cid-rkjky52d]{width:100%;accent-color:var(--accent)}.quality-field[data-astro-cid-rkjky52d][aria-disabled=true]{opacity:.45}.convert-button[data-astro-cid-rkjky52d]{width:100%}.output-preview-panel[data-astro-cid-rkjky52d]{margin-top:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);padding:.9rem}.output-preview-panel[data-astro-cid-rkjky52d] header[data-astro-cid-rkjky52d]{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.output-preview-panel[data-astro-cid-rkjky52d] h3[data-astro-cid-rkjky52d],.output-preview-panel[data-astro-cid-rkjky52d] p[data-astro-cid-rkjky52d]{margin:0}.output-preview-panel[data-astro-cid-rkjky52d] h3[data-astro-cid-rkjky52d]{font-size:1rem}.output-preview-panel[data-astro-cid-rkjky52d] span[data-astro-cid-rkjky52d],.output-preview-panel[data-astro-cid-rkjky52d] p[data-astro-cid-rkjky52d]{color:var(--text-muted);font-size:.75rem}.output-preview-panel[data-astro-cid-rkjky52d] span[data-astro-cid-rkjky52d]{font-family:var(--font-google-sans-code);text-align:right}.output-preview-frame[data-astro-cid-rkjky52d]{display:grid;min-height:16rem;max-height:38rem;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(45deg,var(--surface) 25%,transparent 25%) 0 0 / 20px 20px,linear-gradient(-45deg,var(--surface) 25%,transparent 25%) 0 0 / 20px 20px,linear-gradient(45deg,transparent 75%,var(--surface) 75%) 0 0 / 20px 20px,linear-gradient(-45deg,transparent 75%,var(--surface) 75%) 0 0 / 20px 20px,var(--surface-soft);padding:1rem}#output-preview[data-astro-cid-rkjky52d]{display:block;max-width:100%;max-height:36rem;border:1px solid var(--border);box-shadow:0 10px 28px var(--shadow)}#output-preview[data-astro-cid-rkjky52d][hidden]{display:none}.output-preview-panel[data-astro-cid-rkjky52d]>p[data-astro-cid-rkjky52d]{margin-top:.65rem;text-align:center}.result-bar[data-astro-cid-rkjky52d]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;border:1px solid var(--accent);border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 7%,var(--surface));padding:.85rem}.result-bar[data-astro-cid-rkjky52d] strong[data-astro-cid-rkjky52d],.result-bar[data-astro-cid-rkjky52d] span[data-astro-cid-rkjky52d]{display:block}.result-bar[data-astro-cid-rkjky52d] strong[data-astro-cid-rkjky52d]{overflow-wrap:anywhere}.result-bar[data-astro-cid-rkjky52d] span[data-astro-cid-rkjky52d]{color:var(--text-muted);font-family:var(--font-google-sans-code);font-size:.75rem}@media(max-width:52rem){.editor-heading[data-astro-cid-rkjky52d]{align-items:stretch;flex-direction:column}.editor-layout[data-astro-cid-rkjky52d]{grid-template-columns:minmax(0,1fr)}.preview-panel[data-astro-cid-rkjky52d]{min-height:18rem}}@media(max-width:32rem){.crop-grid[data-astro-cid-rkjky52d]{grid-template-columns:repeat(2,minmax(0,1fr))}.result-bar[data-astro-cid-rkjky52d]{align-items:stretch;flex-direction:column}.output-preview-panel[data-astro-cid-rkjky52d] header[data-astro-cid-rkjky52d]{align-items:start;flex-direction:column;gap:.25rem}.output-preview-panel[data-astro-cid-rkjky52d] span[data-astro-cid-rkjky52d]{text-align:left}}