body { font-family: system-ui, sans-serif; margin: 0; background: #f7f7f9; color: #1a1a1a; }
nav { background: #1a1a2e; padding: 12px 24px; }
nav a { color: #fff; margin-right: 16px; text-decoration: none; font-weight: 600; }
main { max-width: 900px; margin: 24px auto; padding: 0 16px; }
table { width: 100%; border-collapse: collapse; margin-bottom: 24px; background: #fff; }
th, td { padding: 8px 12px; border-bottom: 1px solid #e0e0e0; text-align: left; }
.run-error { background: #fdecea; }
.active-row { background: #eaf7ea; }
form { background: #fff; padding: 16px; border-radius: 6px; margin-bottom: 24px; }
label { display: block; margin-bottom: 12px; }
textarea, select, input[type=text] { width: 100%; box-sizing: border-box; padding: 6px; }
button { background: #1a1a2e; color: #fff; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; }
.error { background: #fdecea; padding: 12px; border-radius: 4px; margin-bottom: 16px; }
.result { background: #fff; padding: 16px; border-radius: 6px; }
.hint { color: #666; font-size: 0.9em; }