.drag-canvas-warp *{-webkit-user-select:none;-ms-user-select:none;user-select:none}.drag-canvas-warp .item{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;z-index:-1}.board-warp{position:relative;overflow:auto}.board-warp .view-wrapper{-webkit-user-select:none;-ms-user-select:none;user-select:none;top:0;left:0;-ms-touch-action:none;touch-action:none}.board-warp .view-wrapper .y-help-line{border-left:1px dashed #198fff;height:100%;position:absolute;z-index:100}.board-warp .view-wrapper .x-help-line{width:100%;border-bottom:1px dashed #198fff;position:absolute;z-index:100}.board-warp .view-wrapper .react{position:absolute;z-index:8;background-color:rgba(25,143,255,.1)}.board-warp .canvas-wrapper{width:500px;height:500px;background-color:#fff;border-radius:2px;box-shadow:0 0 10px rgba(0,21,41,.08);transition:transform .2s ease}.board-warp .board-canvas,.board-warp .canvas-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-warp .board-canvas{width:100%;height:100%}.board-warp .zoom-controls{position:fixed;top:150px;left:400px;transform:translateX(-50%);gap:8px;padding:8px 12px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1000}.board-warp .zoom-btn,.board-warp .zoom-controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:#fff}.board-warp .zoom-btn{width:32px;height:32px;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;-ms-flex-pack:center;justify-content:center;color:#606266;transition:all .2s}.board-warp .zoom-btn:hover:not(:disabled){background:#f5f7fa;border-color:#c0c4cc}.board-warp .zoom-btn:disabled{cursor:not-allowed;opacity:.5}.board-warp .zoom-btn i{font-size:14px}.board-warp .zoom-level{min-width:50px;text-align:center;font-size:14px;color:#606266;-webkit-user-select:none;-ms-user-select:none;user-select:none}