.color-wrap[data-v-5e014c07]{display:flex;flex-direction:column;gap:20px}.error-alert[data-v-5e014c07]{margin-bottom:0}.color-head[data-v-5e014c07]{display:flex;align-items:center;gap:20px}.color-preview[data-v-5e014c07],.swatch-item__color[data-v-5e014c07]{background-color:var(--wz-surface);background-image:linear-gradient(45deg,var(--wz-surface-2) 25%,transparent 25%),linear-gradient(-45deg,var(--wz-surface-2) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--wz-surface-2) 75%),linear-gradient(-45deg,transparent 75%,var(--wz-surface-2) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.color-preview[data-v-5e014c07]{position:relative;flex:1;height:96px;display:flex;align-items:center;justify-content:center;border:1px solid var(--wz-border);border-radius:var(--wz-radius);box-shadow:var(--wz-shadow-sm);overflow:hidden}.color-preview__fill[data-v-5e014c07]{position:absolute;inset:0}.color-preview__hex[data-v-5e014c07]{position:relative;z-index:1;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);letter-spacing:.04em}.format-list[data-v-5e014c07]{display:flex;flex-direction:column;gap:10px}.format-row[data-v-5e014c07]{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--wz-surface);border:1px solid var(--wz-border);border-radius:var(--wz-radius)}.format-row__label[data-v-5e014c07]{flex-shrink:0;width:44px;font-size:13px;font-weight:700;color:var(--wz-jade)}.format-row__input[data-v-5e014c07]{flex:1}.format-row__input[data-v-5e014c07] .el-input__inner{font-family:var(--wz-font-mono)}.alpha-row__slider[data-v-5e014c07]{flex:1}.alpha-row__slider[data-v-5e014c07] .el-slider__runway{margin:12px 0}.alpha-row__value[data-v-5e014c07]{flex-shrink:0;width:44px;text-align:right;font-size:13px;color:var(--wz-ink-muted)}.css-var-row__prefix[data-v-5e014c07]{width:auto;text-align:right}.css-var-row__btn-text[data-v-5e014c07]{margin-left:4px}.css-var-preview[data-v-5e014c07]{margin-top:8px;padding:10px 14px;background:var(--wz-jade-soft);border:1px solid color-mix(in srgb,var(--wz-jade) 25%,transparent);border-radius:var(--wz-radius-sm);font-size:13px;color:var(--wz-ink);word-break:break-all}.extra-section__label[data-v-5e014c07]{font-size:14px;font-weight:600;color:var(--wz-ink-muted);margin-bottom:10px}.swatch-pair[data-v-5e014c07]{display:flex;align-items:center;gap:16px}.swatch-item[data-v-5e014c07]{display:flex;flex-direction:column;align-items:center;gap:6px}.swatch-item__color[data-v-5e014c07]{position:relative;width:72px;height:72px;border-radius:var(--wz-radius);border:1px solid var(--wz-border);box-shadow:var(--wz-shadow-sm);overflow:hidden}.swatch-item__fill[data-v-5e014c07]{position:absolute;inset:0}.swatch-item__hex[data-v-5e014c07]{font-size:12px;color:var(--wz-ink-muted)}.swatch-pair__arrow[data-v-5e014c07]{color:var(--wz-ink-faint)}.palette[data-v-5e014c07]{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.palette__item[data-v-5e014c07]{height:64px;border-radius:var(--wz-radius-sm);border:1px solid var(--wz-border);display:flex;align-items:flex-end;justify-content:center;padding:4px;cursor:pointer;transition:transform .12s}.palette__item[data-v-5e014c07]:hover{transform:translateY(-2px)}.palette__hex[data-v-5e014c07]{font-size:11px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}@media (max-width: 600px){.palette[data-v-5e014c07]{grid-template-columns:repeat(3,1fr)}}.contrast-row[data-v-5e014c07]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.contrast-color[data-v-5e014c07]{display:flex;align-items:center;gap:8px}.contrast-color__label[data-v-5e014c07]{font-size:13px;font-weight:600;color:var(--wz-ink-muted)}.contrast-color__hex[data-v-5e014c07]{font-size:12px;color:var(--wz-ink-muted)}.contrast-swap[data-v-5e014c07]{color:var(--wz-ink-faint)}.contrast-swap[data-v-5e014c07]:hover{color:var(--wz-jade)}.contrast-result[data-v-5e014c07]{display:flex;align-items:center;gap:24px;margin-top:16px;flex-wrap:wrap}.contrast-ratio[data-v-5e014c07]{display:flex;flex-direction:column;gap:2px}.contrast-ratio__num[data-v-5e014c07]{font-size:28px;font-weight:700;color:var(--wz-jade);line-height:1.1}.contrast-ratio__hint[data-v-5e014c07]{font-size:11px;color:var(--wz-ink-faint)}.contrast-badges[data-v-5e014c07]{display:flex;flex-wrap:wrap;gap:8px}.contrast-badge[data-v-5e014c07]{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid var(--wz-border);white-space:nowrap}.contrast-badge--pass[data-v-5e014c07]{background:color-mix(in srgb,var(--wz-jade) 14%,transparent);color:var(--wz-jade);border-color:color-mix(in srgb,var(--wz-jade) 30%,transparent)}.contrast-badge--fail[data-v-5e014c07]{background:var(--wz-surface-2);color:var(--wz-ink-faint)}.contrast-preview[data-v-5e014c07]{margin-top:16px;padding:18px 20px;border-radius:var(--wz-radius);border:1px solid var(--wz-border)}.contrast-preview__large[data-v-5e014c07]{font-size:22px;font-weight:700;margin:0 0 8px;line-height:1.4}.contrast-preview__small[data-v-5e014c07]{font-size:13px;margin:0;line-height:1.6}