.image-editor{width:min(100% - 32px,960px);margin:32px auto 64px;color:inherit}.image-editor__header{margin-bottom:24px}.image-editor__header p{margin:0 0 6px;color:#e8590c;font-size:.75rem;font-weight:700;letter-spacing:.12em}.image-editor__header h1{margin:0;font-size:clamp(1.8rem,4vw,3rem)}.image-editor__header span{display:block;margin-top:8px;opacity:.72}.image-editor__canvas{display:grid;min-height:240px;margin:20px 0;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:12px;background:repeating-conic-gradient(#222 0,#222 25%,#171717 0,#171717 50%) 50% / 20px 20px;touch-action:none}.image-editor__canvas canvas{display:block;max-width:100%;cursor:crosshair}.image-editor__empty{opacity:.7}.image-editor__controls,.image-editor__submit{display:grid;gap:14px;padding:16px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:12px;background:color-mix(in srgb,currentColor 4%,transparent)}.image-editor__controls{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:center}.image-editor__controls fieldset{display:flex;gap:6px;padding:0;border:0}.image-editor__controls legend,.image-editor__controls label,.image-editor__submit label{display:grid;gap:6px;font-size:.9rem}.image-editor button,.image-editor select,.image-editor textarea{border:1px solid color-mix(in srgb,currentColor 34%,transparent);border-radius:7px;color:inherit;background:color-mix(in srgb,currentColor 7%,transparent)}.image-editor button{padding:8px 12px;cursor:pointer}.image-editor button[aria-pressed=true],.image-editor__submit-button{border-color:#e8590c;background:#e8590c;color:#fff}.image-editor button:disabled{cursor:not-allowed;opacity:.55}.image-editor__submit{margin-top:16px}.image-editor__submit select,.image-editor__submit textarea{width:100%;padding:9px}.image-editor__submit textarea{min-height:90px;resize:vertical}.image-editor__submit-button{justify-self:start}@media(max-width:640px){.image-editor{width:min(100% - 20px,960px);margin-top:20px}.image-editor__controls{grid-template-columns:1fr}}