.mp-crop-overlay{position:fixed;inset:0;z-index:310;display:grid;place-items:center;padding:18px;background:rgba(5,12,22,.82);overflow:auto;text-align:left;color:var(--text)}
.mp-crop-dialog{width:min(980px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:#fff;border:1px solid #c8d3e1;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.5)}
.mp-crop-head{position:sticky;top:0;z-index:3;display:flex;align-items:flex-start;gap:16px;padding:15px 18px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.mp-crop-head>div{flex:1;min-width:0}.mp-crop-head h2{font-size:21px;line-height:1.2}.mp-crop-head p{margin-top:4px;color:var(--dim);font-size:13px;line-height:1.4}
.mp-crop-close{width:36px;height:36px;flex:0 0 36px;border:0;border-radius:50%;background:#e4e6eb;color:#26313e;font:700 25px/1 Segoe UI,sans-serif;cursor:pointer}.mp-crop-close:hover{background:#d8dadf}.mp-crop-close:focus-visible{outline:3px solid rgba(24,119,242,.4);outline-offset:2px}
.mp-crop-body{padding:16px 18px}.mp-crop-source{display:flex;gap:7px;align-items:baseline;min-width:0;margin-bottom:10px;color:var(--dim);font-size:12px}.mp-crop-source strong{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.mp-crop-source small{margin-left:auto;white-space:nowrap}
.mp-crop-stage-wrap{display:grid;place-items:center;min-height:260px;padding:12px;border-radius:12px;background-color:#17202b;background-image:linear-gradient(45deg,#202c39 25%,transparent 25%),linear-gradient(-45deg,#202c39 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#202c39 75%),linear-gradient(-45deg,transparent 75%,#202c39 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}
.mp-crop-stage{position:relative;display:grid;place-items:center;width:min(100%,760px);max-height:55vh;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.mp-crop-canvas{display:block;width:100%;max-height:55vh;object-fit:contain;cursor:grab;touch-action:none;background:transparent}.mp-crop-canvas.is-dragging{cursor:grabbing}.mp-crop-canvas:focus-visible{outline:4px solid #7ec8ff;outline-offset:-4px}
.mp-crop-safe{position:absolute;border:3px dashed rgba(255,255,255,.95);box-shadow:0 0 0 9999px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.55) inset;pointer-events:none}.mp-crop-safe.is-round{border-radius:50%}
.mp-crop-safe-label{margin:8px auto 0;max-width:760px;color:#46586d;font-size:12px;text-align:center;line-height:1.4}
.mp-crop-controls{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;gap:12px;align-items:center;margin:14px auto 4px;max-width:760px}.mp-crop-controls label{display:flex;gap:6px;align-items:center;margin:0;color:var(--text)}.mp-crop-controls output{min-width:4ch;color:var(--accent);font-weight:800}.mp-crop-controls input{padding:0;accent-color:var(--accent)}
.mp-crop-preview-section{margin:18px auto 0;max-width:820px}.mp-crop-preview-section h3{font-size:15px;text-align:center}.mp-crop-previews{display:flex;align-items:end;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:9px}.mp-crop-previews figure{display:grid;gap:5px;place-items:center;max-width:100%}.mp-crop-previews canvas{display:block;max-width:min(100%,320px);height:auto;border:1px solid #9caabd;background-color:#e7ebf0;background-image:linear-gradient(45deg,#dbe1e8 25%,transparent 25%),linear-gradient(-45deg,#dbe1e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dbe1e8 75%),linear-gradient(-45deg,transparent 75%,#dbe1e8 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0;box-shadow:0 3px 10px rgba(0,0,0,.12)}.mp-crop-previews canvas.is-round{border-radius:50%}.mp-crop-previews figcaption{color:var(--dim);font-size:11px;font-weight:700}
.mp-crop-note{max-width:760px;margin:15px auto 0;padding:9px 11px;border:1px solid #b9d5f7;border-radius:9px;background:#f3f8ff;color:#355372;font-size:12px;line-height:1.45}.mp-crop-status{min-height:20px;margin:7px auto 0;max-width:760px;color:#9b2c2c;font-size:12px;font-weight:700;text-align:center}
.mp-crop-actions{position:sticky;bottom:0;z-index:3;display:flex;justify-content:flex-end;gap:9px;padding:12px 18px;border-top:1px solid var(--border);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
@media(max-width:600px){.mp-crop-overlay{padding:0;place-items:stretch}.mp-crop-dialog{width:100%;max-height:100dvh;border:0;border-radius:0}.mp-crop-head{padding:max(12px,env(safe-area-inset-top)) 12px 11px}.mp-crop-body{padding:12px}.mp-crop-source{display:grid;grid-template-columns:auto 1fr}.mp-crop-source strong{max-width:100%}.mp-crop-source small{grid-column:1/-1;margin-left:0}.mp-crop-stage-wrap{min-height:190px;padding:7px}.mp-crop-stage,.mp-crop-canvas{max-height:48vh}.mp-crop-controls{grid-template-columns:auto 1fr}.mp-crop-controls .mp-crop-reset{grid-column:1/-1}.mp-crop-actions{padding:10px 12px max(10px,env(safe-area-inset-bottom))}.mp-crop-actions .btn{flex:1;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.mp-crop-overlay *{scroll-behavior:auto!important}}