.image-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}
.image-preview-grid figure{margin:0;min-width:0}.image-preview-grid figcaption{font-size:15px;font-weight:600;margin-bottom:8px}
.image-preview{display:flex;align-items:center;justify-content:center;min-height:160px;max-height:320px;overflow:hidden;border:1px solid var(--line);background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/20px 20px}
.image-preview img,.image-preview canvas{display:block;max-width:100%;max-height:318px;object-fit:contain}
.image-summary{padding:14px 0;border-top:1px solid var(--line);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.image-summary p{margin:5px 0}.actions a.secondary,.actions a.primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.actions a.primary{width:100%;margin-bottom:14px}
fieldset.image-controls{border:0;padding:0;margin:20px 0 0;min-width:0}.image-controls:disabled{display:none}.image-controls legend{padding:0;margin-bottom:12px;font-weight:600}.image-controls>.primary{width:100%}
.image-controls input[type=range],input[type=range].image-range{padding:0;border:0;background:transparent;accent-color:var(--ink);min-height:44px}
.image-status:empty{display:none}.image-file{overflow:hidden;cursor:pointer}.image-file::file-selector-button{font:inherit;font-weight:700;color:#fff;background:var(--ink);border:0;border-radius:4px;padding:10px 12px;margin-right:10px;cursor:pointer}
@media(max-width:520px){.image-preview-grid{gap:10px}.image-preview{min-height:120px}.image-preview-grid .image-preview{max-height:220px}.image-preview-grid img,.image-preview-grid canvas{max-height:218px}}