.card-editor-root .image-crop-modal{z-index:1300;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.card-editor-root .image-crop-modal .bg{background:#00000073;position:absolute;inset:0}.card-editor-root .image-crop-modal .inner{background:#fff;border-radius:18px;flex-direction:column;gap:10px;width:min(92vw,560px);max-height:92vh;padding:18px;display:flex;position:relative;overflow:auto;box-shadow:0 24px 60px #00000040}.card-editor-root .image-crop-modal .popup-head{text-align:center}.card-editor-root .image-crop-modal .popup-head .title{color:#1a1a1a;font-size:18px;font-weight:600}.card-editor-root .image-crop-modal .popup-head .description{color:#6b7280;margin-top:4px;font-size:12px;line-height:1.5}.card-editor-root .image-crop-stage{touch-action:none;cursor:grab;background:#111;border-radius:12px;width:100%;height:min(48vh,340px);position:relative;overflow:hidden}.card-editor-root .image-crop-stage:active{cursor:grabbing}.card-editor-root .image-crop-frame{pointer-events:none;border:2px solid #ffe70a;position:absolute;box-shadow:0 0 0 9999px #0000008c}.card-editor-root .image-crop-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.card-editor-root .image-crop-ratios{gap:6px;display:flex}.card-editor-root .image-crop-ratio{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:5px 10px;font-size:12px}.card-editor-root .image-crop-ratio.is-active{border-color:var(--brand-accent);color:#1a56db;background:#eef5ff}.card-editor-root .image-crop-zoom{color:#4b5563;align-items:center;gap:8px;font-size:12px;display:flex}.card-editor-root .image-crop-zoom input{width:150px}.card-editor-root .image-crop-error{color:#b42318;margin:0;font-size:12px}.card-editor-root .image-crop-modal .popup-footer .action-btns{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.card-editor-root .image-crop-modal .popup-footer button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px}.card-editor-root .image-crop-modal .popup-footer .submit-btn{color:#fff;background:var(--brand-accent);border-color:var(--brand-accent);font-weight:600}.card-editor-root .image-crop-modal .popup-footer button:disabled{opacity:.55;cursor:default}.card-editor-root .img-uploader .image-crop-btn{z-index:2;color:#fff;cursor:pointer;background:#0000009e;border:0;border-radius:6px;padding:3px 7px;font-size:10px;line-height:1.2;position:absolute;bottom:4px;right:4px}.card-editor-root .img-uploader .image-crop-btn:hover{background:#000c}.image-crop-shape-overlay{pointer-events:none;background:#ffe70a33;position:absolute;inset:0}.image-crop-shapes{flex-direction:column;gap:6px;display:flex}.image-crop-shapes__head{color:#374151;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.image-crop-shapes__reset{color:#2563eb;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.image-crop-shapes__grid{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;max-height:158px;padding:4px;display:grid;overflow:auto}.image-crop-shape{aspect-ratio:1;cursor:pointer;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #e5e7eb;border-radius:7px;width:100%;padding:0}.image-crop-shape:hover{border-color:#93c5fd}.image-crop-shape.is-active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb38}.image-crop-shapes__hint{color:#6b7280;margin:0;font-size:11px;line-height:1.45}@media (any-hover:none){.card-editor-root .img-uploader .image-crop-btn:before{content:"";position:absolute;inset:-10px -4px -4px -8px}}
