.mixer__wrap[data-v-dc6e52d9]{margin-top:16px}.mixer__controls[data-v-dc6e52d9]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff80;border:1px solid #fff9;border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}html.dark .mixer__controls[data-v-dc6e52d9]{background:#14233799;border-color:#ffffff0f}.mixer__color-row[data-v-dc6e52d9]{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.mixer__color-item[data-v-dc6e52d9]{align-items:center;gap:8px;display:flex}.mixer__label[data-v-dc6e52d9]{color:var(--el-text-color-secondary);min-width:60px;font-size:14px}.mixer__hex[data-v-dc6e52d9]{color:var(--el-text-color-primary);font-family:monospace;font-size:13px}.mixer__plus[data-v-dc6e52d9]{color:var(--el-text-color-secondary);font-size:20px;font-weight:700}.mixer__mode-row[data-v-dc6e52d9],.mixer__ratio-row[data-v-dc6e52d9]{align-items:center;gap:12px;display:flex}.mixer__result[data-v-dc6e52d9]{margin-top:24px}.mixer__swatches[data-v-dc6e52d9]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff80;border:1px solid #fff9;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}html.dark .mixer__swatches[data-v-dc6e52d9]{background:#14233799;border-color:#ffffff0f}.mixer__swatch-item[data-v-dc6e52d9]{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.mixer__swatch-item .mixer__swatch[data-v-dc6e52d9]{cursor:pointer;border:2px solid #0000001a;border-radius:12px;width:80px;height:80px;transition:transform .2s}.mixer__swatch-item .mixer__swatch[data-v-dc6e52d9]:hover{transform:scale(1.1)}.mixer__swatch-item .mixer__swatch--result[data-v-dc6e52d9]{border:3px solid var(--el-color-primary);width:100px;height:100px}.mixer__swatch-item--result .mixer__swatch-label[data-v-dc6e52d9]{color:var(--el-color-primary);font-weight:700}.mixer__swatch-item .mixer__swatch-label[data-v-dc6e52d9]{color:var(--el-text-color-secondary);font-size:13px}.mixer__swatch-item .mixer__swatch-hex[data-v-dc6e52d9]{color:var(--el-text-color-primary);font-family:monospace;font-size:12px}.mixer__swatch-item .mixer__swatch-rgb[data-v-dc6e52d9]{color:var(--el-text-color-secondary);font-family:monospace;font-size:11px}.mixer__arrow[data-v-dc6e52d9]{color:var(--el-text-color-secondary);flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.mixer__info[data-v-dc6e52d9]{margin-top:20px}.mixer__theory[data-v-dc6e52d9]{margin-top:32px}.mixer__theory h3[data-v-dc6e52d9]{margin-bottom:12px}.theory__grid[data-v-dc6e52d9]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.theory__card[data-v-dc6e52d9]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff80;border:1px solid #fff9;border-radius:10px;padding:16px}html.dark .theory__card[data-v-dc6e52d9]{background:#14233799;border-color:#ffffff0f}.theory__card h4[data-v-dc6e52d9]{color:var(--el-color-primary);margin:0 0 8px;font-size:15px}.theory__card p[data-v-dc6e52d9]{color:var(--el-text-color-secondary);margin:0;font-size:13px;line-height:1.6}.theory__demo[data-v-dc6e52d9]{gap:6px;margin-top:10px;display:flex}.theory__dot[data-v-dc6e52d9]{border:1px solid #00000026;border-radius:50%;width:24px;height:24px}@media screen and (width<=600px){.mixer__color-row[data-v-dc6e52d9],.mixer__mode-row[data-v-dc6e52d9]{flex-direction:column;align-items:flex-start}.mixer__swatch[data-v-dc6e52d9]{width:60px!important;height:60px!important}.mixer__swatch--result[data-v-dc6e52d9]{width:80px!important;height:80px!important}.mixer__arrow[data-v-dc6e52d9]{flex-direction:row;gap:8px}.theory__grid[data-v-dc6e52d9]{grid-template-columns:1fr}}