/* =====================================================================
   style.css — JSON・データ変換オールインワン ツール固有の微調整のみ。
   共通スタイルは /_shared/shirugear.css に任せる（結果表示は sg-result）。
   ===================================================================== */

/* 等幅フォント（入力/出力のコード表示） */
.sg-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace;
  font-size: 0.92rem;
  line-height: 1.6;
  white-space: pre;
  overflow-wrap: normal;
  tab-size: 2;
}
#output-text {
  white-space: pre;
}

/* モード別オプションの並び */
.sg-options {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin-top: var(--sg-space-3, 12px);
}
.sg-opt {
  min-width: 160px;
  margin: 0;
}

/* チェックボックス付きラベル */
.sg-check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 0.95rem;
  margin-top: var(--sg-space-1, 4px);
}

/* ボタン列 */
.sg-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* エラー表示 */
#output-error {
  color: var(--sg-danger, #c0392b);
}

/* 結果サマリー（差分件数など） */
#result-summary {
  margin-top: 2px;
  color: var(--sg-muted, #555);
}