/* =====================================================================
   style.css — 改行・空白の整形 ツール固有の微調整のみ。
   共通スタイルは /_shared/shirugear.css に任せる。
   （チェックボックス群は共通CSSに無いためここで最小限のスタイルを当てる）
   ===================================================================== */

/* テキストエリア: 高さ可変・読みやすい行間 */
.sg-textarea {
  min-height: 150px;
  resize: vertical;
  line-height: 1.6;
}

/* 結果欄の背景でほんのり区別 */
.sg-output {
  background: var(--sg-primary-soft);
  white-space: pre-wrap;
  word-break: break-word;
}

/* チェックボックス群 */
.sg-checks {
  display: flex;
  flex-direction: column;
  gap: var(--sg-space-2);
}

.sg-check {
  display: flex;
  align-items: flex-start;
  gap: var(--sg-space-2);
  cursor: pointer;
  font-size: 0.95rem;
  line-height: 1.4;
}

.sg-check input[type="checkbox"] {
  margin-top: 0.15em;
  width: 1.1em;
  height: 1.1em;
  flex: 0 0 auto;
  accent-color: var(--sg-primary, #3b5bdb);
  cursor: pointer;
}

/* 整形前後の文字数メタ表示 */
.sg-result-meta {
  margin: var(--sg-space-2) 0 0;
  font-size: 0.85rem;
  color: var(--sg-muted, #5a6473);
}