.stage-container{position:relative;width:100%;max-width:500px;margin:0 auto;background:#e9ecef;border:3px solid #ccc;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.stage-container.success-border{border-color:#198754}canvas{display:block;width:100%;height:auto}#canvas-modified{position:absolute;top:0;left:0;display:none;pointer-events:none}.view-modified #canvas-modified{display:block}.found-circle{position:absolute;border:4px solid #ffc107;border-radius:50%;pointer-events:none;animation:pulse 0.4s ease-out;z-index:10;box-sizing:border-box;transform:translate(-50%,-50%)}.found-circle.answer-style{border:4px solid #dc3545;border-radius:4px;animation:none;transform:none}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}.trigger-btn{user-select:none;-webkit-user-select:none;touch-action:manipulation}.crop-container{position:relative;width:100%;max-width:500px;height:400px;margin:0 auto;background:#222;overflow:hidden;cursor:move;touch-action:none}#crop-preview-img{position:absolute;top:0;left:0;transform-origin:top left;user-select:none;pointer-events:none}.crop-mask{position:absolute;top:0;left:0;right:0;bottom:0;border-style:solid;border-color:rgba(0,0,0,.6);pointer-events:none;z-index:5}