.image-preparer{width:min(1100px,95vw);max-width:95vw;max-height:94dvh;overflow:auto;padding:24px;border:1px solid #aaa;border-radius:10px;background:#fff;color:#17212a;z-index:20}.image-preparer::backdrop{background:#0009}.image-preparer h2,.image-preparer h3{color:inherit;margin:0 0 12px}.image-preparer .ip-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(240px,1fr);gap:24px}.image-preparer label{display:block;margin:10px 0;color:inherit}.image-preparer select,.image-preparer input[type=number]{width:100%;padding:9px;color:#17212a;background:#fff;border:1px solid #777}.image-preparer input[type=range]{width:100%}.image-preparer button,.image-preparer a{padding:9px 14px;margin:4px;border:1px solid #777;border-radius:4px;cursor:pointer;background:#f3f3f3;color:#17212a;font:inherit}.image-preparer button:focus-visible,.image-preparer input:focus-visible{outline:3px solid #135cc8;outline-offset:2px}.image-preparer .ip-original{max-width:100%;max-height:130px;object-fit:contain}.image-preparer canvas{display:block;max-width:100%;max-height:320px;width:auto;height:auto;margin:auto;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/20px 20px;touch-action:none}.image-preparer canvas[data-manual=true]{cursor:move}.image-preparer iframe{width:100%;height:460px;border:1px solid #ccc;background:#fff}.image-preparer .ip-error{color:#9d1616}.image-preparer footer{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:16px}.image-preparer small{display:block}.image-preparer [hidden]{display:none!important}@media(max-width:700px){.image-preparer .ip-grid{grid-template-columns:1fr}.image-preparer{padding:16px}}