#cropDialog{width:min(580px,95vw);max-height:94dvh;border:0;border-radius:20px;padding:0;background:#fffaf2;color:#48352c}
#cropDialog::backdrop{background:rgb(35 22 17 / .7)}
#cropDialog .modal{width:100%;box-sizing:border-box;max-height:94dvh;overflow:auto;padding:24px}
#cropDialog h2{margin:12px 0}
#cropDialog p{font-size:14px;overflow-wrap:anywhere}
#cropCanvas{display:block;max-width:100%;max-height:36dvh;width:auto;height:auto;margin:0 auto;background:#e9d8c2;touch-action:none;cursor:grab;border-radius:8px}
#cropCanvas:active{cursor:grabbing}
#cropDialog label{display:block;margin:12px 0;font-size:14px}
#cropDialog input,#cropDialog select{display:block;width:100%;box-sizing:border-box;accent-color:#b86145}
#cropDialog input{min-height:32px}
.crop-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;position:sticky;bottom:0;z-index:2;background:#fffaf2;padding:12px 0;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -8px 16px #fffaf2}
.crop-actions button{padding:12px 16px;min-height:44px;border-radius:12px;border:1px solid #cba88d;font:inherit;cursor:pointer}
.crop-actions .primary{flex:1}
#cropDialog .modal{gap:8px;scroll-padding-bottom:100px}
#cropDialog input,#cropDialog select{font-size:16px}