.tc-stage[data-v-969c3bc6]{background:#fff;border:2px dashed #cfd8e6;border-radius:18px;height:100%;overflow:hidden;position:relative;width:100%}.tc-stage[data-v-969c3bc6]:after,.tc-stage[data-v-969c3bc6]:before{background:#eef2f7;content:"";position:absolute}.tc-stage[data-v-969c3bc6]:before{height:1px;left:0;right:0;top:50%}.tc-stage[data-v-969c3bc6]:after{bottom:0;left:50%;top:0;width:1px}.tc-guide[data-v-969c3bc6]{align-items:center;color:#e6ebf2;display:flex;font-family:var(--font-body,sans-serif);font-weight:400;justify-content:center;line-height:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.tc-canvas[data-v-969c3bc6],.tc-guide[data-v-969c3bc6]{inset:0;position:absolute}.tc-canvas[data-v-969c3bc6]{cursor:crosshair;height:100%;touch-action:none;width:100%}.tc-colors[data-v-969c3bc6]{display:flex;gap:6px;left:8px;position:absolute;top:8px;z-index:3}.tc-swatch[data-v-969c3bc6]{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #28375538;cursor:pointer;height:24px;padding:0;transition:transform .1s;width:24px}.tc-swatch.on[data-v-969c3bc6]{outline:2px solid #2f5d92;outline-offset:1px}.tc-swatch[data-v-969c3bc6]:active{transform:scale(.9)}