.ka-btn-sm{padding:6px 12px;font-size:14px;line-height:1.2}
.ka-viz-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.ka-viz-hint{margin:6px 0 10px}
.ka-viz-stage{position:relative;width:100%;background:#fafafa;border:1px dashed #ccc;overflow:hidden;margin-bottom:10px}
.ka-viz-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.ka-viz-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);user-select:none;touch-action:none}
.ka-viz-overlay{display:block;width:240px;height:auto;pointer-events:none}
.ka-handle{position:absolute;width:28px;height:28px;opacity:0 !important;pointer-events:none}
.ka-handle::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;background:transparent;border:1.5px solid #000;border-radius:50%;transform:translate(-50%,-50%);box-sizing:border-box}
.ka-viz-wrap.active .ka-handle{opacity:1 !important;pointer-events:auto}
.ka-handle.tl{top:-17px;left:-17px;cursor:nwse-resize}
.ka-handle.tr{top:-17px;right:-17px;cursor:nesw-resize}
.ka-handle.bl{bottom:-17px;left:-17px;cursor:nesw-resize}
.ka-handle.br{bottom:-17px;right:-17px;cursor:nwse-resize}
.ka-viz-dims{margin:8px 0 0;font-size:14px}
.ka-viz-swatches{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:8px}
.ka-viz-swatches .ka-swatch{display:flex;align-items:center;gap:8px;border:1px solid #ddd;border-radius:6px;padding:6px 10px;line-height:1;margin:0 !important;background:#fff}
.ka-viz-swatches .ka-swatch img{width:26px;height:26px;object-fit:contain}
.ka-viz-swatches .ka-swatch span{font-size:13px;letter-spacing:0;text-transform:none !important}
.ka-viz-swatches .ka-swatch.active{border-color:#000}
.ka-btn-disabled{opacity:.5; pointer-events:none}

.ka-viz-cta{border-radius:25px !important}

/* v9.7.11 radius update */

.ka-viz-cta,
#ka-viz-reset,
#ka-viz-share {
    border-radius:25px !important;
}