*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--con-bg,#1e1e1e);height:100%}body{flex-direction:column;font-family:-apple-system,sans-serif;display:flex}#root{flex-direction:column;height:100vh;display:flex}#con-toolbar{background:var(--con-toolbar-bg,#111);border-bottom:1px solid var(--con-toolbar-border,#333);flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;display:flex}.con-title{color:var(--con-title-color,#aaa);flex:1;font-size:.85rem}.con-title strong{color:var(--con-title-strong,#f0f0f0)}#con-status{color:#a8f0b4;background:#1a6e2e;border-radius:10px;padding:3px 10px;font-size:.75rem;font-weight:600}#con-status.disconnected{color:#f0a8a8;background:#6e1a1a}#con-status.connecting{color:#f0e0a8;background:#4a4a1a}.con-root{flex-direction:column;height:100%;display:flex}#con-terminal{flex:1;padding:4px;overflow:hidden}
