.global-cropper-modal.hidden{display:none!important}
.global-cropper-modal{position:fixed;inset:0;z-index:2147483647!important;display:grid;place-items:center;padding:18px;isolation:isolate;box-sizing:border-box}
dialog.global-cropper-modal{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;background:transparent;color:inherit}
dialog.global-cropper-modal::backdrop{background:transparent}
.global-cropper-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.76);backdrop-filter:blur(12px)}
.global-cropper-panel{position:relative;width:min(980px,96vw);max-height:92dvh;overflow:auto;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 35px 90px rgba(0,0,0,.35);padding:18px;border:1px solid rgba(255,255,255,.5);box-sizing:border-box}
.global-cropper-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.global-cropper-head h2{margin:0;font-size:24px;letter-spacing:0}
.global-cropper-head p{margin:4px 0 0;color:#64748b;line-height:1.35}
.global-cropper-head small{display:block;margin-top:8px;color:#2563eb;font-weight:900}
.global-cropper-head button{width:42px;height:42px;min-width:42px;border-radius:999px;background:#111827;color:#fff;font-size:22px;line-height:1}
.global-cropper-stage{border-radius:18px;overflow:hidden;background:#111827;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.global-cropper-stage canvas{display:block;width:100%;height:auto;max-height:58dvh;object-fit:contain;cursor:grab;touch-action:none}
.global-cropper-stage canvas.is-dragging{cursor:grabbing}
.global-cropper-zoom{display:flex;align-items:center;gap:12px;margin:14px 0;font-weight:900}.global-cropper-zoom input{flex:1;min-width:0}
.global-cropper-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.global-cropper-actions button{border-radius:999px;font-weight:900;background:#111827;color:#fff}
.global-cropper-actions [data-crop-skip]{background:#64748b}
.global-cropper-actions [data-crop-skip-all]{background:#334155}
.global-cropper-open{overflow:hidden}
html:not(.global-cropper-open) body:not(.global-cropper-open) :where(.composer-lightbox:not(.hidden), #composer-lightbox:not(.hidden), [data-composer-lightbox]:not(.hidden)){
  position:fixed!important;
  z-index:2147483400!important;
  visibility:visible!important;
  pointer-events:auto!important;
  isolation:isolate;
}
html.global-cropper-open body .composer-lightbox,
html.global-cropper-open body #composer-lightbox,
html.global-cropper-open body [data-composer-lightbox],
body.global-cropper-open .composer-lightbox,
body.global-cropper-open #composer-lightbox,
body.global-cropper-open [data-composer-lightbox]{display:none!important;visibility:hidden!important;z-index:0!important;pointer-events:none!important}
html.global-cropper-open body .composer-lightbox .composer-lightbox-backdrop,
html.global-cropper-open body .composer-lightbox .composer-lightbox-dialog,
html.global-cropper-open body #composer-lightbox .composer-lightbox-backdrop,
html.global-cropper-open body #composer-lightbox .composer-lightbox-dialog,
html.global-cropper-open body [data-composer-lightbox] .composer-lightbox-backdrop,
html.global-cropper-open body [data-composer-lightbox] .composer-lightbox-dialog,
body.global-cropper-open [data-composer-lightbox] .composer-lightbox-backdrop,
body.global-cropper-open [data-composer-lightbox] .composer-lightbox-dialog{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.global-cropper-aspects{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin:12px 0 14px}
.global-cropper-aspects button{border:1px solid rgba(15,23,42,.14);background:#fff;color:#111827;border-radius:999px;padding:9px 13px;font-weight:900;box-shadow:0 8px 18px rgba(15,23,42,.07);cursor:pointer;white-space:nowrap}
.global-cropper-aspects button.is-active{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border-color:transparent}
@media(max-width:720px){.global-cropper-modal{display:flex;align-items:center;justify-content:center;width:100vw;max-width:100vw;padding:8px;overflow:hidden}.global-cropper-panel{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:96dvh;padding:12px;border-radius:18px}.global-cropper-head{gap:10px}.global-cropper-head h2{font-size:20px}.global-cropper-head p{font-size:13px}.global-cropper-stage canvas{max-height:50dvh}.global-cropper-aspects{grid-template-columns:repeat(2,minmax(0,1fr))}.global-cropper-aspects button{padding:8px 9px;font-size:12px;min-width:0}.global-cropper-actions button{flex:1 1 145px;min-width:0}}