.img-crop-modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(2,6,23,.6);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s}.img-crop-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.cropper-modal-inner{background:var(--surface,#111827);border:1px solid var(--border,rgba(255,255,255,.1));border-radius:20px;width:100%;max-width:520px;max-height:92vh;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04);position:relative;transform:scale(.94) translateY(14px);opacity:0;transition:transform .28s cubic-bezier(.34,1.4,.64,1),opacity .22s}.img-crop-modal.is-open .cropper-modal-inner{transform:scale(1) translateY(0);opacity:1}.cropper-close-btn{position:absolute;top:.7rem;inset-inline-end:.7rem;width:32px;height:32px;border-radius:50%;border:1px solid var(--border,rgba(255,255,255,.12));background:var(--surface-2,rgba(255,255,255,.06));color:var(--text,#f3f4f6);font-size:.95rem;line-height:1;cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s}.cropper-close-btn:hover{background:var(--surface-3,rgba(255,255,255,.12));transform:rotate(90deg)}.cropper-modal-head{display:flex;align-items:center;justify-content:center}.cropper-modal-title{font-weight:800;font-size:1.05rem;color:var(--text,#f3f4f6)}.cropper-phase-adjust,.cropper-phase-confirm{display:flex;flex-direction:column;gap:1rem}.cropper-modal-inner[data-phase=adjust] .cropper-phase-confirm,.cropper-modal-inner[data-phase=confirm] .cropper-phase-adjust{display:none}.cropper-workspace{display:flex;flex-direction:column;align-items:center;gap:.9rem}.cropper-canvas-wrap{width:100%;max-width:420px;height:320px;background:#000;border-radius:14px;overflow:hidden}.cropper-canvas-wrap img{display:block;max-width:100%}.cropper-shape-circle .cropper-face,.cropper-shape-circle .cropper-view-box{border-radius:50%}.cropper-shape-circle .cropper-view-box{box-shadow:0 0 0 9999px rgba(0,0,0,.7);outline:0}.cropper-shape-rounded .cropper-view-box{border-radius:14px;box-shadow:0 0 0 9999px rgba(0,0,0,.7)}.cropper-shape-rect .cropper-view-box{box-shadow:0 0 0 9999px rgba(0,0,0,.7)}.cropper-view-box{transition:border-radius .15s}.cropper-preview-wrap{display:flex;align-items:center;justify-content:center;gap:.75rem}.cropper-preview{overflow:hidden;background:#000;border:1px solid var(--border,rgba(255,255,255,.15));flex:0 0 auto}.cropper-preview-circle{width:76px;height:76px;border-radius:50%}.cropper-preview-rect{width:120px;height:76px;border-radius:10px}.cropper-preview img{display:block}.cropper-confirm-preview-wrap{display:flex;align-items:center;justify-content:center;padding:.5rem 0 .25rem}.cropper-preview-big{overflow:hidden;background:#000;border:1px solid var(--border,rgba(255,255,255,.15));box-shadow:0 12px 30px rgba(0,0,0,.4)}.cropper-preview-big-circle{width:min(220px,60vw);height:min(220px,60vw);border-radius:50%}.cropper-preview-big-rect{width:min(340px,80vw);border-radius:14px}.cropper-preview-big img{display:block}.cropper-controls{display:flex;align-items:center;gap:.6rem}.cropper-zoom-btn{flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:1px solid var(--border,rgba(255,255,255,.15));background:var(--surface-2,rgba(255,255,255,.06));color:var(--text,#f3f4f6);font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.cropper-zoom-btn:hover{background:var(--surface-3,rgba(255,255,255,.12))}.cropper-controls input[type=range]{flex:1;accent-color:var(--accent,#2563EB)}.cropper-actions{display:flex;gap:.6rem}.cropper-actions .btn-ghost,.cropper-actions .btn-primary{flex:1}@media (max-width:480px){.cropper-canvas-wrap{height:260px}.cropper-modal-inner{padding:.9rem;border-radius:16px}}