.tool-container[data-v-8632a5f4]{max-width:800px;margin:24px auto;padding:0 16px;text-align:left}h1[data-v-8632a5f4]{font-size:22px;margin-bottom:8px}.seo-desc[data-v-8632a5f4]{font-size:13px;color:#909399;margin-bottom:20px;line-height:1.6}.controls[data-v-8632a5f4]{margin-top:16px;display:flex;flex-direction:column;gap:14px}.ctrl-row[data-v-8632a5f4]{display:flex;align-items:center;gap:12px}.label[data-v-8632a5f4]{width:90px;font-size:13px;color:#606266;flex-shrink:0}.color-picker[data-v-8632a5f4]{width:40px;height:32px;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;padding:2px}.grid-picker[data-v-8632a5f4]{display:grid;grid-template-columns:repeat(3,28px);gap:4px}.grid-cell[data-v-8632a5f4]{width:28px;height:28px;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;background:#f5f7fa}.grid-cell[data-v-8632a5f4]:hover{border-color:#409eff;background:#ecf5ff}.grid-cell.active[data-v-8632a5f4]{border-color:#409eff;background:#409eff}.preview-canvas[data-v-8632a5f4]{max-width:100%;margin-top:20px;border:1px solid #e4e7ed;border-radius:6px;display:block}