:root{font-family:JetBrains Mono,IBM Plex Sans,sans-serif;line-height:1.4;font-weight:400;color:#e9eef5;background:radial-gradient(circle at top right,#293a56,#111a2b 45%,#0a101a)}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.topbar{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.14);background:#080a1480}.topbar h1{margin:0;font-size:1.1rem}.topbar p{margin:.15rem 0 0;opacity:.8}.topbar__actions{display:flex;align-items:center;gap:.75rem}button{border:1px solid rgba(255,255,255,.2);background:#1f2e48;color:inherit;padding:.45rem .75rem;border-radius:.45rem;cursor:pointer}button:hover{background:#2e4469}button:disabled{opacity:.5;cursor:not-allowed}.env-badge{font-size:.8rem;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.35rem .65rem}.workspace{min-height:0;padding:.85rem;display:grid;grid-template-columns:minmax(0,calc(var(--layout-ratio) * 100% - .5rem)) minmax(0,calc((1 - var(--layout-ratio)) * 100% - .5rem));gap:1rem}.panel{min-height:0;display:grid;grid-template-rows:auto auto 1fr auto;background:#05080e94;border:1px solid rgba(255,255,255,.12);border-radius:.75rem;overflow:hidden}.panel--editor{grid-template-rows:auto 1fr auto}.panel__header{padding:.7rem .9rem;border-bottom:1px solid rgba(255,255,255,.08)}.panel__header h2{margin:0;font-size:.95rem}.panel__header p{margin:.2rem 0 0;opacity:.75;font-size:.8rem}.panel__actions,.panel__footer{display:flex;gap:.5rem;padding:.6rem .8rem;border-top:1px solid rgba(255,255,255,.08)}.panel__actions{border-top:0;border-bottom:1px solid rgba(255,255,255,.08)}.panel__footer--meta{justify-content:space-between;font-size:.78rem;opacity:.85}.messages{overflow:auto;padding:.75rem;display:grid;align-content:start;gap:.65rem}.message{border:1px solid rgba(255,255,255,.12);border-radius:.55rem;padding:.5rem .65rem;background:#ffffff08}.message h3{margin:0 0 .35rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;opacity:.75}.message pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.8rem}.message--error{border-color:#f57c7c99;background:#f57c7c1a}.message--type-error{border-color:#f3c44d99;background:#f3c44d1a}.message--result{border-color:#73d67399;background:#73d6731a}.empty{margin:0;opacity:.7}.statusbar{padding:.45rem .95rem;border-top:1px solid rgba(255,255,255,.12);min-height:2rem;font-size:.82rem}@media (max-width: 1000px){.workspace{grid-template-columns:1fr;grid-template-rows:minmax(350px,1fr) minmax(280px,1fr)}}