.image-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1rem}.image-preview figure{margin:0;min-width:0}.image-preview figcaption{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.image-preview canvas{display:block;max-width:100%;height:auto;background:repeating-conic-gradient(#eee 0% 25%,white 0% 50%) 0/18px 18px;border:1px solid #efd3d8;border-radius:6px}.image-crop-stage{position:relative;max-width:100%;width:fit-content;touch-action:none;cursor:crosshair}.image-crop-stage canvas{max-width:100%;height:auto;display:block}.image-crop-box{position:absolute;border:2px dashed #b83245;background:#b832451c;pointer-events:none;box-sizing:border-box}.suite-panel .image-control-panel[hidden]{display:none}.image-help{font-size:.85rem;color:#725d63}#image-size{font-size:.9rem;margin:.75rem 0;overflow-wrap:anywhere}#crop-source{max-height:600px;object-fit:contain}.image-clear{margin-bottom:1rem}.image-preview .image-output-wrap{max-height:700px;overflow:auto} .image-control-panel{padding:.5rem 0}.image-crop-stage:focus-visible{outline:3px solid #b83245;outline-offset:3px}