.cc[data-v-cf34a8cb]{display:flex;flex-direction:column;gap:16px}.colors[data-v-cf34a8cb]{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.color-field[data-v-cf34a8cb]{display:flex;align-items:center;gap:12px}.color-label[data-v-cf34a8cb]{font-size:14px;font-weight:600;color:var(--text-primary);width:64px}.hex-input[data-v-cf34a8cb]{width:190px}.hex-input[data-v-cf34a8cb] .el-input__inner{font-family:Consolas,Monaco,monospace}.swap[data-v-cf34a8cb]{margin-top:14px}.ratio-panel[data-v-cf34a8cb]{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border:1px solid var(--border-lighter);border-radius:12px;padding:14px 18px;background:var(--bg-color)}.ratio-value[data-v-cf34a8cb]{font-size:34px;font-weight:700;color:var(--el-color-primary)}.badges[data-v-cf34a8cb]{display:flex;gap:8px;flex-wrap:wrap}.mono[data-v-cf34a8cb]{font-family:Consolas,Monaco,monospace}.preview[data-v-cf34a8cb]{border:1px solid var(--border-lighter);border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:10px}.preview p[data-v-cf34a8cb]{margin:0}.preview .large[data-v-cf34a8cb]{font-size:24px;font-weight:700}.preview .small[data-v-cf34a8cb]{font-size:12px}