.rgx-app{display:flex;flex-direction:column;height:100vh;background:var(--rgx-bg)}.rgx-main{flex:1;display:grid;grid-template-columns:1fr 360px;min-height:0}@media (max-width: 900px){.rgx-main{grid-template-columns:1fr;grid-template-rows:1fr 200px}}.rgx-topbar{height:var(--rgx-topbar-height);background:var(--rgx-bg);border-bottom:1px solid var(--rgx-border);display:flex;align-items:center;padding:0 16px;gap:12px;box-shadow:var(--rgx-shadow);z-index:10}.rgx-topbar-logo{height:108px;display:flex;align-items:center}.rgx-topbar-logo img{height:100%}.rgx-topbar-title{font-size:16px;font-weight:600;color:var(--rgx-text);margin-left:4px}.rgx-topbar-spacer{flex:1}.rgx-btn{height:36px;padding:0 16px;border-radius:var(--rgx-radius);border:1px solid var(--rgx-border);background:var(--rgx-bg);color:var(--rgx-text);font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:background .12s,border-color .12s}.rgx-btn:hover{background:var(--rgx-bg-alt);border-color:var(--rgx-primary)}.rgx-btn-primary{background:var(--rgx-primary);color:#fff;border-color:var(--rgx-primary)}.rgx-btn-primary:hover{background:var(--rgx-primary-dark);border-color:var(--rgx-primary-dark)}.rgx-btn-icon{width:36px;padding:0;justify-content:center}.rgx-status-dot{width:8px;height:8px;border-radius:50%;background:#c0c4ce;display:inline-block}.rgx-status-dot.connected{background:#4cc266;box-shadow:0 0 0 3px #4cc2662e}.rgx-workspace{position:relative;background:var(--rgx-bg-alt);overflow:hidden}.rgx-workspace-blockly{position:absolute;top:0;right:0;bottom:0;left:0}.rgx-output{border-left:1px solid var(--rgx-border);background:var(--rgx-bg);display:flex;flex-direction:column;min-height:0}.rgx-output-header{height:40px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rgx-border);font-size:13px;font-weight:600;color:var(--rgx-text-muted);text-transform:uppercase;letter-spacing:.04em}.rgx-output-body{flex:1;margin:0;padding:12px 16px;overflow:auto;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12.5px;line-height:1.55;color:var(--rgx-text);white-space:pre-wrap}:root{--rgx-primary: #f26757;--rgx-primary-dark: #c84b3d;--rgx-primary-light: #ffe0d9;--rgx-bg: #ffffff;--rgx-bg-alt: #f7f8fb;--rgx-text: #2c2c2c;--rgx-text-muted: #6b7180;--rgx-border: #e1e3e8;--rgx-shadow: 0 1px 3px rgba(44, 44, 44, .08), 0 1px 2px rgba(44, 44, 44, .04);--rgx-radius: 8px;--rgx-topbar-height: 128px;--rgx-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--rgx-font);color:var(--rgx-text);background:var(--rgx-bg-alt);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer}