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