.crop-dialog{width:min(94vw,520px);max-height:94dvh;overflow:auto;border:1px solid var(--line,#ddd);border-radius:22px;padding:24px;background:var(--surface,#fff);color:var(--ink,#242424)}.crop-dialog::backdrop{background:#000b}.crop-dialog h2{margin:0 0 8px}.crop-dialog p{font-size:13px}.crop-dialog canvas{display:block;width:min(100%,340px);height:auto;aspect-ratio:1;margin:15px auto;border:2px solid #9b704b;touch-action:none;cursor:grab;background:repeating-conic-gradient(#d8d8d8 0 25%,#f7f7f7 0 50%) 50%/20px 20px}.crop-dialog label{display:block;margin:10px 0;font-size:12px}.crop-dialog input[type=range]{width:100%;padding:0;accent-color:#9b704b}.crop-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.crop-actions button{flex:1;padding:10px;min-width:100px}.crop-preview{display:block;max-width:160px;aspect-ratio:1;background:#ddd;border-radius:10px;margin-top:12px}.crop-preview[hidden],.crop-edit[hidden]{display:none}.crop-edit{margin-top:8px}.crop-dialog [data-crop-error]{color:#c33}.crop-dialog[open]~*{pointer-events:none}