/* =====================================================================
   style.css — ハッシュ生成 ツール固有の微調整のみ。
   共通スタイルは /_shared/shirugear.css に任せる。
   ===================================================================== */

/* 入力テキストエリア */
.sg-textarea {
  min-height: 110px;
  resize: vertical;
  line-height: 1.6;
}

/* 各ハッシュ行 */
.sg-hash {
  margin-top: var(--sg-space-4);
}
.sg-hash:first-of-type {
  margin-top: var(--sg-space-2);
}

.sg-hash__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sg-space-2);
  margin-bottom: var(--sg-space-1);
}

.sg-hash__name {
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--sg-muted, #5a6473);
}

/* ハッシュ値: 等幅・折り返し・読みやすい背景 */
.sg-hash__value {
  display: block;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.95rem;
  line-height: 1.5;
  word-break: break-all;
  background: var(--sg-primary-soft);
  border-radius: var(--sg-radius-sm, 6px);
  padding: var(--sg-space-2) var(--sg-space-3);
}

/* インラインのコピー（行ごと）はコンパクトに */
.sg-copy--inline {
  flex: 0 0 auto;
  padding: 0.25em 0.7em;
  font-size: 0.8rem;
}

/* エラー案内 */
.sg-error {
  margin: 0 0 var(--sg-space-2);
  color: var(--sg-danger, #d6336c);
  font-size: 0.9rem;
}