.canvas-agent-node {box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;max-width:100%;min-width:0;min-height:240px;padding:16px;border:0;border-radius:16px;background:#fff;color:#26242b;font-size:12px;line-height:1.5}
.canvas-agent-header,.canvas-agent-header-actions,.canvas-conversation-toolbar,.canvas-agent-actions,.canvas-conversation-controls {display:flex;align-items:center;gap:6px}
.canvas-agent-header {justify-content:space-between;min-width:0;min-height:30px;color:#514b5e;font-size:13px;font-weight:600;cursor:grab;touch-action:none;user-select:none}
.canvas-agent-header:active {cursor:grabbing}
.canvas-agent-header-actions {gap:2px;margin-left:auto}
.canvas-agent-status,.canvas-agent-stale {font-size:10px;color:#8b8792}
.canvas-agent-status[data-status="failed"],.canvas-agent-stale {color:#b45309}
.canvas-agent-response-wrap {display:grid;gap:4px}
.canvas-agent-response {max-height:180px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#34313d;line-height:1.6;font-size:12px}
.canvas-conversation-history {max-height:220px;overflow:auto;display:grid;gap:8px}
.canvas-conversation-history p {margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.canvas-conversation-user {justify-self:end;max-width:90%;padding:7px 10px;border-radius:12px;background:#f4f3f7}
.canvas-conversation-assistant {color:#47424f}
.canvas-conversation-composer {box-sizing:border-box;min-width:0;width:100%;display:grid;gap:8px}
.canvas-conversation-composer>textarea {box-sizing:border-box;display:block;width:100%;min-width:0;min-height:112px;max-height:260px;resize:vertical;border:0;outline:0;padding:8px 2px;background:transparent;font:inherit;line-height:1.65;color:#302d36;overflow-wrap:anywhere}
.canvas-conversation-composer>textarea::placeholder {color:#aba6b2}
.canvas-conversation-composer>textarea:focus-visible {outline:2px solid #e7e2fb;outline-offset:3px;border-radius:6px}
.canvas-conversation-toolbar {box-sizing:border-box;min-width:0;width:100%;min-height:36px;flex-wrap:wrap;justify-content:flex-start}
.canvas-conversation-controls {flex:1 1 220px;min-width:0;flex-wrap:wrap;align-items:center}
.canvas-conversation-native-control {max-width:100%;min-width:0}
.canvas-conversation-icon {border:0;background:transparent;color:#8d8795;border-radius:8px;cursor:pointer;display:grid;place-items:center;min-width:28px;height:28px;font:inherit;font-size:18px}
.canvas-conversation-icon:hover {background:#f3f1f7;color:#4d4658}
.canvas-conversation-send {display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#6d4aff;color:#fff;cursor:pointer;font:inherit}
.canvas-conversation-send:disabled {background:#eeebf4;color:#b8b1c7;cursor:not-allowed}
.canvas-conversation-icon:disabled {opacity:.4;cursor:not-allowed}
.canvas-conversation-controls select {max-width:155px;min-width:0;padding:4px;border:0;border-radius:8px;background:#f7f6fa;color:#514b5e;font:inherit;font-size:11px}
.canvas-agent-inputs {box-sizing:border-box;display:flex;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;overflow:auto;padding:2px 0}
.canvas-agent-input {display:flex;align-items:center;flex:0 0 auto;max-width:120px;min-height:28px;border:1px solid #eeebf2;border-radius:7px;overflow:hidden;font-size:10px;color:#79717f}
.canvas-agent-input>img,.canvas-agent-input>video {display:block;width:38px;height:32px;object-fit:cover;background:#f4f3f7}
.canvas-agent-input>span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px;padding:4px 7px}
.canvas-agent-confirmation {display:grid;gap:6px;padding:9px;border:1px solid #e9e4f7;border-radius:10px;background:#faf9fd;font-size:11px}
.canvas-agent-confirmation>p,.canvas-agent-message {margin:0;line-height:1.5}
.canvas-agent-confirmation button {border:1px solid #e5dfef;border-radius:7px;background:#fff;padding:5px 8px;cursor:pointer;color:#6b537e;font:inherit}
.canvas-agent-confirmation [data-testid="canvas-agent-confirm"],.canvas-agent-confirmation [data-testid="canvas-generation-approve"] {background:#6d4aff;color:white;border-color:#6d4aff}
.canvas-agent-confirmation button:disabled {opacity:.5;cursor:not-allowed}
.canvas-agent-actions {flex-wrap:wrap}
.canvas-conversation-parameters-toggle {border:0;border-radius:7px;background:#f7f6fa;color:#81788c;padding:5px 7px;font:inherit;font-size:11px;cursor:pointer}
.canvas-generation-parameters {box-sizing:border-box;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0;padding:10px;border-radius:10px;background:#f7f6fa}
.canvas-generation-field {display:grid;gap:4px;min-width:0;color:#8b8196;font-size:10px}
.canvas-generation-field:first-of-type {grid-column:1/-1}
.canvas-generation-field>select {box-sizing:border-box;width:100%;min-width:0;padding:5px;border:1px solid #ece7f2;border-radius:6px;background:#fff;font:inherit;color:#554b64;font-size:11px}
.canvas-generation-parameters>.canvas-agent-message,.canvas-generation-loading {grid-column:1/-1}
.canvas-agent-high-cost {color:#b45309}
.canvas-agent-message {padding:5px 7px;border-radius:7px;background:#fff7ed;color:#9a3412;font-size:11px;overflow-wrap:anywhere}
.canvas-agent-remote-response {color:#938c9e;font-size:11px}
.canvas-agent-remote-response p {margin:4px 0;white-space:pre-wrap}
/* Ordinary-chat controls are reused without a second React instance. */
.canvas-conversation-controls .unifiedCreatorModeMenu,.canvas-conversation-controls .unifiedAgentExecutionMenu,.canvas-conversation-controls .unifiedAgentThinkingMenu {font-size:11px}
.canvas-agent-node :is(button,select):focus-visible {outline:2px solid #b8a6ff;outline-offset:2px}
.canvas-conversation-shell {padding:0!important;gap:0!important;border-radius:16px!important;background:#fff!important;border:1px solid #eae7f0!important;box-shadow:0 6px 24px #3020460a!important}
.canvas-conversation-shell .canvas-conversation-chrome {display:none!important}
.canvas-conversation-shell>[class*="_nodeActions_"] {display:none!important}
@media(max-width:760px) {.canvas-agent-node{min-height:220px;padding:12px;gap:10px}.canvas-agent-response{max-height:140px}.canvas-conversation-composer>textarea{min-height:96px;max-height:220px}}
@media(max-width:560px) {.canvas-agent-node{padding:10px}.canvas-generation-parameters{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-generation-field:first-of-type{grid-column:1/-1}.canvas-conversation-controls{flex-basis:100%}}
@media(max-width:380px) {.canvas-generation-parameters{grid-template-columns:minmax(0,1fr)}.canvas-generation-field:first-of-type{grid-column:auto}.canvas-agent-header{font-size:12px}}
.canvas-agent-heading {display:flex;align-items:center;gap:7px;min-width:0}
.canvas-agent-heading [data-testid="canvas-agent-title"] {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.canvas-agent-type-icon {width:17px;height:17px;flex:0 0 17px;color:#74658d}
.canvas-agent-node[data-mode="image"] .canvas-agent-type-icon {color:#8a6a45}
.canvas-agent-node[data-mode="video"] .canvas-agent-type-icon {color:#695b9c}
.canvas-agent-drag-hint {width:13px;height:13px;flex:0 0 13px;margin-left:2px;color:#a8a2b0;opacity:.52;transition:opacity .14s}
.canvas-agent-header:hover .canvas-agent-drag-hint,.canvas-agent-header:focus-within .canvas-agent-drag-hint {opacity:1}
.canvas-agent-inputs {overscroll-behavior:contain;scrollbar-width:thin}
.canvas-agent-input {gap:6px;padding:3px 5px;max-width:188px;min-height:38px}
.canvas-agent-input>img,.canvas-agent-input>video {width:38px;height:32px;flex:0 0 38px;border-radius:4px}
.canvas-agent-input-details {display:grid;gap:1px;min-width:0;overflow:hidden}
.canvas-agent-input-kind {color:#928b9a;font-size:9px;line-height:1.2}
.canvas-agent-input-name {display:block;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#625c6a;font-size:10px;line-height:1.35}
.canvas-agent-input-details .canvas-agent-input-relation {box-sizing:border-box;max-width:100%;min-width:55px;height:20px;padding:0 3px;margin-left:-3px;border:1px solid transparent;border-radius:4px;background:transparent;color:#82758f;font:inherit;font-size:10px;cursor:pointer}
.canvas-agent-input-details .canvas-agent-input-relation:is(:hover,:focus-visible) {border-color:#e5deed;background:#f7f4fb;color:#6742bb}
.canvas-agent-input-details .canvas-agent-input-relation:disabled {cursor:default;color:#a29ba9;opacity:.8}
.canvas-agent-input-remove {align-self:flex-start;margin:4px 3px 0 0;padding:0;flex:0 0 18px;width:18px;height:18px;border:0;border-radius:4px;background:transparent;color:#948b9f;font:inherit;font-size:14px;cursor:pointer;opacity:0}
.canvas-agent-input:is(:hover,:focus-within) .canvas-agent-input-remove {opacity:1}
.canvas-agent-input-remove:focus-visible {opacity:1;outline:2px solid #b8a6ff}
.canvas-agent-input-remove:hover {background:#f3edf9;color:#6742bb}
.canvas-agent-input-remove:disabled {cursor:default;color:#beb8c5}
@media(hover:none) {.canvas-agent-input-remove {opacity:1}}
.canvas-agent-response,.canvas-conversation-history,.canvas-agent-remote-response p,.canvas-agent-inputs {overscroll-behavior:contain;scrollbar-width:thin}
.canvas-agent-response:focus-visible,.canvas-conversation-history:focus-visible,.canvas-agent-remote-response p:focus-visible,.canvas-agent-inputs:focus-visible {outline:2px solid #b8a6ff;outline-offset:2px;border-radius:6px}
.canvas-agent-remote-response p {max-height:120px;overflow:auto}
.canvas-agent-busy-status {min-width:0;color:#82788d;font-size:10px;white-space:nowrap}
.canvas-conversation-send {flex-basis:40px;width:40px;height:40px;min-width:40px;touch-action:manipulation}
.canvas-agent-spinner {display:block;width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:canvas-agent-spin .8s linear infinite}
@keyframes canvas-agent-spin {to {transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce) {.canvas-agent-spinner {animation:none;border-right-color:currentColor;opacity:.65}.canvas-agent-drag-hint {transition:none}}
/* Match the chat composer: quiet controls until hover, focus, or an open menu. */
.canvas-agent-node .canvas-conversation-controls {gap:4px;align-items:center}
.canvas-agent-node .canvas-conversation-controls :is(.unifiedAgentThinkingMenu,.unifiedAgentExecutionMenu) {display:inline-flex;align-items:center;min-width:0;max-width:100%;flex:0 1 auto}
.canvas-agent-node .canvas-conversation-controls .canvas-conversation-native-control,
.canvas-agent-node .canvas-conversation-parameters-toggle {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;min-height:32px;margin:0;padding:5px 8px;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none;color:#756d80;font:inherit;font-size:11px;font-weight:500;line-height:20px;white-space:nowrap;transition:background .14s,border-color .14s,color .14s}
.canvas-agent-node .canvas-conversation-controls .canvas-conversation-native-control>span {display:block;line-height:20px}
.canvas-agent-node .canvas-conversation-controls .canvas-conversation-native-control>svg {display:block;flex:0 0 auto;width:14px;height:14px}
.canvas-agent-node .canvas-conversation-controls .canvas-conversation-native-control:is(:hover,:focus-visible,.open),
.canvas-agent-node .canvas-conversation-parameters-toggle:is(:hover,:focus-visible,[aria-expanded="true"]) {background:#f5f3f8;border-color:#e9e4ef;color:#51465f;box-shadow:none}
.canvas-agent-node .canvas-conversation-icon {box-sizing:border-box;min-width:32px;width:32px;height:32px}
.canvas-conversation-shell {border-color:transparent!important;box-shadow:none!important;transition:border-color .14s,box-shadow .14s}
.react-flow__node:is(:hover,:focus-within,.selected) .canvas-conversation-shell {border-color:#eae7f0!important;box-shadow:0 6px 24px #3020460a!important}
@media(prefers-reduced-motion:reduce) {.canvas-agent-node .canvas-conversation-controls .canvas-conversation-native-control,.canvas-agent-node .canvas-conversation-parameters-toggle,.canvas-conversation-shell {transition:none}}