.tool-page[data-v-125f0fee]{width:100%}.preview[data-v-125f0fee]{max-width:100%;max-height:300px}.mixer[data-v-125f0fee]{max-width:1080px;margin:14px auto 0;border:1px solid #ebeef5;border-radius:10px;padding:14px 16px;background:#fff}.mixer-head[data-v-125f0fee]{display:grid;grid-template-columns:90px repeat(4,1fr);gap:10px;font-size:12px;color:#909399;margin-bottom:8px}.mixer-row[data-v-125f0fee]{display:grid;grid-template-columns:90px repeat(4,1fr);gap:10px;align-items:center;margin-bottom:8px}.row-label[data-v-125f0fee]{font-size:13px;font-weight:600}.lbl-r[data-v-125f0fee]{color:#e45656}.lbl-g[data-v-125f0fee]{color:#39a856}.lbl-b[data-v-125f0fee]{color:#3d7fe0}.mixer-row[data-v-125f0fee] .el-input-number{width:100%}.mixer-actions[data-v-125f0fee]{display:flex;align-items:center;gap:12px;margin-top:6px;flex-wrap:wrap}.hint[data-v-125f0fee]{font-size:12px;color:#9aa4ad}.result-wrap[data-v-125f0fee]{max-width:1080px;margin:16px auto 0}.result-title[data-v-125f0fee]{font-size:13px;color:#666;margin-bottom:8px}.result-img[data-v-125f0fee]{max-width:100%;border:1px solid #eee;border-radius:8px}@media (max-width: 768px){.mixer-head[data-v-125f0fee]{display:none}.mixer-row[data-v-125f0fee]{grid-template-columns:44px repeat(2,1fr)}.row-label[data-v-125f0fee]{grid-row:span 2}}