:root { font-family: system-ui, sans-serif; color: #172033; background: #f4f7fb; }
body { margin: 0; }.page { max-width: 920px; margin: 0 auto; padding: 24px; }.panel { background: #fff; border: 1px solid #d9e1ef; border-radius: 8px; padding: 18px; margin: 16px 0; }.badge { display: inline-block; padding: 3px 8px; border-radius: 999px; background: #e8effc; color: #244b96; } label { display: block; margin: 10px 0; font-weight: 600; } input, textarea, select { box-sizing: border-box; display: block; width: 100%; margin-top: 5px; padding: 8px; font: inherit; } textarea { min-height: 150px; resize: vertical; }.grid { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }button { margin: 8px 8px 0 0; padding: 8px 12px; font: inherit; cursor: pointer; }button:disabled { cursor: not-allowed; opacity: .55; }.error { min-height: 1.2em; color: #a11f2c; }pre { overflow: auto; white-space: pre-wrap; background: #f6f8fb; padding: 12px; }#history-list { padding-left: 20px; }.toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; }@media (max-width: 560px) { .page { padding: 14px; } .toolbar { align-items:flex-start; flex-direction:column; gap:0; } }