.content:has(.studio){max-width:none;padding:28px 24px 44px}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:4px 0 24px}.studio-heading h1{margin-top:9px;font-size:1.8rem}.studio-heading p{font-size:.875rem;color:var(--muted);margin-top:10px}.studio{border:1px solid #2a393e;border-radius:13px;background:#10181b;overflow:hidden}.studio-toolbar{min-height:68px;padding:12px 16px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-bottom:1px solid #2a393e;background:#151f22}.studio-toolbar select{width:auto;max-width:290px;font-size:.875rem;padding:9px}.studio-toolbar button{white-space:nowrap;padding:9px 12px}.toolbar-spacer{flex:1}.save-indicator{color:#9aada7;font-size:.75rem}.studio-body{display:grid;grid-template-columns:210px minmax(240px,1fr) 250px;height:650px;min-height:500px}.run-mode .studio-body{grid-template-columns:minmax(240px,1fr) 290px}.module-library{padding:20px 13px 14px;border-right:1px solid #29363b;display:flex;flex-direction:column;min-height:0;background:#121b1e}.library-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.module-library input{font-size:.8125rem;padding:10px}.kind-tabs{display:flex;gap:4px;margin:13px 0 15px}.kind-tabs button{border:0;background:transparent;padding:6px;font-size:.75rem;color:#94a6aa}.kind-tabs button.selected{background:#2a3937;color:#a8edcf}.module-list{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:9px;padding-right:3px}.module-item{display:block;text-align:left;position:relative;padding:13px 13px 12px;background:#192529;border-color:#303e43;border-radius:8px;flex-shrink:0;cursor:grab}.module-item:active{cursor:grabbing}.module-item:disabled{cursor:not-allowed;opacity:.4}.module-item strong{display:block;font-size:.8125rem;font-weight:550;margin:6px 0}.module-item small{font-size:.75rem;line-height:1.5;display:block;font-weight:400;color:#95a8ad}.module-kind{font-size:.65rem;letter-spacing:1.3px;color:#8fdccc}.module-item.skill .module-kind{color:#e0c081}.module-item.agent .module-kind{color:#adaff4}.module-add{position:absolute;right:11px;top:8px;font-size:1rem;color:#a5b8b6}.library-foot{padding-top:15px;display:grid;gap:12px}.library-foot>small{font-size:.75rem}.import-label{position:relative;font-size:.75rem;cursor:pointer;color:#a4d7c2}.import-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.canvas-wrap{position:relative;background:#0c1417;overflow:hidden;min-width:0;min-height:400px}.graph-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab;outline-offset:-4px}.graph-canvas:active{cursor:grabbing}.canvas-caption{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;gap:14px;pointer-events:none;z-index:1;color:#79938d;font-family:ui-monospace,monospace;font-size:.65rem;letter-spacing:1.3px}.canvas-count{font-size:.65rem;letter-spacing:0}.canvas-controls{position:absolute;bottom:39px;left:18px;display:flex;align-items:center;gap:3px;padding:4px;background:#192629ed;border:1px solid #33474a;border-radius:9px;box-shadow:0 6px 25px #0003}.canvas-controls button{font-size:.75rem;padding:7px 9px;border:0;background:transparent}.canvas-controls button:hover{background:#2e4342}.zoom-label{font-size:.75rem;min-width:40px;text-align:center;color:#b8c9c3}.canvas-hint{position:absolute;bottom:13px;left:20px;right:15px;font-size:.65rem;color:#6f8984;pointer-events:none}.graph-minimap{position:absolute;bottom:48px;right:17px;width:122px;height:72px;padding:7px;pointer-events:none;background:#142123df;border:1px solid #324541;border-radius:7px}.node-inspector{padding:23px 18px;border-left:1px solid #29363b;background:#121d20;display:flex;flex-direction:column;gap:19px;overflow:auto}.inspector-head h3{margin-top:9px;line-height:1.5}.node-inspector>small{font-size:.75rem;overflow-wrap:anywhere}.node-inspector label{font-size:.8125rem}.node-inspector input,.node-inspector textarea,.node-inspector select{font-size:.8125rem;padding:10px}.node-inspector textarea{min-height:105px}.node-inspector .form-grid{gap:8px}.node-inspector .row{gap:6px}.node-inspector button{font-size:.75rem}.node-input-form{display:grid;gap:9px}.profile-meta{display:flex;align-items:center;gap:12px}.studio-footer{display:flex;justify-content:space-between;gap:16px;padding:12px 17px;border-top:1px solid #29393d;font-size:.75rem;color:#95ada5;background:#131f21}.studio-footer small{font-size:.75rem}.studio-message{padding:12px 18px;color:#addcc5;font-size:.8125rem;background:#192b22;border-bottom:1px solid #2c4838;line-height:1.6}.studio-message:empty{display:none}.studio-message.error{color:#ffc4bd;background:#33201f;border-color:#563631}.graph-node{cursor:grab;outline:none}.run-mode .graph-node{cursor:pointer}.node-shadow{fill:#0005}.node-bg{fill:#18282a;stroke:#3a5552;stroke-width:1.3}.node-accent{fill:none;stroke:#7ac9b5;stroke-width:2}.graph-node.skill .node-accent{stroke:#cfb877}.graph-node.agent .node-accent{stroke:#a8a7e4}.node-type{fill:#83c5b6;font-size:10px;font-family:ui-monospace,monospace;letter-spacing:1.7px}.skill .node-type{fill:#d7bb7c}.agent .node-type{fill:#adace9}.node-label{fill:#e0ede6;font-size:14px;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:550;pointer-events:none}.node-subtitle{fill:#8caaa0;font-size:10px;font-family:ui-sans-serif,system-ui,sans-serif;pointer-events:none}.node-port{fill:#162426;stroke:#81b9a9;stroke-width:2;cursor:crosshair}.node-port:hover{fill:#8df5cc;stroke:#caffe6;r:10}.approval-mark{fill:#dec482;font-size:19px}.graph-node.selected .node-bg,.graph-node:focus .node-bg{stroke:#b4f7d6;stroke-width:2.8;fill:#233b35}.edge-line{fill:none;stroke:#4d7066;stroke-width:2}.edge-hit{fill:none;stroke:transparent;stroke-width:18;cursor:pointer}.graph-edge.selected .edge-line{stroke:#c8ffe5;stroke-width:3}.graph-edge.fail .edge-line{stroke:#b58266}.graph-edge.pass .edge-line{stroke:#6c9e8c}.graph-edge text{fill:#a3b7ad;font-size:10px;paint-order:stroke;stroke:#0c1417;stroke-width:5;stroke-linejoin:round}.link-preview{stroke:#c4fce0;fill:none;stroke-width:2;stroke-dasharray:6 5;pointer-events:none}.canvas-empty{fill:#7f9b90;font-size:16px}.graph-node.PASSED .node-bg{fill:#17342b;stroke:#64b58e}.graph-node.PASSED .node-subtitle{fill:#8ee5b3}.graph-node.RUNNING .node-bg,.graph-node.WAITING .node-bg{fill:#333022;stroke:#efcb7e;stroke-width:3}.graph-node.RUNNING .node-subtitle,.graph-node.WAITING .node-subtitle{fill:#efd59e}.graph-node.FAILED .node-bg,.graph-node.INTERRUPTED .node-bg,.graph-node.CANCELLED .node-bg{fill:#332426;stroke:#d08888;stroke-width:2}.graph-node.FAILED .node-subtitle,.graph-node.CANCELLED .node-subtitle,.graph-node.INTERRUPTED .node-subtitle{fill:#f2afaa}.graph-node.SKIPPED{opacity:.35}.graph-node.PENDING{opacity:.68}.graph-edge.traversed .edge-line{stroke:#97efc4;stroke-width:3}.node-state{border:1px solid #4a6660;border-radius:7px;padding:9px 12px;font-size:.8125rem}.node-state.PASSED{color:#95edc4;border-color:#487f61}.node-state.WAITING,.node-state.RUNNING{color:#f0d492;border-color:#8b7449}.node-state.FAILED,.node-state.INTERRUPTED,.node-state.CANCELLED{color:#fab1ac;border-color:#926565}.node-facts{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:.8125rem;margin:0}.node-facts dt{color:#91a7a0}.node-facts dd{margin:0}.node-inspector pre{font-size:.75rem;padding:12px;margin:0}.run-task{padding:19px 23px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:20px}.run-task>strong{font-size:.9375rem;line-height:1.6;font-weight:500;overflow-wrap:anywhere}.policy-settings{margin-top:24px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.policy-settings>summary{padding:20px;font-size:.9375rem}.policy-settings-body{padding:22px}.policy-settings .page-heading{display:none}.task-profile{display:inline-flex;gap:8px;align-items:center;margin-top:10px;font-size:.8125rem;color:#9dd6bb}.task-profile button{font-size:.75rem;padding:6px 9px}.profile-choice-note{font-size:.8125rem;color:#a3bdb0}.node-state.SKIPPED{color:#93a19c}.node-state.PENDING{color:#bdccc5}
@media(max-width:1400px){.studio-body{grid-template-columns:180px minmax(200px,1fr) 220px}.graph-minimap{display:none}.studio-toolbar select{max-width:230px}.studio-toolbar .save-indicator{display:none}.module-library{padding:16px 10px}.node-inspector{padding:18px 13px}}
@media(max-width:1100px){.studio-body{grid-template-columns:170px minmax(220px,1fr);height:auto}.node-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;max-height:320px}.inspector-head{grid-column:1/-1}.canvas-wrap{height:580px}.module-library{height:580px}.run-mode .studio-body{grid-template-columns:1fr}.studio-heading>.badge{display:none}.studio-footer{flex-direction:column;gap:5px}.node-inspector>pre{max-height:220px}}
@media(max-width:700px){.content:has(.studio){padding:24px 12px}.studio-heading{display:block}.studio-heading h1{font-size:1.5rem}.studio-toolbar{gap:6px;padding:10px}.studio-toolbar button{font-size:.75rem}.studio-toolbar select{width:100%;max-width:none}.studio-body{display:flex;flex-direction:column}.module-library{height:auto;border-right:0;border-bottom:1px solid var(--line);padding:12px}.module-list{flex-direction:row;overflow:auto;max-height:145px}.module-item{width:185px}.library-head,.library-foot,.module-library>input{display:none}.kind-tabs{margin:0 0 10px}.canvas-wrap{height:500px}.canvas-caption{font-size:.6rem}.node-inspector{display:flex;max-height:400px}.canvas-hint{font-size:.6rem}.run-mode .canvas-wrap{height:500px}.toolbar-spacer{display:none}.studio-heading .row{margin-top:15px}}