.studio-intro{display:flex;align-items:center;justify-content:space-between;padding:33px;background:linear-gradient(110deg,#eee8fc,#f7f4ff);border:1px solid #e8e0f8;border-radius:15px;margin-bottom:27px;gap:20px}.studio-intro h2{font-size:27px;margin:15px 0;line-height:1.35}.studio-intro p{font-size:12px;color:#9b8bb0;max-width:420px;margin-bottom:0}.mini-flow{display:flex;align-items:center;gap:13px}.mini-flow span{padding:20px 14px;background:#fff;border:1px solid #e8dff6;border-radius:11px;font-size:11px;box-shadow:0 10px 20px #8670a50a}.mini-flow i{font-style:normal;color:#b09acb}.flow-tile h3{margin:22px 0 10px}.flow-tile p{font-size:12px;color:#a194af}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.studio-heading h1{font-size:23px;letter-spacing:-.7px;margin:13px 0 9px}.studio-heading .row{flex-wrap:wrap;justify-content:end}.studio-heading .btn{padding:10px 13px;font-size:11px}.flow-workspace{display:grid;grid-template-columns:160px minmax(300px,1fr) 270px;background:white;border:1px solid #e7e2f0;border-radius:14px;overflow:hidden;height:calc(100vh - 270px);min-height:560px;max-height:1000px}.block-palette{border-right:1px solid #eae5f2;padding:20px 13px;background:#fff;overflow:auto}.block-palette .eyebrow{display:block;font-size:9px;margin-bottom:20px}.palette-block{width:100%;padding:12px 9px;border:1px solid #ece7f2;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:10px;text-align:left;margin-bottom:9px;color:#8d7b9f;background:#fdfcff;cursor:grab}.palette-block:hover{border-color:#b4a0da;color:var(--purple)}.palette-block .icon{width:16px;height:16px}.block-palette p{font-size:10px;margin:20px 3px;color:#ab9dbb}.zoom-tools{display:flex;align-items:center;justify-content:space-between;border:1px solid #ece7f2;border-radius:8px;margin-top:25px;padding:5px;font-size:10px;color:#a395b3}.zoom-tools button{padding:5px 8px;font-size:16px}.flow-viewport{position:relative;overflow:auto;background:#f8f6fc;min-width:0;background-image:radial-gradient(#dcd4e9 .8px,transparent .8px);background-size:20px 20px}.flow-canvas{position:relative}.flow-wires{position:absolute;pointer-events:none;inset:0}.flow-wires path{fill:none;stroke:#bcabd7;stroke-width:2}.flow-wires text{font:10px Manrope,Arial;fill:#b6a5ce}.flow-node{position:absolute;width:240px;border:1px solid #e1d9ec;background:white;border-radius:11px;box-shadow:0 5px 18px #6d527d0a;cursor:pointer;overflow:hidden}.flow-node.selected{border-color:var(--purple);box-shadow:0 0 0 3px #7c60df10}.flow-node.start-node:before{content:'ЭХЛЭЛ';display:block;color:#54977d;background:#edf9f2;font-size:8px;font-weight:800;letter-spacing:1px;padding:5px 12px}.flow-node header{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-bottom:1px solid #f0ebf6;cursor:grab;touch-action:none}.flow-node header>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.flow-node header .icon{width:15px;height:15px;color:var(--purple)}.flow-node header i{font-style:normal;font-size:8px;color:#59a28a}.flow-node-body{padding:12px}.flow-node-body>small{display:block;font-size:10px;color:#ac9ebb;line-height:1.6;max-height:63px;overflow:hidden;margin-bottom:10px}.node-output{display:flex;align-items:center;justify-content:space-between;background:#f8f5fd;border:1px solid #f0eaf8;border-radius:6px;padding:6px 8px;font-size:9px;color:#9584ad;margin-top:5px}.node-output button{color:#b6a2d2;font-size:14px;padding:2px 5px}.node-output button:hover{color:var(--purple)}.node-inspector{padding:21px 18px;border-left:1px solid #ece5f4;overflow:auto}.node-inspector h3{margin:0;font-size:13px}.node-inspector .btn{width:100%;font-size:10px;padding:10px;margin:8px 0 18px}.inspector-label{display:block;font-size:10px;font-weight:700;color:#9b8baa;margin:18px 0}.inspector-label input,.inspector-label textarea,.inspector-label select{font-size:11px;font-weight:500;padding:10px;margin-top:8px;line-height:1.5}.inspector-label textarea{min-height:90px}.node-inspector .muted.small{font-size:9px}.inspector-button{border:1px solid #eae3f4;background:#fcfaff;border-radius:9px;padding:0 12px 12px;margin-top:14px}.inspector-button .inspector-label{margin:12px 0}.connect-hint{position:sticky;bottom:15px;left:10px;background:#7c60df;color:white;padding:11px 17px;border-radius:10px;font-size:11px;width:max-content;max-width:90%;box-shadow:0 10px 20px #7c60df20;z-index:5}.studio-test-chat{display:flex;flex-direction:column;gap:12px;max-height:380px;min-height:150px;overflow:auto;padding:15px 2px;margin:12px 0}.studio-test-chat .bubble{max-width:95%}.test-choice{display:block;padding:8px 12px;border-radius:6px;background:white;border:1px solid #dcd0f1;color:var(--purple);font-size:11px;margin-top:8px;width:100%;text-align:center}#studio-trace{font-size:10px;white-space:pre-wrap;max-height:180px;overflow:auto;color:#a99ab6}.inbox-tools{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:20px;margin-bottom:15px;border-bottom:1px solid #eee8f6}.inbox-tools .btn{font-size:10px;padding:9px 12px}.node-inspector .empty{padding:40px 10px}#config-page{margin:10px 0}.studio-heading .pill{vertical-align:middle;font-size:9px}.bot-config-menu{display:flex;gap:10px;margin:8px 0}
@media(max-width:1200px){.flow-workspace{grid-template-columns:120px minmax(280px,1fr) 235px}.block-palette{padding:18px 9px}.palette-block{font-size:9px;padding:10px 7px}.studio-intro{padding:27px}.mini-flow span{padding:15px 10px;font-size:10px}.mini-flow{gap:7px}.studio-heading{align-items:start}}@media(max-width:950px){.flow-workspace{grid-template-columns:120px minmax(250px,1fr);height:700px;overflow:auto}.node-inspector{grid-column:1/-1;border-left:0;border-top:1px solid #eee6f6;max-height:320px}.block-palette,.flow-viewport{height:440px}.mini-flow{display:none}.flow-workspace .node-inspector{min-height:250px}.studio-heading h1{font-size:20px}}@media(max-width:700px){.flow-workspace{grid-template-columns:90px minmax(180px,1fr);min-height:700px}.palette-block{font-size:8px;gap:5px;padding:10px 4px}.palette-block .icon{width:13px;height:13px}.block-palette p{font-size:8px}.studio-heading{flex-direction:column;gap:14px}.studio-heading .row{gap:7px}.studio-intro{padding:24px}.studio-intro h2{font-size:24px}.studio-heading .btn{padding:9px 10px;font-size:10px}.studio-test-chat{max-height:280px}.flow-node{width:220px}.node-inspector{padding:20px}.content:has(.flow-workspace){padding-left:10px;padding-right:10px}}

.flow-space{position:relative;overflow:hidden;min-width:0;min-height:0}.node-output button{cursor:crosshair;touch-action:none}.flow-wires .wire-preview{stroke:var(--purple);stroke-width:3;stroke-dasharray:6 4}.flow-node.wire-drop-target{border-color:#42a887;box-shadow:0 0 0 4px #42a88733}.wire-dragging,.wire-dragging .flow-node{cursor:crosshair;user-select:none}@media(max-width:700px){.flow-node{width:240px}}

.flow-viewport{overflow:hidden;cursor:grab;touch-action:none}.flow-space{width:100%!important;height:100%!important;overflow:visible;pointer-events:none}.flow-canvas{pointer-events:none}.flow-node{pointer-events:auto}.flow-viewport.panning,.flow-viewport.panning *{cursor:grabbing!important;user-select:none}.fit-flow{width:100%;font-size:10px;margin-top:10px}