.crop-image-wrapper .cd-crop-stage{position:relative;display:inline-block;max-width:100%;line-height:0;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden;border-radius:8px}
.crop-image-wrapper .cd-crop-stage img{max-width:100%;max-height:58vh;height:auto;width:auto;display:block;-webkit-user-drag:none}
.crop-image-wrapper .cd-crop-shade{position:absolute;pointer-events:none;box-shadow:0 0 0 9999px rgba(0,0,0,.45)}
.crop-image-wrapper .cd-crop-box{position:absolute;border:1px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.4);cursor:move}
.crop-image-wrapper .cd-crop-box:before,.crop-image-wrapper .cd-crop-box:after{content:"";position:absolute;pointer-events:none;background:rgba(255,255,255,.35)}
.crop-image-wrapper .cd-crop-box:before{left:33.333%;right:33.333%;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.35);border-right:1px solid rgba(255,255,255,.35);background:none}
.crop-image-wrapper .cd-crop-box:after{top:33.333%;bottom:33.333%;left:0;right:0;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35);background:none}
.crop-image-wrapper .cd-crop-handle{position:absolute;width:14px;height:14px;background:#fff;border:1px solid rgba(0,0,0,.35);border-radius:2px;z-index:2}
.crop-image-wrapper .cd-crop-handle[data-handle=nw]{left:-7px;top:-7px;cursor:nwse-resize}
.crop-image-wrapper .cd-crop-handle[data-handle=ne]{right:-7px;top:-7px;cursor:nesw-resize}
.crop-image-wrapper .cd-crop-handle[data-handle=sw]{left:-7px;bottom:-7px;cursor:nesw-resize}
.crop-image-wrapper .cd-crop-handle[data-handle=se]{right:-7px;bottom:-7px;cursor:nwse-resize}
.crop-image-wrapper .cd-crop-handle-edge{width:10px;height:10px}
.crop-image-wrapper .cd-crop-confirm{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:8px;display:flex;align-items:center;gap:8px;padding:4px 6px 4px 10px;background:rgba(13,30,50,.92);border:1px solid rgba(255,255,255,.25);border-radius:999px;white-space:nowrap;z-index:3;line-height:1}
.crop-image-wrapper .cd-crop-confirm.cd-crop-confirm-below{bottom:auto;top:100%;margin-bottom:0;margin-top:8px}
.crop-image-wrapper .cd-crop-confirm-size{color:#fff;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.crop-image-wrapper .cd-crop-confirm-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:#4FAFFC;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s ease}
.crop-image-wrapper .cd-crop-confirm-btn:hover{background:#2E96EC}
.crop-image-wrapper .cd-crop-confirm-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.crop-image-wrapper .cd-crop-handle[data-handle=n]{left:50%;top:-5px;margin-left:-5px;cursor:ns-resize}
.crop-image-wrapper .cd-crop-handle[data-handle=s]{left:50%;bottom:-5px;margin-left:-5px;cursor:ns-resize}
.crop-image-wrapper .cd-crop-handle[data-handle=w]{top:50%;left:-5px;margin-top:-5px;cursor:ew-resize}
.crop-image-wrapper .cd-crop-handle[data-handle=e]{top:50%;right:-5px;margin-top:-5px;cursor:ew-resize}
.crop-image-wrapper .cd-crop-readout{font-size:12px!important;color:#5b6b7f;font-variant-numeric:tabular-nums}
.crop-image-wrapper .cd-ratio-row{display:flex;flex-wrap:wrap;gap:6px}
.crop-image-wrapper .cd-ratio-btn{flex:0 0 auto;font-size:13px;font-weight:600;padding:6px 12px;border:1px solid #d7dee8;border-radius:999px;background:#fff;color:#33415c;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s,color .15s}
.crop-image-wrapper .cd-ratio-btn:hover{border-color:#3448c5;color:#3448c5}
.crop-image-wrapper .cd-ratio-btn.active{background:#3448c5;border-color:#3448c5;color:#fff}
.crop-image-wrapper .cd-settings-row{display:flex;gap:10px;margin-bottom:8px}
.crop-image-wrapper .cd-num-field{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:6px}
.crop-image-wrapper .cd-num-field>span{font-size:12px!important;font-weight:700;color:#5b6b7f;width:16px;flex:none}
.crop-image-wrapper .cd-num-field-wide>span{width:auto}
.crop-image-wrapper .cd-num-field .cd-control-input,.crop-image-wrapper .cd-num-field .cd-control-select{width:100%;min-width:0}
.crop-image-wrapper .cd-control-input,.crop-image-wrapper .cd-control-select{padding:8px 12px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:6px;color:#fff;font-size:14px;transition:all 0.2s ease;color-scheme:dark}
.crop-image-wrapper .cd-control-input:focus,.crop-image-wrapper .cd-control-select:focus{outline:none;border-color:#4FAFFC;background:rgba(79,175,252,0.1)}
.crop-image-wrapper .cd-control-input::placeholder{color:rgba(255,255,255,0.45)}
.crop-image-wrapper .cd-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#48C4D8,#4FAFFC);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(72,196,216,0.3)}
.crop-image-wrapper .cd-download-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(72,196,216,0.4)}
.crop-image-wrapper .cd-download-btn svg{fill:currentColor;width:14px;height:14px}
.crop-image-wrapper .cd-download-btn:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}
.crop-image-wrapper .cd-download-btn-secondary,.crop-image-wrapper .cd-reset-all-btn{background:transparent;border:1px solid rgba(255,255,255,0.3);color:rgba(255,255,255,0.8);box-shadow:none;font-weight:500}
.crop-image-wrapper .cd-download-btn-secondary:hover,.crop-image-wrapper .cd-reset-all-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);color:#fff;transform:none;box-shadow:none}
.crop-image-wrapper .cd-reset-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:13px;cursor:pointer;transition:all 0.3s ease}
.crop-image-wrapper .cd-custom-hint{font-size:12px!important;color:#5b6b7f;margin:6px 0 0;line-height:1.5}
.crop-image-wrapper .cd-image-info{font-size:12px!important;color:#5b6b7f;margin-top:8px;font-variant-numeric:tabular-nums}
.crop-image-wrapper .cd-result-badge{font-size:12px!important;color:#5b6b7f;font-variant-numeric:tabular-nums}
.crop-image-wrapper .cd-image-status{display:none;margin-bottom:12px;padding:10px 14px;border-radius:8px;background:#fdecec;color:#8a1f1f}
.crop-image-wrapper .cd-image-status .status-text{font-size:14px;font-weight:700}
.crop-image-wrapper .cd-image-status .status-details{font-size:12px!important;margin-top:2px}
.crop-image-wrapper .cd-output-section{margin-top:28px}
.crop-image-wrapper #cd-result-image{max-width:100%;height:auto;display:block;border-radius:8px}

#hero.content-grid-mod .crop-image-wrapper .cd-crop-readout,#hero.content-grid-mod .crop-image-wrapper .cd-custom-hint,#hero.content-grid-mod .crop-image-wrapper .cd-image-info,#hero.content-grid-mod .crop-image-wrapper .cd-num-field>span{font-size:12px!important;color:#96abc2}
#hero.content-grid-mod .crop-image-wrapper .cd-ratio-btn{background:transparent;border-color:rgba(255,255,255,.25);color:#d5dde6}
#hero.content-grid-mod .crop-image-wrapper .cd-ratio-btn.active{background:#4faffc;border-color:#4faffc;color:#04203a}

@media (max-width:767px){
.crop-image-wrapper .cd-settings-row{flex-wrap:wrap}
.crop-image-wrapper .cd-ratio-btn{font-size:12px;padding:5px 10px}
}