/* ============================================================
   _template-single/style.css

   このファイルは「ツール固有のスタイル」のためのもの。
   標準スタイル（reset / .app-* / .btn / .form-* / .modal-* / .toast 等）は
   lib/components.css が提供している。
   テーマトークンは lib/theme.css。

   このファイルにはツール固有のレイアウト・固有要素のスタイルだけ書く。
   ============================================================ */

/* ===== Placeholder（テンプレートデモ用、実装時は削除） ============ */
.placeholder {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  padding: 80px var(--space-5);
  background: var(--bg);
  border-radius: var(--radius);
  box-shadow: var(--shadow-in-sm);
  color: var(--muted);
}
.placeholder-icon {
  font-size: 56px;
  opacity: .3;
  color: var(--accent);
  margin-bottom: var(--space-2);
}
.placeholder-text {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-dim);
}
.placeholder-sub { font-size: 11px; }

/* TODO: ここにツール固有のスタイルを書く */