.image-file-list{font-size:13px;overflow-wrap:anywhere}.image-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.image-compare figure{margin:0;min-width:0}.image-compare figcaption{font-size:13px;font-weight:700;margin-bottom:8px}.checkerboard{border:1px solid var(--border);border-radius:10px;min-height:120px;background-color:#fff;background-image:linear-gradient(45deg,#dce3ec 25%,transparent 25%),linear-gradient(-45deg,#dce3ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dce3ec 75%),linear-gradient(-45deg,transparent 75%,#dce3ec 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.checkerboard img,.checkerboard canvas{display:block;width:100%;max-height:650px;object-fit:contain;height:auto}.checkerboard canvas{touch-action:none;cursor:crosshair}.option-note{grid-column:1/-1}.options output{font-size:12px;color:#344c69}.options input[type=range]{padding:0;accent-color:#215bd8}.options input[type=checkbox]{width:24px;min-height:24px}.image-result-info{font-size:13px;overflow-wrap:anywhere}#image-downloads .button,#photo-sheet-preview .button{margin:8px 10px 8px 0}#photo-sheet-preview img{display:block;max-width:min(100%,550px);max-height:750px;object-fit:contain;border:1px solid var(--border);background:#fff;margin:18px 0}.image-workspace .notice{font-size:13px}#image-progress{display:block;width:100%}@media(max-width:640px){.image-compare{grid-template-columns:1fr}.image-workspace .options{grid-template-columns:1fr}.image-workspace .actions button{width:100%}}

.checkerboard canvas{max-height:none}
.image-editor{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1.15fr);gap:24px;align-items:start}.image-editor>.options{margin-top:0;grid-template-columns:1fr 1fr;min-width:0}.image-preview-panel{position:sticky;top:20px;min-width:0}.image-preview-panel .actions{margin-top:0}.image-preview-panel .image-compare{gap:12px}.image-editor .options label{min-width:0}.image-editor .options input,.image-editor .options select{min-width:0;max-width:100%}@media(max-width:900px){.image-editor{grid-template-columns:1fr}.image-preview-panel{position:static}.image-editor>.options{grid-template-columns:1fr 1fr}}@media(max-width:640px){.image-editor>.options{grid-template-columns:1fr}.image-compare{grid-template-columns:1fr 1fr}}