.tool-container[data-v-bf48e0d7]{max-width:1200px;margin:0 auto;padding:20px}.tool-container h1[data-v-bf48e0d7]{margin-bottom:8px;font-size:22px}.tool-container>p[data-v-bf48e0d7]{color:#6b7280;margin-bottom:16px;font-size:14px}.env-inputs[data-v-bf48e0d7]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.env-panel[data-v-bf48e0d7]{display:flex;flex-direction:column;gap:6px}.form-label[data-v-bf48e0d7]{font-size:13px;font-weight:600;color:#495057}.form-textarea[data-v-bf48e0d7]{width:100%;padding:12px;border:1px solid #ced4da;border-radius:4px;font-size:13px;font-family:Courier New,monospace;outline:none;resize:vertical;box-sizing:border-box}.form-textarea[data-v-bf48e0d7]:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.action-row[data-v-bf48e0d7]{display:flex;gap:10px;margin-bottom:16px}.btn[data-v-bf48e0d7]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap}.btn-primary[data-v-bf48e0d7]{background:#2563eb;color:#fff}.btn-primary[data-v-bf48e0d7]:hover{background:#1d4ed8}.btn-outline[data-v-bf48e0d7]{background:#fff;color:#495057;border:1px solid #ced4da}.btn-outline[data-v-bf48e0d7]:hover{background:#f8f9fa}.btn-copy[data-v-bf48e0d7]{background:#2563eb;color:#fff;padding:6px 14px;font-size:13px}.btn-copy[data-v-bf48e0d7]:hover{background:#1d4ed8}.result-section[data-v-bf48e0d7]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px}.result-header[data-v-bf48e0d7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.diff-summary[data-v-bf48e0d7]{display:flex;gap:8px;flex-wrap:wrap}.tag[data-v-bf48e0d7]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.tag-add[data-v-bf48e0d7]{background:#dcfce7;color:#166534}.tag-remove[data-v-bf48e0d7]{background:#fef2f2;color:#991b1b}.tag-modify[data-v-bf48e0d7]{background:#fef9c3;color:#854d0e}.tag-same[data-v-bf48e0d7]{background:#f3f4f6;color:#6b7280}.diff-list[data-v-bf48e0d7]{margin-bottom:20px;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.diff-row[data-v-bf48e0d7]{display:flex;align-items:center;gap:12px;padding:8px 12px;font-size:13px;border-bottom:1px solid #f3f4f6}.diff-row[data-v-bf48e0d7]:last-child{border-bottom:none}.diff-added[data-v-bf48e0d7]{background:#f0fdf4}.diff-removed[data-v-bf48e0d7]{background:#fef2f2}.diff-modified[data-v-bf48e0d7]{background:#fffbeb}.diff-same[data-v-bf48e0d7]{background:#fff}.diff-type[data-v-bf48e0d7]{width:24px;font-weight:700;text-align:center}.diff-added .diff-type[data-v-bf48e0d7]{color:#16a34a}.diff-removed .diff-type[data-v-bf48e0d7]{color:#dc2626}.diff-modified .diff-type[data-v-bf48e0d7]{color:#ca8a04}.diff-same .diff-type[data-v-bf48e0d7]{color:#9ca3af}.diff-key[data-v-bf48e0d7]{font-family:Courier New,monospace;font-weight:600;color:#1f2937;min-width:140px}.diff-values[data-v-bf48e0d7]{display:flex;align-items:center;gap:8px}.diff-val[data-v-bf48e0d7]{font-family:Courier New,monospace;color:#4b5563}.old-val[data-v-bf48e0d7]{background:#fecaca;padding:2px 6px;border-radius:3px;color:#991b1b;text-decoration:line-through}.new-val[data-v-bf48e0d7]{background:#bbf7d0;padding:2px 6px;border-radius:3px;color:#166534}.arrow[data-v-bf48e0d7]{color:#9ca3af}.merged-section[data-v-bf48e0d7]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px}.merged-header[data-v-bf48e0d7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.merged-header h4[data-v-bf48e0d7]{margin:0;font-size:14px;color:#495057}.merged-code[data-v-bf48e0d7]{font-family:Courier New,monospace;font-size:13px;color:#1f2937;background:#fff;padding:12px;border-radius:4px;border:1px solid #e5e7eb;margin:0;white-space:pre-wrap;max-height:300px;overflow-y:auto}.usage-guide[data-v-bf48e0d7]{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-top:2rem;border:1px solid #e9ecef}.usage-guide h3[data-v-bf48e0d7]{margin-top:0;color:#2563eb}.guide-grid[data-v-bf48e0d7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.guide-grid h4[data-v-bf48e0d7]{color:#495057;margin-bottom:.75rem}.guide-grid ul[data-v-bf48e0d7]{margin:0;padding-left:1.5rem;color:#6c757d}.guide-grid li[data-v-bf48e0d7]{margin-bottom:.3rem}@media(max-width:768px){.env-inputs[data-v-bf48e0d7]{grid-template-columns:1fr}}