.duo[data-v-a6746e9d]{display:flex;flex-direction:column;gap:12px;padding-bottom:92px}.loading[data-v-a6746e9d]{align-items:center;background:linear-gradient(180deg,#fbfbfd,#f2f2f6);display:flex;flex-direction:column;gap:16px;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;transition:opacity .5s ease;z-index:2}.loading span[data-v-a6746e9d]{color:#86868b;font-size:13px}.spinner[data-v-a6746e9d]{height:34px;position:relative;width:34px}.spinner i[data-v-a6746e9d]{animation:ios-spin-a6746e9d 1s linear infinite;background:#86868b;border-radius:1.5px;height:9px;left:50%;margin:-17px 0 0 -1.5px;position:absolute;top:50%;transform-origin:50% 17px;width:3px}@keyframes ios-spin-a6746e9d{0%{opacity:1}to{opacity:.12}}.stage[data-v-a6746e9d]{background:linear-gradient(180deg,#fbfbfd,#f2f2f6);border-radius:18px;height:clamp(340px,54vh,560px);overflow:hidden;position:relative;width:100%}.stage-canvas[data-v-a6746e9d]{display:block;height:100%;top:0;right:0;bottom:0;left:0;position:absolute;touch-action:none;width:100%}.colors[data-v-a6746e9d]{display:flex;flex-direction:column;gap:14px;position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:3}.swatch[data-v-a6746e9d]{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-a6746e9d]:hover{transform:scale(1.12)}.swatch.on[data-v-a6746e9d]{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #0071e3}.failure[data-v-a6746e9d]{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-a6746e9d]{align-items:center;background:#f5f5f7;border-radius:14px;display:flex;gap:16px;margin-bottom:22px;padding:12px 18px}.btn[data-v-a6746e9d]{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-a6746e9d]:hover{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.btn.primary[data-v-a6746e9d]{font-weight:600}.slider[data-v-a6746e9d]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#d2d2d7;border-radius:999px;cursor:pointer;flex:1;height:4px;outline:none}.slider[data-v-a6746e9d]::-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-a6746e9d]::-moz-range-thumb{background:#1d1d1f;border:2px solid #fff;border-radius:50%;cursor:grab;height:14px;width:14px}.readout[data-v-a6746e9d]{color:#6e6e73;font-size:12px;font-variant-numeric:tabular-nums;min-width:44px;text-align:right}@media (prefers-reduced-motion:reduce){.btn[data-v-a6746e9d],.swatch[data-v-a6746e9d]{transition:none!important}}