.small{font-size:.8rem}.upload-panel{margin-bottom:26px}.upload-panel .field{max-width:600px}.upload-panel p:last-child{margin-bottom:0}.editor{grid-template-columns:minmax(0,1fr) 330px}.preview-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.preview-heading h2{margin:0}.preview-grid{display:grid;gap:18px}.preview-grid figure{margin:0;padding:16px}.preview-grid figcaption{font-size:.88rem;font-weight:650;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.canvas-wrap{position:relative;background:repeating-conic-gradient(#edf0f5 0% 25%,#fff 0% 50%) 50%/20px 20px;min-height:160px;display:grid;place-items:center;border-radius:6px;overflow:hidden}canvas{display:block;max-width:100%;height:auto;width:auto;max-height:480px}.empty{position:absolute;inset:0;display:grid;place-items:center;font-size:.85rem;padding:20px;margin:0;color:var(--muted);text-align:center;pointer-events:none;background:var(--bg)}#preview{touch-action:none;user-select:none;cursor:crosshair}.coordinates{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings hr{border:0;border-top:1px solid var(--border);margin:28px 0}.settings input[type=color]{width:100%;height:45px;border:1px solid var(--border);border-radius:8px;background:white}.settings .error:empty{display:none}.settings .error{margin:0}h1,h2{text-wrap:balance}button,a{touch-action:manipulation}#image-info{overflow-wrap:anywhere}output{font-variant-numeric:tabular-nums}@media(max-width:900px){.editor{grid-template-columns:1fr}.settings{max-width:none}.preview-grid{grid-template-columns:1fr 1fr}canvas{max-height:380px}}@media(max-width:580px){.preview-grid{grid-template-columns:1fr}.preview-heading{align-items:start}.settings{padding:20px}}
.original-details>summary,.watermark-options>summary{display:list-item;min-height:44px;padding:10px 0;cursor:pointer;font-weight:650}.original-details>figure{margin-top:10px}.watermark-options{border-top:1px solid var(--border);margin-top:24px;padding-top:10px}.watermark-options[open]>summary{margin-bottom:14px}.export-actions{grid-column:1/-1;justify-content:flex-end;padding:14px 0}.export-actions #edit-count{margin-right:auto;order:-1}.editor>.stack>.notice{font-size:.78rem}.editor .preview-grid{grid-template-columns:1fr}@media(max-width:900px){.editor{gap:16px}.editor .settings{padding:18px}.editor .preview-grid canvas{max-height:260px}.editor .preview-heading{gap:6px}.editor .settings>p{margin-bottom:12px}.editor .settings .stack{gap:12px}.editor .settings .coordinates{gap:10px}.editor .preview-grid figure{padding:12px}.export-actions{padding-top:0}}
.settings input[type=range]{width:100%;min-height:44px;margin:0}.settings .opacity-row input[type=number]{min-height:44px}