.color-tool[data-v-e493c1c9]{display:flex;flex-direction:column;gap:14px}.card[data-v-e493c1c9]{background:var(--bg-color);border:1px solid var(--border-lighter);border-radius:12px;padding:16px}.block-label[data-v-e493c1c9]{font-size:13px;font-weight:600;color:var(--text-regular);margin-bottom:10px}.swatch[data-v-e493c1c9]{height:100px;border-radius:12px;border:1px solid var(--border-lighter);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:transform .2s ease}.swatch[data-v-e493c1c9]:hover{transform:scale(1.01)}.swatch-hex[data-v-e493c1c9]{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1px}.swatch-tip[data-v-e493c1c9]{font-size:12px;opacity:.75}.hex-row[data-v-e493c1c9]{display:flex;align-items:center;gap:12px}.hex-row .el-input[data-v-e493c1c9]{flex:1}.slider-row[data-v-e493c1c9]{display:flex;align-items:center;gap:10px}.channel-slider[data-v-e493c1c9]{flex:1}.ch[data-v-e493c1c9]{width:18px;font-size:14px;font-weight:700;text-align:center}.ch-r[data-v-e493c1c9]{color:#f56c6c}.ch-g[data-v-e493c1c9]{color:#67c23a}.ch-b[data-v-e493c1c9]{color:var(--el-color-primary)}.ch-gray[data-v-e493c1c9]{color:var(--text-secondary)}.val-badge[data-v-e493c1c9]{min-width:52px;text-align:center;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;padding:2px 8px;border-radius:8px;background:var(--el-fill-color-light);color:var(--text-regular)}.badge-r[data-v-e493c1c9]{background:#fde2e2;color:#f56c6c}.badge-g[data-v-e493c1c9]{background:#e1f3d8;color:#67c23a}.badge-b[data-v-e493c1c9]{background:var(--el-color-primary-light-8);color:var(--el-color-primary)}.slider-hue[data-v-e493c1c9] .el-slider__runway{background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.slider-sat[data-v-e493c1c9] .el-slider__runway{background-image:linear-gradient(to right,#808080,var(--sat-end, #ff0000))}.slider-light[data-v-e493c1c9] .el-slider__runway{background-image:linear-gradient(to right,#000,#fff)}.format-grid[data-v-e493c1c9]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.format-card[data-v-e493c1c9]{padding:12px 14px}.format-head[data-v-e493c1c9]{display:flex;align-items:center;justify-content:space-between}.format-name[data-v-e493c1c9]{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.format-value[data-v-e493c1c9]{margin-top:6px;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;color:var(--text-primary);word-break:break-all}.css-row[data-v-e493c1c9]{display:flex;align-items:center;gap:10px;padding:6px 0}.css-dot[data-v-e493c1c9]{width:14px;height:14px;border-radius:4px;border:1px solid var(--border-color);flex-shrink:0}.css-code[data-v-e493c1c9]{flex:1;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;color:var(--text-primary)}@media (max-width: 768px){.format-grid[data-v-e493c1c9]{grid-template-columns:repeat(2,1fr)}}