:root { color-scheme: light; font-family: system-ui, sans-serif; background: #f7f8fa; color: #1b2638; }
body { margin: 0; }
html, body, #app { height: 100%; }
.application { min-height: 100%; }
.topbar { background: white; border-bottom: 1px solid #e0e5ec; }
.topbar h2 { font-weight: 750; letter-spacing: -0.04em; font-size: 1.4rem; }
.sidebar { background: white; border-right: 1px solid #e0e5ec; }
.sidebar button { justify-content: flex-start; text-align: left; white-space: normal; }
.content h1 { font-size: 1.7rem; font-weight: 650; letter-spacing: -0.025em; overflow-wrap: anywhere; }
.muted { color: #647084; font-size: 0.85rem; }
.eyebrow { color: #647084; font-size: 0.7rem; font-weight: 650; letter-spacing: 0.06em; }
.event-card, .command-card, .form-card { background: white; border: 1px solid #e0e5ec; border-radius: 12px; }
.event-text { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 0.9rem; line-height: 1.6; }
.notice { background: #fff4db; color: #775111; }
.dockerfile-upload { max-width: 100%; min-width: 0; font: inherit; }
.environment-version { border-top: 1px solid #e0e5ec; }

.permission-command { font-family: ui-monospace, monospace; }
.tool-title { font-weight: 650; overflow-wrap: anywhere; }
.tool-data { font-family: ui-monospace, monospace; font-size: 0.8rem; }