:root{--bg-primary:#121316;--bg-secondary:#18191e;--bg-panel:#1e2026;--bg-panel-hover:#262931;--bg-input:#141519;--border-subtle:#2b2e37;--border-strong:#3d424f;--text-primary:#f0f2f5;--text-secondary:#9ea5b3;--text-muted:#646b7a;--accent-blue:#3b82f6;--accent-blue-hover:#2563eb;--accent-green:#22c55e;--accent-yellow:#eab308;--accent-red:#ef4444;--accent-orange:#f97316;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.4;overflow:hidden}input,select,button,textarea{font-family:inherit;font-size:12px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.rf-btn{background-color:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:4px 10px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.rf-btn:hover:not(:disabled){background-color:var(--bg-panel-hover);border-color:var(--border-strong)}.rf-btn:disabled{opacity:.4;cursor:not-allowed}.rf-btn-primary{background-color:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.rf-btn-primary:hover:not(:disabled){background-color:var(--accent-blue-hover);border-color:var(--accent-blue-hover)}.rf-btn-danger{color:var(--accent-red);background-color:#ef444426;border-color:#ef44444d}.rf-btn-danger:hover:not(:disabled){border-color:var(--accent-red);background-color:#ef444440}.rf-btn-icon{width:26px;height:26px;padding:5px}.rf-input{background-color:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;outline:none;padding:4px 8px;transition:border-color .15s}.rf-input:focus{border-color:var(--accent-blue)}.rf-select{background-color:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;border-radius:4px;outline:none;padding:4px 8px}.rf-select:focus{border-color:var(--accent-blue)}.rf-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:3px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.rf-badge-running{color:var(--accent-green);background:#22c55e26;border:1px solid #22c55e4d}.rf-badge-paused{color:var(--accent-yellow);background:#eab30826;border:1px solid #eab3084d}.rf-badge-stopped{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#646b7a26}.rf-badge-error{color:var(--accent-red);background:#ef444426;border:1px solid #ef44444d}.rf-app-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.rf-toolbar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:10;justify-content:space-between;align-items:center;gap:12px;height:44px;min-height:44px;padding:0 12px;display:flex}.rf-workspace-bar{border-bottom:1px solid var(--border-subtle);z-index:9;background-color:#12151e;justify-content:space-between;align-items:center;gap:12px;height:34px;min-height:34px;padding:0 12px;display:flex}.rf-workspace-nav-tabs{align-items:center;gap:3px;display:flex}.rf-workspace-tab{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.rf-workspace-tab:hover{color:var(--text-primary);background:#ffffff0d}.rf-workspace-tab.active{color:#38bdf8;background:#38bdf81f;border-color:#38bdf859;font-weight:600}.rf-workspace-actions{align-items:center;gap:6px;display:flex}.rf-main-content{flex:1;display:flex;position:relative;overflow:hidden}.rf-sidebar-container{z-index:5;height:100%;transition:width .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.rf-sidebar-container.collapsed{overflow:visible;width:0!important;min-width:0!important}.rf-sidebar-toggle-btn{border:1px solid var(--border-subtle);width:16px;height:48px;color:var(--text-secondary);cursor:pointer;z-index:20;background:#1c202af2;border-radius:4px;justify-content:center;align-items:center;font-size:9px;transition:background .15s,color .15s,transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #00000080}.rf-sidebar-toggle-btn:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.rf-sidebar-toggle-left{border-top-left-radius:0;border-bottom-left-radius:0;right:-16px}.rf-sidebar-toggle-right{border-top-right-radius:0;border-bottom-right-radius:0;left:-16px}.rf-left-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-subtle);z-index:5;flex-direction:column;width:250px;min-width:220px;display:flex;overflow:hidden}.rf-viewport-wrapper{background-color:#0f1013;flex:1;position:relative;overflow:hidden}.rf-right-sidebar{background-color:var(--bg-secondary);border-left:1px solid var(--border-subtle);z-index:5;flex-direction:column;width:290px;min-width:260px;display:flex;overflow-y:auto}.rf-bottom-panel{background-color:var(--bg-secondary);border-top:1px solid var(--border-subtle);z-index:8;flex-direction:column;transition:height .2s ease-in-out;display:flex}.rf-panel-header{background-color:var(--bg-panel);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.5px;height:32px;min-height:32px;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:0 10px;font-size:11px;font-weight:600;display:flex}.rf-panel-body{flex:1;padding:10px;overflow-y:auto}.rf-prop-group{margin-bottom:14px}.rf-prop-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600}.rf-prop-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.rf-prop-label{color:var(--text-secondary);flex:1;font-size:12px}.rf-coord-input-row{grid-template-columns:1fr 1fr 1fr;gap:4px;width:100%;display:grid}