.studio-canvas{-webkit-user-select:none;user-select:none;flex-direction:column;height:100%;min-height:0;display:flex}.studio-viewport{border-radius:var(--radius-xl);border:1px solid var(--card-border);background:hsl(var(--card) / .6);touch-action:none;cursor:default;flex:1;height:100%;min-height:30rem;position:relative;overflow:hidden}.studio-canvas-trash{z-index:12;border-radius:var(--radius-lg);background:hsl(var(--destructive) / .12);width:2.75rem;height:2.75rem;color:hsl(var(--destructive));box-shadow:var(--autronai-card-shadow);border:0;justify-content:center;align-items:center;transition:all .16s;display:flex;position:absolute;top:1rem;left:1rem}.studio-canvas-trash svg{width:1.05rem;height:1.05rem}.studio-canvas-trash.is-active,.studio-canvas-trash:hover{background:hsl(var(--destructive) / .24);color:hsl(var(--destructive));border-color:#0000;transform:scale(1.1)}.studio-viewport.is-panning{cursor:grab}.studio-viewport-grid{background-color:hsl(var(--muted) / .22);background-image:radial-gradient(circle, hsl(var(--muted-foreground) / .22) 1px, transparent 1px);background-size:1.25rem 1.25rem}.studio-world{transform-origin:0 0;will-change:auto;position:absolute;inset:0}.studio-edges{pointer-events:none;position:absolute;overflow:visible}.studio-edge{fill:none;stroke:hsl(var(--muted-foreground) / .45);stroke-width:1.6px;stroke-dasharray:5 6;transition:stroke .2s,stroke-width .2s}.studio-edge-active{stroke:hsl(var(--primary) / .85);stroke-width:2.2px;filter:none;stroke:hsl(var(--primary))!important;stroke-width:2.6px!important}.studio-edge-selected{animation:.8s linear infinite studio-edge-flow-to-bot}.studio-edge-selected-from-bot{animation:.8s linear infinite studio-edge-flow-from-bot}@keyframes studio-edge-flow-to-bot{to{stroke-dashoffset:11px}}@keyframes studio-edge-flow-from-bot{to{stroke-dashoffset:-11px}}@media (prefers-reduced-motion:reduce){.studio-edge-selected,.studio-edge-selected-from-bot{animation:none}}.studio-node{text-align:left;align-items:center;transition:box-shadow .2s,border-color .2s,transform .15s;display:flex;position:absolute}.studio-node:hover{border-color:hsl(var(--primary) / .45);box-shadow:var(--autronai-card-shadow);transform:translateY(-1px)}.studio-node{cursor:grab}.studio-node.is-dragging{cursor:grabbing;z-index:5;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary) / .22), var(--autronai-card-shadow)}.studio-node.is-dragging:hover{transform:none}.studio-viewport.is-panning .studio-node{cursor:inherit}.studio-node-bot{justify-content:center;gap:var(--autronai-space-2);border-radius:var(--radius-xl);border:1.5px solid hsl(var(--primary) / .35);background:hsl(var(--card));box-shadow:var(--autronai-card-shadow);flex-direction:column}.studio-node-bot.is-selected{border-color:hsl(var(--primary));box-shadow:0 0 0 4px hsl(var(--primary) / .18), var(--autronai-card-shadow)}.studio-node-bot-icon{border-radius:var(--radius-lg);background:hsl(var(--primary) / .14);width:3rem;height:3rem;color:hsl(var(--primary));justify-content:center;align-items:center;display:inline-flex}.studio-node-bot-title{font-family:var(--font-display);letter-spacing:-.01em;color:hsl(var(--foreground));font-size:1rem;font-weight:800}.studio-node-bot-sub{align-items:center;gap:var(--autronai-space-1);color:var(--text-muted);font-size:.68rem;font-weight:600;display:inline-flex}.studio-status-dot{border-radius:var(--radius-pill);background:hsl(var(--muted-foreground));width:.5rem;height:.5rem}.studio-status-active{background:hsl(var(--status-success))}.studio-status-pending{background:hsl(var(--status-warning))}.studio-status-setup{background:hsl(var(--status-info))}.studio-status-disabled{background:hsl(var(--muted-foreground))}.studio-zoom{align-items:center;gap:var(--autronai-space-micro);padding:var(--autronai-space-micro) var(--autronai-space-2);border-radius:var(--radius-xl);border:1px solid hsl(var(--border));background:hsl(var(--card) / .92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--autronai-card-shadow);display:inline-flex;position:absolute;bottom:.9rem;left:.9rem}.studio-zoom-btn{border-radius:var(--radius-lg);width:1.6rem;height:1.6rem;color:var(--text-muted);justify-content:center;align-items:center;font-size:1rem;line-height:1;transition:background-color .18s,color .18s;display:inline-flex}.studio-zoom-btn:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.studio-zoom-value{text-align:center;min-width:2.6rem;color:hsl(var(--foreground));font-size:.72rem;font-weight:600}.studio-node-resource{align-items:initial;box-sizing:border-box;border:1px solid hsl(var(--border));border-radius:var(--radius-xl);background:hsl(var(--card));min-width:0;box-shadow:var(--autronai-card-shadow);color:hsl(var(--foreground));display:block;overflow:hidden}.studio-node-resource.is-selected{box-shadow:0 0 0 3px hsl(var(--primary) / .2), var(--autronai-card-shadow);border-color:hsl(var(--primary) / .5)}.studio-resource-icon{border-radius:var(--radius-lg);background:hsl(var(--primary) / .14);width:2.2rem;height:2.2rem;color:hsl(var(--primary));flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.studio-resource-copy{flex-direction:column;min-width:0;display:flex}.studio-resource-title{color:hsl(var(--foreground));white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.studio-resource-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.studio-node-resource>*{box-sizing:border-box;max-width:100%}.studio-resource-head{align-items:center;gap:var(--autronai-space-3);width:100%;min-width:0;min-height:calc(3.5rem - 2px);padding:var(--autronai-space-0) var(--autronai-space-3);display:flex}.studio-memory-toggle{border-radius:var(--radius-md);width:1.9rem;height:1.9rem;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.studio-memory-toggle:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.studio-memory-toggle svg{width:1rem;height:1rem}.studio-memory-children svg.is-enabled{fill:hsl(var(--status-success));color:hsl(var(--status-success))}.studio-memory-summary{justify-content:space-between;align-items:center;gap:var(--autronai-space-2);border-top:1px solid hsl(var(--border));width:100%;min-width:0;padding:var(--autronai-space-2) var(--autronai-space-3);color:var(--text-muted);font-size:.69rem;display:flex}.studio-memory-summary span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-memory-summary small{flex-shrink:0}.studio-memory-children{border-top:1px solid hsl(var(--border));width:100%;min-width:0;padding:var(--autronai-space-2);display:block}.studio-memory-children button{align-items:center;gap:var(--autronai-space-2);border-radius:var(--radius-md);width:100%;min-width:0;height:2.1rem;padding:var(--autronai-space-0) var(--autronai-space-2);text-align:left;font-size:.72rem;display:flex}.studio-memory-children button:hover,.studio-memory-children button.is-selected{background:hsl(var(--accent))}.studio-memory-children button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.studio-memory-children svg{flex-shrink:0;width:.65rem;height:.65rem}.studio-empty-hint{text-align:center;max-width:22rem;color:var(--text-muted);pointer-events:none;font-size:.85rem;position:absolute;top:62%;left:50%;transform:translate(-50%)}.studio-toolbar{align-items:center;gap:var(--autronai-space-1);padding:var(--autronai-space-0);border-radius:var(--radius-xl);border:1px solid hsl(var(--border));background:hsl(var(--card) / .92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--autronai-card-shadow);display:flex;position:absolute;top:.9rem;right:.9rem;overflow:hidden}.studio-toolbar .icon-action-button,.studio-toolbar .icon-action-button-primary,.studio-toolbar .icon-action-button-success,.studio-toolbar .icon-action-button-danger{color:hsl(var(--muted-foreground))}.studio-toolbar .icon-action-button>.dashboard-icon{color:hsl(var(--muted-foreground))!important}.studio-toolbar .icon-action-button:hover,.studio-toolbar .icon-action-button-active,.studio-toolbar .icon-action-button-primary:hover,.studio-toolbar .icon-action-button-success:hover,.studio-toolbar .icon-action-button-danger:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.studio-toolbar .icon-action-button:hover>.dashboard-icon,.studio-toolbar .icon-action-button-active>.dashboard-icon{color:hsl(var(--foreground))!important}.studio-toolbar-divider{background:hsl(var(--border));width:1px;height:1.4rem;margin:0 var(--autronai-space-micro)}.studio-minimap{border-radius:var(--radius-lg);border:1px solid hsl(var(--border));background:hsl(var(--card) / .92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:170px;height:130px;box-shadow:var(--autronai-card-shadow);position:absolute;bottom:.9rem;right:.9rem;overflow:hidden}.studio-minimap-inner{transform-origin:50%;position:absolute;inset:0;transform:scale(.72)}.studio-mini-dot{border-radius:var(--radius-md);width:10px;height:10px;position:absolute}.studio-mini-bot{border-radius:var(--radius-md);background:hsl(var(--primary));width:16px;height:16px}.studio-mini-sql,.studio-mini-doc,.studio-mini-tool,.studio-mini-skill{background:hsl(var(--primary))}
