body { font-family: Arial, sans-serif; margin: 0; background: #f6f7fb; color: #111; }
.container { max-width: 980px; margin: 0 auto; padding: 18px; }
.topbar { background: #fff; border-bottom: 1px solid #e6e6e6; }
.topbar .container { display: flex; justify-content: space-between; align-items: center; }
.brand { font-weight: 800; letter-spacing: .2px; }
.brand span { color: #2b6cff; }
.nav a { margin-left: 14px; text-decoration: none; color: #333; }
.nav a:hover { text-decoration: underline; }

.card { background: #fff; border: 1px solid #e6e6e6; border-radius: 14px; padding: 16px; margin-top: 14px; }
.card.subtle { background: #fbfbfd; }
.btn { display: inline-block; padding: 10px 14px; border-radius: 10px; border: 1px solid #d8d8d8; background: #fff; cursor: pointer; text-decoration: none; color: #111; }
.btn:hover { background: #f1f2f7; }
.log { white-space: pre-wrap; background: #111; color: #0f0; padding: 10px; border-radius: 10px; height: 180px; overflow: auto; margin-top: 12px; font-family: Consolas, monospace; font-size: 13px; }