.form-cropimg-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.form-cropimg-btn{appearance:none;border:1px solid #c9d1dc;background:#fff;color:#172033;border-radius:10px;padding:10px 14px;font:600 14px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.form-cropimg-btn:hover{background:#f3f6fa}.form-cropimg-btn--primary{background:#1769e0;border-color:#1769e0;color:#fff}.form-cropimg-btn--primary:hover{background:#0f57c2}.form-cropimg-filename{display:block;font:500 12px/1.4 system-ui;color:#586174;margin-top:5px;overflow-wrap:anywhere}.form-cropimg-native-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.form-cropimg-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,10,20,.88);touch-action:none}.form-cropimg-modal[hidden]{display:none!important}.form-cropimg-dialog{width:min(980px,100%);height:min(760px,calc(100dvh - 24px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#111827;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.45);color:#fff}.form-cropimg-head,.form-cropimg-footer{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#0b1220}.form-cropimg-head{justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.form-cropimg-head h2{font:700 16px/1.2 system-ui;margin:0}.form-cropimg-close{border:0;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer;padding:4px 8px}.form-cropimg-stage{position:relative;min-height:260px;overflow:hidden;background:repeating-conic-gradient(#1f2937 0 25%,#253142 0 50%) 50%/24px 24px}.form-cropimg-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.form-cropimg-canvas:active{cursor:grabbing}.form-cropimg-footer{flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1)}.form-cropimg-tools{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:8px}.form-cropimg-tools button,.form-cropimg-tools select{border:1px solid rgba(255,255,255,.18);background:#182235;color:#fff;border-radius:9px;padding:9px 10px;font:600 13px system-ui}.form-cropimg-tools input[type=range]{width:min(180px,36vw)}.form-cropimg-status{font:500 12px system-ui;color:#bfdbfe;min-width:110px}.form-cropimg-submit{display:flex;gap:8px;margin-left:auto}.form-cropimg-submit button{border-radius:10px;padding:10px 15px;border:1px solid rgba(255,255,255,.2);font:700 14px system-ui;cursor:pointer}.form-cropimg-cancel{background:transparent;color:#fff}.form-cropimg-apply{background:#22c55e;color:#07130b;border-color:#22c55e!important}.form-cropimg-demo{max-width:620px;padding:24px;border:1px solid #d9e0e8;border-radius:16px;background:#fff}.form-cropimg-demo-note{font-size:13px;color:#667085}@media(max-width:640px){.form-cropimg-modal{padding:0}.form-cropimg-dialog{height:100dvh;border-radius:0;border:0}.form-cropimg-footer{padding:10px}.form-cropimg-tools{width:100%}.form-cropimg-submit{width:100%;margin-left:0}.form-cropimg-submit button{flex:1}.form-cropimg-tools input[type=range]{flex:1;width:auto}.form-cropimg-head h2{font-size:14px}}
