.image-editor-preview-panel{margin-block:24px;padding:20px;background:#f7f9fe;border:1px solid #dce3ef;border-radius:16px}.image-editor-preview-panel h2{font-size:1.2rem;margin-block:0 16px}.image-editor-frame{position:relative;inline-size:100%;margin-inline:auto;overflow:hidden;border-radius:10px;background-color:#fff;background-image:linear-gradient(45deg,#e3e9f1 25%,transparent 25%),linear-gradient(-45deg,#e3e9f1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e3e9f1 75%),linear-gradient(-45deg,transparent 75%,#e3e9f1 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;direction:ltr}.image-editor-frame canvas{display:block;inline-size:100%;block-size:100%}.image-editor-crop-region{box-sizing:border-box;position:absolute;border:2px solid #3366ee;box-shadow:0 0 0 1000px #17264280;cursor:move;touch-action:none;min-width:1px;min-height:1px}.image-editor-crop-region:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.image-editor-crop-handle{position:absolute;right:0;bottom:0;width:28px;height:28px;border:3px solid white;border-radius:7px;background:#3366ee;cursor:nwse-resize;touch-action:none}.image-editor-coordinate-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-editor input[type=number],.image-editor input[type=color]{direction:ltr}.image-editor input[type=color]{inline-size:100%;block-size:42px;padding:4px}.image-editor-preview-actions{display:flex;flex-wrap:wrap;gap:8px;margin-block:16px}.image-editor .file-name,.image-editor bdi{overflow-wrap:anywhere}.image-editor .file-details{unicode-bidi:isolate}.image-editor .error-message p{margin-block:4px}.image-editor .output-detail input[type=checkbox]{inline-size:22px;block-size:22px;float:inline-end}.image-editor-next{display:flex;flex-direction:column;gap:10px;min-inline-size:220px}.image-editor select{max-inline-size:100%}.image-editor .settings-panel .button{margin-block-start:10px}.image-editor .checkbox-label{display:flex;align-items:center;gap:8px;margin-block:12px}.image-editor #process-status{min-block-size:28px;margin-block:18px;line-height:1.6}.image-editor .output-detail{min-inline-size:0}.image-editor .output-detail h3{font-size:1rem}@media(max-width:680px){.image-editor-preview-panel{padding:14px}.image-editor-next{min-inline-size:0;inline-size:100%}.image-editor .section-heading{flex-wrap:wrap;gap:12px}.image-editor .output-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.image-editor *{scroll-behavior:auto}}