#crStage{ position:relative; display:inline-block; max-width:100%; line-height:0; touch-action:none; -webkit-user-select:none; user-select:none; margin-top:6px; }
        #crCanvas{ max-width:100%; display:block; border-radius:8px; border:1px solid #e5e9f0; background:#f1f5f9; box-shadow:0 6px 20px -14px rgba(15,23,42,.4); }
        #crSel{ position:absolute; border:2px solid #1e5a9e; box-shadow:0 0 0 9999px rgba(15,23,42,.45); box-sizing:border-box; cursor:move; display:none; }
        #crSel .crh{ position:absolute; width:14px; height:14px; background:#fff; border:2px solid #1e5a9e; border-radius:50%; box-sizing:border-box; }
        #crSel .crh[data-h="nw"]{ left:-8px; top:-8px; cursor:nwse-resize; }
        #crSel .crh[data-h="ne"]{ right:-8px; top:-8px; cursor:nesw-resize; }
        #crSel .crh[data-h="sw"]{ left:-8px; bottom:-8px; cursor:nesw-resize; }
        #crSel .crh[data-h="se"]{ right:-8px; bottom:-8px; cursor:nwse-resize; }