.wp-module-tool-container { font-family: sans-serif; padding: 15px; background: #fff; color: #333; max-width: 800px; margin: 0 auto; border: 1px solid #ddd; border-radius: 8px; line-height: 1.5; }
.wp-module-tool-container h2 { border-bottom: 3px solid #2196F3; padding-bottom: 10px; margin: 0 0 20px; font-size: 1.4rem; }
.wp-module-tool-container h3 { border-left: 5px solid #2196F3; padding-left: 10px; margin: 20px 0 10px; font-size: 1.1rem; }
.wp-module-tool-container .card { background: #f9f9f9; padding: 15px; border-radius: 8px; border: 1px solid #eee; margin-bottom: 15px; }
.wp-module-tool-container .form-group { display: flex; align-items: center; margin-bottom: 8px; gap: 5px; flex-wrap: nowrap; }
.wp-module-tool-container label { width: 70px; font-weight: bold; font-size: 13px; flex-shrink: 0; }
.wp-module-tool-container select { padding: 6px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; background: #fff; }
.wp-module-tool-container select.op-n { width: 170px; }
.wp-module-tool-container select.lv-l { width: 70px; }
.wp-module-tool-container button { border: none; border-radius: 4px; cursor: pointer; font-weight: bold; padding: 10px 15px; background: #2196F3; color: #fff; }
.wp-module-tool-container .btn-outline { background: #fff; border: 1px solid #2196F3; color: #2196F3; }
.wp-module-tool-container .btn-danger { background: #f44336; }
.wp-module-tool-container .result-box { border-left: 5px solid #2196F3; background: #f1f8ff; padding: 12px; margin-bottom: 10px; border-radius: 0 4px 4px 0; }
.wp-module-tool-container .mod-chip { display: inline-block; background: #fff; border: 1px solid #2196F3; color: #2196F3; padding: 2px 8px; border-radius: 4px; margin: 2px; font-size: 11px; }
.wp-module-tool-container table { width: 100%; border-collapse: collapse; margin-top: 10px; background: #fff; }
.wp-module-tool-container th, .wp-module-tool-container td { border: 1px solid #eee; padding: 8px; text-align: left; font-size: 12px; }
.wp-module-tool-container .view-section { display: none; }
.wp-module-tool-container .view-section.active { display: block; }

/* --- 使い方パネル --- */
.wp-module-tool-container .help-box { background: #fbfdff; border: 1px solid #bbdefb; }
.wp-module-tool-container .help-lead { font-size: 13px; margin: 0 0 14px; }
.wp-module-tool-container .help-step { margin-bottom: 16px; }
.wp-module-tool-container .help-step h4 { margin: 0 0 6px; font-size: 14px; color: #0d47a1; border-left: 4px solid #2196F3; padding-left: 8px; }
.wp-module-tool-container .help-step p { font-size: 12.5px; margin: 0 0 6px; }
.wp-module-tool-container .help-step ul { font-size: 12.5px; margin: 6px 0 0; padding-left: 1.3em; }
.wp-module-tool-container .help-step li { margin-bottom: 4px; }
.wp-module-tool-container .help-code { background: #fff; border: 1px solid #cfd8dc; border-radius: 4px; padding: 8px 10px; font-size: 12px; margin: 6px 0; overflow-x: auto; white-space: nowrap; }
.wp-module-tool-container .help-note { font-size: 11.5px; color: #607d8b; margin: 6px 0 0; }
.wp-module-tool-container .help-important { background: #fff8e1; border-left: 4px solid #ffb300; padding: 8px 10px; border-radius: 0 4px 4px 0; }

/* --- 所持モジュール一覧 --- */
.wp-module-tool-container #sl-table td { vertical-align: top; }
.wp-module-tool-container #sl-table tbody tr:nth-child(even) { background: #fafafa; }
.wp-module-tool-container #sl-table td:first-child { color: #90a4ae; text-align: right; }
.wp-module-tool-container input[type="text"] { font-family: inherit; }

/* --- 3ページ共通ナビ --- */
.wp-module-tool-container .st-nav { display: flex; gap: 6px; margin: 0 0 10px; }
.wp-module-tool-container .st-nav-item { flex: 1; text-align: center; padding: 9px 4px; font-size: 13px; font-weight: bold; border: 1px solid #2196F3; border-radius: 4px; text-decoration: none; color: #2196F3; background: #fff; box-sizing: border-box; }
.wp-module-tool-container .st-nav-item.is-current { background: #2196F3; color: #fff; }
.wp-module-tool-container .st-guide-link { margin: 0 0 15px; font-size: 12px; text-align: right; }

/* --- 一覧の編集行 --- */
.wp-module-tool-container .sl-edit td { background: #fffde7; }
.wp-module-tool-container .sl-edit select { margin: 2px; font-size: 12px; padding: 4px; }
.wp-module-tool-container .sl-btn { font-size: 11px; padding: 3px 8px; margin: 1px; }