.tool-page[data-v-d2dfa5f9]{padding:2rem 0 5rem}.tool-back[data-v-d2dfa5f9]{color:var(--color-gray-500);transition:color var(--transition-fast);align-items:center;gap:.375rem;margin-bottom:1.75rem;font-size:.875rem;text-decoration:none;display:inline-flex}.tool-back[data-v-d2dfa5f9]:hover{color:var(--color-black)}.tool-header[data-v-d2dfa5f9]{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.tool-header-icon[data-v-d2dfa5f9]{background:var(--color-black);border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.tool-header-copy[data-v-d2dfa5f9]{flex-direction:column;gap:.25rem;display:flex}.header-meta[data-v-d2dfa5f9]{background:var(--color-gray-100);width:fit-content;color:var(--color-gray-600);border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.tool-title[data-v-d2dfa5f9]{color:var(--color-black);letter-spacing:-.03em;font-size:1.75rem;font-weight:700}.tool-subtitle[data-v-d2dfa5f9]{color:var(--color-gray-500);max-width:760px;font-size:.9375rem}.top-grid[data-v-d2dfa5f9]{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:1.25rem;margin-bottom:1.25rem;display:grid}.left-col[data-v-d2dfa5f9]{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.nginx-shell[data-v-d2dfa5f9]{background:var(--color-white);color:var(--color-gray-900);border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);flex-direction:column;padding:1.25rem;display:flex}.shell-topline[data-v-d2dfa5f9]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.shell-badge[data-v-d2dfa5f9]{letter-spacing:.12em;color:var(--color-gray-600);background:var(--color-gray-100);border-radius:9999px;padding:.25rem .625rem;font-size:.6875rem;font-weight:700}.shell-actions[data-v-d2dfa5f9]{align-items:center;gap:.625rem;display:flex}.shell-domain[data-v-d2dfa5f9]{font-family:var(--font-mono);color:var(--color-gray-500);font-size:.75rem}.shell-copy-btn[data-v-d2dfa5f9]{background:var(--color-white);color:var(--color-gray-700);border-color:var(--color-gray-200)}.shell-copy-btn[data-v-d2dfa5f9]:hover{border-color:var(--color-gray-400);color:var(--color-black)}.shell-output[data-v-d2dfa5f9]{max-height:420px;overflow:auto}.shell-placeholder[data-v-d2dfa5f9]{height:100%;min-height:280px;color:var(--color-gray-400);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.shell-placeholder p[data-v-d2dfa5f9]{text-align:center;max-width:240px;color:var(--color-gray-400);font-size:.875rem;line-height:1.5}.shell-code[data-v-d2dfa5f9]{font-family:var(--font-mono);color:var(--color-gray-800);white-space:pre;margin:0;font-size:.8125rem;line-height:1.6}.tool-card-panel[data-v-d2dfa5f9]{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:1.25rem}.form-panel[data-v-d2dfa5f9]{flex-direction:column;display:flex;position:sticky;top:1.5rem}.panel-header[data-v-d2dfa5f9]{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.panel-title[data-v-d2dfa5f9]{color:var(--color-gray-900);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.panel-subtitle[data-v-d2dfa5f9]{color:var(--color-gray-500);margin-top:.25rem;font-size:.8125rem;line-height:1.5}.form-group[data-v-d2dfa5f9]{margin-bottom:.875rem}.form-label[data-v-d2dfa5f9]{color:var(--color-gray-700);margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.indent[data-v-d2dfa5f9]{border-left:2px solid var(--color-gray-100);margin-bottom:.75rem;padding-left:1rem}.toggle-row[data-v-d2dfa5f9]{border-top:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.toggle-info[data-v-d2dfa5f9]{color:var(--color-gray-600);align-items:center;gap:.5rem;display:flex}.toggle-label[data-v-d2dfa5f9]{color:var(--color-gray-700);font-size:.875rem;font-weight:500}.toggle-btn[data-v-d2dfa5f9]{background:var(--color-gray-200);cursor:pointer;width:40px;height:22px;transition:background var(--transition-fast);border:none;border-radius:9999px;flex-shrink:0;position:relative}.toggle-btn.active[data-v-d2dfa5f9]{background:var(--color-black)}.toggle-thumb[data-v-d2dfa5f9]{width:16px;height:16px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle-btn.active .toggle-thumb[data-v-d2dfa5f9]{transform:translate(18px)}.generate-btn[data-v-d2dfa5f9]{justify-content:center;width:100%;margin-top:1rem}.form-error[data-v-d2dfa5f9]{color:#dc2626;margin:.5rem 0 0;font-size:.8125rem}.preset-bar[data-v-d2dfa5f9]{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.preset-btn[data-v-d2dfa5f9]{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);color:var(--color-gray-600);background:var(--color-white);cursor:pointer;transition:all var(--transition-fast);padding:.5rem .875rem;font-size:.8125rem;font-weight:600}.preset-btn[data-v-d2dfa5f9]:hover{border-color:var(--color-gray-400);color:var(--color-black)}.preset-btn.active[data-v-d2dfa5f9]{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.directive-list[data-v-d2dfa5f9]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.directive-item[data-v-d2dfa5f9]{border:1px solid var(--color-gray-100);background:var(--color-gray-50);border-radius:var(--radius-lg);align-items:flex-start;gap:.75rem;padding:.875rem;display:flex}.directive-code[data-v-d2dfa5f9]{font-family:var(--font-mono);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);min-width:88px;color:var(--color-black);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;padding:.375rem .5rem;font-size:.75rem;display:inline-flex}.directive-title[data-v-d2dfa5f9]{color:var(--color-gray-900);font-size:.875rem;font-weight:700}.directive-desc[data-v-d2dfa5f9]{color:var(--color-gray-500);margin-top:.25rem;font-size:.8125rem;line-height:1.6}.tool-description[data-v-d2dfa5f9]{border-top:1px solid var(--color-gray-200);margin-top:2rem;padding-top:2rem}.desc-title[data-v-d2dfa5f9]{color:var(--color-gray-900);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.tool-description p[data-v-d2dfa5f9]{color:var(--color-gray-600);margin-bottom:1rem;font-size:.9375rem;line-height:1.75}.tool-description h3[data-v-d2dfa5f9]{color:var(--color-gray-800);margin:1.5rem 0 .75rem;font-size:1rem;font-weight:600}.scenario-list[data-v-d2dfa5f9]{flex-direction:column;gap:.875rem;margin-top:.75rem;display:flex}.scenario-item[data-v-d2dfa5f9]{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:1rem 1.125rem}.scenario-head[data-v-d2dfa5f9]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.scenario-title[data-v-d2dfa5f9]{color:var(--color-gray-900);font-size:.9375rem;font-weight:600}.scenario-codes[data-v-d2dfa5f9]{flex-wrap:wrap;gap:.5rem;display:flex}.scenario-codes code[data-v-d2dfa5f9]{color:#2563eb;font-size:.8rem}.tool-description .scenario-desc[data-v-d2dfa5f9]{margin-bottom:0}.faq-section[data-v-d2dfa5f9]{margin-top:2.5rem}.faq-list[data-v-d2dfa5f9]{flex-direction:column;gap:.625rem;display:flex}.faq-icon-open[data-v-d2dfa5f9]{transform:rotate(180deg)}@media (width<=1024px){.directive-list[data-v-d2dfa5f9]{grid-template-columns:1fr}}@media (width<=800px){.top-grid[data-v-d2dfa5f9]{grid-template-columns:1fr}.left-col[data-v-d2dfa5f9]{order:2}.form-panel[data-v-d2dfa5f9]{order:1;position:static}}