.color-wrap[data-v-8c40ffe7]{display:flex;flex-direction:column;gap:20px}.error-alert[data-v-8c40ffe7]{margin-bottom:0}.color-head[data-v-8c40ffe7]{display:flex;align-items:center;gap:20px}.color-preview[data-v-8c40ffe7],.swatch-item__color[data-v-8c40ffe7]{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-8c40ffe7]{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-8c40ffe7]{position:absolute;inset:0}.color-preview__hex[data-v-8c40ffe7]{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-8c40ffe7]{display:flex;flex-direction:column;gap:10px}.format-row[data-v-8c40ffe7]{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-8c40ffe7]{flex-shrink:0;width:44px;font-size:13px;font-weight:700;color:var(--wz-jade)}.format-row__input[data-v-8c40ffe7]{flex:1}.format-row__input[data-v-8c40ffe7] .el-input__inner{font-family:var(--wz-font-mono)}.alpha-row__slider[data-v-8c40ffe7]{flex:1}.alpha-row__slider[data-v-8c40ffe7] .el-slider__runway{margin:12px 0}.alpha-row__value[data-v-8c40ffe7]{flex-shrink:0;width:44px;text-align:right;font-size:13px;color:var(--wz-ink-muted)}.extra-section__label[data-v-8c40ffe7]{font-size:14px;font-weight:600;color:var(--wz-ink-muted);margin-bottom:10px}.swatch-pair[data-v-8c40ffe7]{display:flex;align-items:center;gap:16px}.swatch-item[data-v-8c40ffe7]{display:flex;flex-direction:column;align-items:center;gap:6px}.swatch-item__color[data-v-8c40ffe7]{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-8c40ffe7]{position:absolute;inset:0}.swatch-item__hex[data-v-8c40ffe7]{font-size:12px;color:var(--wz-ink-muted)}.swatch-pair__arrow[data-v-8c40ffe7]{color:var(--wz-ink-faint)}.palette[data-v-8c40ffe7]{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.palette__item[data-v-8c40ffe7]{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-8c40ffe7]:hover{transform:translateY(-2px)}.palette__hex[data-v-8c40ffe7]{font-size:11px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}@media (max-width: 600px){.palette[data-v-8c40ffe7]{grid-template-columns:repeat(3,1fr)}}