.image-stage{position:relative;width:100%;height:380px;background:repeating-conic-gradient(#ccc 0 25%,#e5e5e5 0 50%) 0/20px 20px;overflow:hidden}.image-stage img{width:100%;height:100%;object-fit:contain;display:block;background:none}.crop-box{position:absolute;border:2px solid var(--acid);box-shadow:0 0 0 9999px rgba(0,0,0,.5);cursor:move;touch-action:none}.crop-box:before{content:"";position:absolute;inset:0 33.333%;border-left:1px solid rgba(255,255,255,.65);border-right:1px solid rgba(255,255,255,.65)}.crop-box:after{content:"";position:absolute;inset:33.333% 0;border-top:1px solid rgba(255,255,255,.65);border-bottom:1px solid rgba(255,255,255,.65)}.handle{position:absolute;width:14px;height:14px;background:var(--acid);border:2px solid var(--ink);z-index:2}.handle.nw{left:-8px;top:-8px;cursor:nwse-resize}.handle.ne{right:-8px;top:-8px;cursor:nesw-resize}.handle.sw{left:-8px;bottom:-8px;cursor:nesw-resize}.handle.se{right:-8px;bottom:-8px;cursor:nwse-resize}.crop-tools{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 25px}.crop-toggle{font-weight:bold;margin:15px 0}.crop-options{padding:0 0 14px}.crop-options p{font-size:11px;color:var(--muted);margin:10px 0 0}.preset-row{display:flex;gap:7px}.preset{border:1px solid var(--line);background:white;padding:7px 11px;font-size:11px;cursor:pointer}.preset.active{background:var(--ink);color:white;border-color:var(--ink)}@media(max-width:800px){.image-stage{height:260px}}