:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#e5e7eb;background:#0b1220}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;padding:24px 4vw 16px}
header{width:100%;max-width:1440px;margin:0 auto 20px}h1{font-size:27px;font-weight:650;letter-spacing:-.8px;margin:0}h1 span{color:#60a5fa;font-size:23px;margin-left:5px}
main{width:100%;max-width:1440px;flex:1;margin:auto;min-height:380px;display:flex;flex-direction:column;border:1px solid #283449;border-radius:9px;overflow:hidden;background:#111827}
.window-tabs{display:flex;background:#172033;border-bottom:1px solid #283449;padding:0 12px;gap:4px}.window-tabs button{font:13px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#8f9eb3;background:transparent;border:0;border-bottom:2px solid transparent;padding:13px 20px 11px;cursor:pointer}.window-tabs button:hover{color:#e5e7eb;background:#1c2940}.window-tabs button[aria-selected=true]{color:#e5e7eb;border-bottom-color:#7bb4ff;background:#111827}.window-tabs button:focus-visible{outline:2px solid #60a5fa;outline-offset:-4px}
.window-content{position:relative;height:calc(100svh - 189px);min-height:330px;flex:1}.panel{position:absolute;inset:0;overflow:hidden}.panel.inactive{visibility:hidden;pointer-events:none}#terminal-panel{padding:14px 10px 8px 16px}#terminal{height:100%;overflow:hidden}.xterm{height:100%}.xterm-viewport,.markdown{scrollbar-width:thin;scrollbar-color:#42516a transparent}#status{position:absolute;top:16px;left:16px;right:16px;z-index:1;color:#b6c1d2;font:14px/1.6 ui-monospace,monospace;background:#111827}body[data-state=ready] #status{display:none}body[data-state=exited] #status,body[data-state=error] #status{top:auto;bottom:14px;padding:6px 0}
.markdown{height:100%;margin:0;padding:22px 24px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.85 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#cbd5e1;tab-size:2}.markdown code{font:inherit}.md-heading{color:#93c5fd;font-weight:600}.md-punctuation{color:#6e819d}.md-code{color:#f4ce86}.md-link{color:#7dd3fc;text-decoration:none}.md-link:hover{text-decoration:underline}.md-link .md-punctuation{color:#70a5bd}.md-bullet{color:#c4b5fd}
footer{display:flex;justify-content:flex-end;width:100%;max-width:1440px;margin:16px auto 0;color:#8795aa;font-size:12px}a{color:inherit;text-decoration:none}a:hover{color:#bfdbfe;text-decoration:underline}a:focus-visible{outline:2px solid #60a5fa;outline-offset:4px}
@media(max-width:600px){body{padding:16px 10px 12px}header{margin-bottom:14px}h1{font-size:24px}.window-tabs{padding:0 6px}.window-tabs button{padding:12px 16px 10px}.window-content{height:calc(100svh - 158px)}#terminal-panel{padding:10px 4px 4px 8px}.markdown{padding:16px;font-size:13px}footer{font-size:11px;margin-top:12px}}