@charset "UTF-8";
/* =========================================================
   code-formatter.css | PROMPT.
   tool-common.css の後に読み込む
   固有スタイルのみ記述（共通部分は tool-common.css に委譲）
   ========================================================= */
/* ---- max-width 上書き ---- */
.tool--code-formatter .tool__inner {
  max-width: 1400px;
}
/* ---- エディター（2カラムグリッド） ---- */
.wpc__editor {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  min-height: 500px;
}
/* ---- テキストエリア ---- */
.wpc__textarea {
  flex: 1;
  display: block;
  width: 100%;
  padding: 16px;
  background: #ffffff;
  color: var(--tool-text);
  border: 1px solid var(--tool-border);
  border-radius: var(--tool-radius);
  outline: none;
  resize: none;
  font-family: var(--tool-font-mono);
  font-size: 13px;
  line-height: 1.65;
  tab-size: 2;
  white-space: pre;
  overflow: auto;
  min-height: 400px;
  transition: border-color 0.15s;
}
.wpc__textarea:focus {
  border-color: var(--tool-accent);
}
.wpc__textarea::placeholder {
  color: var(--tool-muted);
}
/* ---- Responsive ---- */
@media (max-width: 768px) {
  .wpc__editor {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .wpc__textarea {
    min-height: 280px;
  }
}