body { margin:0; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
.layout { display:flex; min-height:100vh; }
.sidebar { width:220px; background:#111827; color:#fff; padding:16px; }
.brand { font-weight:700; margin-bottom:16px; }
.sidebar a { display:block; color:#cbd5e1; text-decoration:none; padding:10px 8px; border-radius:8px; }
.sidebar a.active, .sidebar a:hover { background:#1f2937; color:#fff; }
.content { flex:1; padding:24px; background:#f8fafc; }
.page-title { margin:0 0 16px; }
.card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; margin-bottom:16px; }
label { display:block; margin-top:10px; font-size:12px; color:#334155; }
input, select { width:100%; padding:10px; border:1px solid #cbd5e1; border-radius:10px; margin-top:6px; }
button { margin-top:14px; padding:10px 12px; border:0; border-radius:10px; background:#111827; color:#fff; cursor:pointer; }
pre { white-space: pre-wrap; word-break: break-word; background:#0b1220; color:#e5e7eb; padding:12px; border-radius:10px; }
pre.error { background:#3f1d1d; }
table { width:100%; border-collapse: collapse; }
th, td { padding:10px; border-bottom:1px solid #e5e7eb; text-align:left; font-size:14px; }
.scrollbox{
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 12px;
  margin: 8px 0 18px;
  background: #fff;
  max-height: 260px;   /* ←好みで 200〜400 に調整 */
  overflow: auto;      /* ←ここがスライダー（スクロール） */
}

.scrollbox pre{
  margin: 0;
  white-space: pre-wrap;     /* 折り返す */
  word-break: break-word;    /* 長いURLとか崩れ防止 */
}

.muted{ color:#777; }
.error{ color:#b00020; }