: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{scroll-behavior:smooth}body{color:#202222;width:100%;min-height:100%;font-family:var(--font-sans);background-color:#f1eee7;font-size:13px;line-height:1.4;overflow-x:hidden}.studio-root{background-color:var(--bg-primary);width:100%;height:100vh;color:var(--text-primary);overflow:hidden}#root{-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;width:100%;min-height:100%}input,select,button,textarea{font-family:inherit;font-size:12px}::-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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.9)}}@keyframes rf-ai-breathe{0%,to{transform:scale(1);box-shadow:0 0 #6366f173,0 0 18px 4px #38bdf859}50%{transform:scale(1.08);box-shadow:0 0 0 8px #6366f100,0 0 26px 8px #38bdf880}}@keyframes rf-ai-rotate{to{transform:rotate(360deg)}}@keyframes rf-ai-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rf-dot-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}@keyframes rf-ai-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.rf-ai-orb{color:#fff;background:linear-gradient(135deg,#6366f1,#38bdf8 60%,#a78bfa);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;animation:2.4s ease-in-out infinite rf-ai-breathe;display:flex;position:relative}.rf-ai-orb:after{content:"";background:conic-gradient(#0000 0deg,#38bdf800 240deg,#ffffffe6 330deg,#0000 360deg);border-radius:50%;animation:1.6s linear infinite rf-ai-rotate;position:absolute;inset:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.rf-ai-thinking{align-items:center;gap:12px;padding:10px 2px;animation:.25s rf-ai-fadein;display:flex}.rf-ai-thinking-text{background:linear-gradient(90deg,#64748b 25%,#e2e8f0 50%,#64748b 75%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:12.5px;font-weight:500;animation:2.2s linear infinite rf-ai-shimmer}.rf-ai-dots{gap:4px;margin-left:2px;display:inline-flex}.rf-ai-dots>span{background:#38bdf8;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite rf-dot-bounce;display:inline-block}.rf-ai-dots>span:nth-child(2){background:#6366f1;animation-delay:.15s}.rf-ai-dots>span:nth-child(3){background:#a78bfa;animation-delay:.3s}.rf-btn{transition:background-color .15s,border-color .15s,transform 80ms,box-shadow .15s}.rf-btn:active:not(:disabled){transform:translateY(1px)}.rf-btn-primary{box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff14}.rf-btn-primary:hover:not(:disabled){box-shadow:0 2px 10px #3b82f673,inset 0 1px #ffffff1f}.rf-panel-header{letter-spacing:.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box}@keyframes rf-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rf-btn:focus-visible,.rf-input:focus-visible,.rf-select:focus-visible{outline-offset:1px;outline:2px solid #3b82f699}