:root{--bg-color: #1e1e1e;--panel-bg: #2a2a2a;--text-color: #e0e0e0;--accent: #ff6b00;--border: #444;--text-muted: rgba(224, 224, 224, .76);--text-quiet: rgba(224, 224, 224, .62);--focus-ring: rgba(255, 107, 0, .92)}body,html,#root{margin:0;padding:0;height:100vh;width:100vw;font-family:system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow:hidden;font-size:14px;line-height:1.45}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:50px;background-color:var(--panel-bg);border-bottom:1px solid var(--border);overflow:visible;position:sticky;top:0;z-index:160}.main-content{display:flex;flex:1;overflow:hidden;min-height:0;min-width:0;width:100%}.left-panel,.right-panel{width:250px;background-color:var(--panel-bg);border-right:1px solid var(--border);padding:10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent;min-height:0}.right-panel{border-right:none;border-left:1px solid var(--border)}.canvas-view{flex:1;position:relative;overflow:hidden;min-height:0;min-width:0;background-color:#121212;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 0);background-size:24px 24px}.canvas-placeholder{color:#666;font-size:24px}button{background-color:var(--accent);color:#fff;border:none;padding:7px 12px;border-radius:8px;cursor:pointer;margin-left:10px;min-height:36px;font-size:12px;font-weight:700}button:hover{opacity:.96;transform:translateY(-1px);box-shadow:0 6px 14px #00000038}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}ul{list-style:none;padding:0}li{padding:8px;background:#333;margin-bottom:5px;border-radius:4px;font-size:14px;cursor:pointer}li:hover{background:#444;transform:translate(3px)}.left-panel::-webkit-scrollbar,.right-panel::-webkit-scrollbar{width:8px}.left-panel::-webkit-scrollbar-track,.right-panel::-webkit-scrollbar-track{background:transparent}.left-panel::-webkit-scrollbar-thumb,.right-panel::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}.left-panel::-webkit-scrollbar-thumb:hover,.right-panel::-webkit-scrollbar-thumb:hover{background:#ffffff3d}@keyframes flash-red{0%{stroke:red;stroke-width:1}50%{stroke:#ff000080;stroke-width:3}to{stroke:red;stroke-width:1}}.port-disconnected{animation:flash-red 1s infinite}@keyframes live-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.live-pulse{animation:live-pulse 1.5s infinite;transform-origin:center}@keyframes node-clipping{0%{stroke:#f44;stroke-width:2}50%{stroke:#fff;stroke-width:6}to{stroke:#f44;stroke-width:2}}.clipping{animation:node-clipping .2s infinite!important}@keyframes node-warning{0%{filter:drop-shadow(0 0 2px #ffcc00)}50%{filter:drop-shadow(0 0 10px #ffcc00)}to{filter:drop-shadow(0 0 2px #ffcc00)}}.telemetry-warning{animation:node-warning 1s infinite}.blueprint-mode{--bg-color: #003366;--panel-bg: #002244;--text-color: #ffffff;--accent: #ffffff;--border: rgba(255,255,255,.3)}.blueprint-mode .canvas-view{background-color:#036;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px}.blueprint-mode .canvas-view svg text{fill:#fff!important}.blueprint-mode .canvas-view svg rect,.blueprint-mode .canvas-view svg line,.blueprint-mode .canvas-view svg path{stroke:#fff!important}@media print{.top-bar,.left-panel,.right-panel,.bottom-sheet,button{display:none!important}.main-content{height:100vh!important;width:100vw!important}.canvas-view{background-color:#fff!important;background-image:none!important}.canvas-view svg line,.canvas-view svg path,.canvas-view svg rect{stroke:#000!important}.canvas-view svg text{fill:#000!important}}.workspace-canvas-shell{flex:1 1 auto;position:relative;min-width:0;min-height:0;overflow:hidden;height:100%;display:flex;flex-direction:column}.workspace-top-bar{flex-wrap:wrap}.workspace-top-bar__identity,.workspace-top-bar__actions{min-width:0}@media (max-width: 1280px){.workspace-top-bar{align-items:flex-start!important}.workspace-top-bar__identity{flex:1 1 100%!important}.workspace-top-bar__actions{flex:1 1 100%!important;justify-content:flex-start!important}}@media (max-width: 1120px){.workspace-top-bar__actions{gap:6px!important}.workspace-top-bar__actions button{margin-left:0!important}}.desktop-required-shell{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top,rgba(255,107,0,.12),transparent 30%),linear-gradient(180deg,#111318,#0d1014)}.desktop-required-card{width:min(560px,100%);padding:28px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#12151af5;box-shadow:0 18px 48px #0000006b}.desktop-required-card h1{margin:0 0 12px;font-size:30px;line-height:1.1}.desktop-required-card p{margin:0;color:var(--text-muted);font-size:15px}.desktop-required-eyebrow{margin-bottom:10px;color:var(--text-quiet);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.desktop-required-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.desktop-required-meta span{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:var(--text-muted);background:#ffffff0a;font-size:12px;font-weight:600}