.duo[data-v-691b7192]{display:flex;flex-direction:column;gap:12px;padding-bottom:92px}.stage[data-v-691b7192]{background:linear-gradient(180deg,#fbfbfd,#f2f2f6);border-radius:18px;height:clamp(340px,54vh,560px);overflow:hidden;position:relative;width:100%}.stage-canvas[data-v-691b7192]{display:block;height:100%;top:0;right:0;bottom:0;left:0;position:absolute;touch-action:none;width:100%}.colors[data-v-691b7192]{display:flex;flex-direction:column;gap:14px;position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:3}.swatch[data-v-691b7192]{border:1px solid rgba(0,0,0,.15);border-radius:50%;cursor:pointer;height:24px;padding:0;transition:transform .2s ease,box-shadow .2s ease;width:24px}.swatch[data-v-691b7192]:hover{transform:scale(1.12)}.swatch.on[data-v-691b7192]{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #0071e3}.failure[data-v-691b7192]{background:rgba(0,0,0,.55);border:1px solid hsla(0,91%,71%,.35);border-radius:10px;color:#fca5a5;font-size:12px;inset:auto 16px 16px;line-height:1.5;padding:10px 12px;position:absolute;word-break:break-all}.panel[data-v-691b7192]{align-items:center;background:#f5f5f7;border-radius:14px;display:flex;gap:16px;margin-bottom:22px;padding:12px 18px}.btn[data-v-691b7192]{background:#fff;border:1px solid #d2d2d7;border-radius:980px;color:#1d1d1f;cursor:pointer;font:inherit;font-size:13px;padding:7px 16px;transition:all .2s ease;white-space:nowrap}.btn[data-v-691b7192]:hover{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.btn.primary[data-v-691b7192]{font-weight:600}.slider[data-v-691b7192]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#d2d2d7;border-radius:999px;cursor:pointer;flex:1;height:4px;outline:none}.slider[data-v-691b7192]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1d1d1f;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0000004d;cursor:grab;height:20px;width:20px}.slider[data-v-691b7192]::-moz-range-thumb{background:#1d1d1f;border:2px solid #fff;border-radius:50%;cursor:grab;height:14px;width:14px}.readout[data-v-691b7192]{color:#6e6e73;font-size:12px;font-variant-numeric:tabular-nums;min-width:44px;text-align:right}@media (prefers-reduced-motion:reduce){.btn[data-v-691b7192],.swatch[data-v-691b7192]{transition:none!important}}