.controls-panel{position:fixed;left:0;top:50px;width:300px;height:calc(100vh - 50px);background:#fffffff2;padding:20px;overflow-y:auto;box-shadow:2px 0 10px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.controls-panel h2{margin:0 0 20px;font-size:24px;color:#333}.controls-panel h3{margin:15px 0 10px;font-size:16px;color:#555;border-bottom:2px solid #667eea;padding-bottom:5px}.control-group{margin-bottom:25px}.control-row{margin-bottom:12px;display:flex;flex-direction:column;gap:5px}.control-row.indent{margin-left:20px}.control-row label{font-size:14px;color:#666;font-weight:500}.control-row select,.control-row input[type=range]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%}.control-row input[type=range]{padding:0;margin-top:5px}.control-row input[type=checkbox]{margin-right:8px}.style-selector{display:flex;gap:8px;flex-wrap:wrap}.style-selector button{flex:1;padding:10px;border:2px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.style-selector button:hover{border-color:#667eea;background:#f0f4ff}.style-selector button.active{border-color:#667eea;background:#667eea;color:#fff}.run-button{width:100%;padding:15px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:20px}.run-button:hover:not(:disabled){background:#5568d3}.run-button:disabled{background:#ccc;cursor:not-allowed}.readout-panel{position:fixed;right:0;top:50px;width:350px;height:calc(100vh - 50px);background:#fffffff2;padding:20px;overflow-y:auto;box-shadow:-2px 0 10px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.readout-panel h2{margin:0 0 20px;font-size:24px;color:#333}.readout-panel h3{margin:15px 0 10px;font-size:16px;color:#555;border-bottom:2px solid #764ba2;padding-bottom:5px}.readout-panel h4{margin:10px 0 5px;font-size:14px;color:#666}.selected-node-info{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px}.metrics{display:flex;flex-direction:column;gap:10px;margin:15px 0}.metric{display:flex;align-items:center;gap:10px;padding:8px;background:#fff;border-radius:4px}.metric-label{font-weight:600;color:#555;min-width:120px}.metric-value{font-family:Courier New,monospace;font-size:16px;color:#333}.metric-delta{font-size:12px;font-weight:600;padding:2px 6px;border-radius:3px;margin-left:auto}.metric-delta.positive{background:#d4edda;color:#155724}.metric-delta.negative{background:#f8d7da;color:#721c24}.metric-delta.neutral{background:#e2e3e5;color:#383d41}.top-imports ul{list-style:none;padding:0;margin:10px 0}.top-imports li{display:flex;justify-content:space-between;padding:6px 10px;background:#fff;border-radius:4px;margin-bottom:5px}.import-exporter{font-weight:600;color:#555}.import-share{font-family:Courier New,monospace;color:#764ba2}.all-nodes-table{margin-top:20px}.all-nodes-table table{width:100%;border-collapse:collapse;font-size:13px}.all-nodes-table th{background:#764ba2;color:#fff;padding:8px 6px;text-align:left;font-weight:600}.all-nodes-table td{padding:8px 6px;border-bottom:1px solid #e0e0e0}.all-nodes-table tr:hover{background:#f5f5f5}.all-nodes-table tr.selected{background:#e8d5f0}.all-nodes-table .node-name{font-weight:600;color:#555}.delta-small{display:block;font-size:10px;font-weight:600;margin-top:2px}.delta-small.positive{color:#155724}.delta-small.negative{color:#721c24}.delta-small.neutral{color:#666}.status-bar{position:fixed;top:0;left:0;right:0;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;padding:0 20px;gap:30px;box-shadow:0 2px 10px #0000001a;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.status-section{display:flex;align-items:center;gap:8px}.status-label{color:#fffc;font-size:13px;font-weight:600}.status-value{color:#fff;font-size:14px;font-weight:700;font-family:Courier New,monospace}.status-value.status-running{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.status-value.status-mock{background:#ffc1074d;padding:4px 8px;border-radius:4px}.status-value.status-error{background:#dc35454d;padding:4px 8px;border-radius:4px}.status-value.status-idle{color:#c8e6c9}.status-section.run-id{margin-left:auto;font-size:12px}.status-section.run-id .status-value{font-size:11px;opacity:.8}*{box-sizing:border-box;margin:0;padding:0}.app{width:100vw;height:100vh;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.renderer-container{position:fixed;left:300px;top:50px;right:350px;bottom:0;background:#000}@media (max-width: 1400px){.renderer-container{left:280px;right:320px}}@media (max-width: 1200px){.renderer-container{left:250px;right:300px}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}*{box-sizing:border-box}