.social-panel{display:flex;flex:1;min-height:0;flex-direction:column;gap:10px;padding:12px;color:var(--text-primary);font-size:12px}.social-panel button,.social-panel select,.social-panel input:not([type=checkbox]){border:1px solid var(--panel-border);border-radius:10px;background:var(--field-bg);padding:8px;color:inherit}.social-panel button:disabled{opacity:.5}.social-discovery,.social-peer{display:flex;align-items:center;justify-content:space-between;gap:8px}.social-discovery{color:var(--text-muted);font-size:10px}.social-discovery label{display:flex;align-items:center;gap:5px}.social-people,.social-messages{flex:1;min-height:0;overflow:auto}.social-people>button{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:8px;text-align:left}.social-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.social-people small{display:block;color:var(--text-muted)}.social-people b{margin-left:auto;color:var(--accent)}.social-empty{padding:32px 12px;text-align:center;color:var(--text-muted);line-height:1.8}.social-messages article{max-width:92%;padding:12px;margin:0 0 12px;border:1px solid var(--panel-border);border-radius:16px;background:var(--field-bg);overflow-wrap:anywhere}.social-messages article[data-self=true]{margin-left:auto;background:var(--accent-soft)}.social-messages p{white-space:pre-wrap;margin:6px 0;line-height:1.65}.social-messages small{font-size:10px;color:var(--text-muted)}.social-snapshot img{max-width:100%;max-height:240px;object-fit:contain;border-radius:10px;display:block}.social-snapshot{margin:8px 0}.social-composer textarea{width:100%;min-height:72px;max-height:150px;resize:vertical;padding:10px;border:1px solid var(--panel-border);border-radius:12px;background:var(--field-bg);color:inherit}.social-composer>div{display:flex;gap:5px;margin-top:5px;flex-wrap:wrap}.social-composer button:last-child{margin-left:auto;background:var(--accent);color:var(--accent-ink)}.social-invite a{display:block;padding-top:8px;color:var(--accent)}.social-invite-form{display:flex;gap:6px;flex-wrap:wrap}.social-invite-form small{width:100%;color:var(--text-muted)}.social-error{color:#f87171}.social-notice{color:var(--accent)}.social-draft{padding:6px;background:var(--accent-soft);border-radius:8px}.social-panel[data-drag-over=true]{outline:2px dashed var(--accent);outline-offset:-6px;background:var(--accent-soft)}.social-panel[data-drag-over=true]:before{content:"松开添加组件副本";text-align:center;color:var(--accent);font-weight:600}.social-draft-previews{display:flex;gap:8px;overflow:auto;margin:6px 0}.social-draft-previews span{max-width:90px;flex-shrink:0}.social-draft-previews img{width:60px;height:60px;object-fit:cover;border-radius:8px}.social-draft-previews small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-notifications{position:fixed;right:20px;top:76px;z-index:10000;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 32px);pointer-events:none}.social-toast{display:flex;align-items:flex-start;max-width:320px;border:1px solid var(--panel-border);border-radius:16px;padding:12px;background:var(--panel-bg,#18181b);color:var(--text-primary);box-shadow:0 8px 32px #0003;pointer-events:auto;animation:social-toast-in .2s ease-out}.social-toast button{text-align:left;background:none;border:0;padding:4px;color:inherit}.social-toast strong,.social-toast span{display:block}.social-toast span{font-size:12px;margin-top:4px;color:var(--text-muted)}@keyframes social-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.social-toast{animation:none}}.social-avatar{flex-shrink:0;overflow:hidden}.social-avatar img{width:100%;height:100%;object-fit:cover}.social-message-author{display:flex;align-items:center;gap:8px;margin-bottom:6px}.social-messages article[data-self=true] .social-message-author{flex-direction:row-reverse}.social-peer strong{flex:1}.social-browser-notifications{color:var(--text-muted);font-size:11px}.social-browser-notifications small{display:block;margin-top:4px}.social-toast .social-avatar{display:inline-grid;margin-right:8px;vertical-align:middle}.empty-guide-v2{z-index:3}.empty-guide-start,.empty-guide-actions{pointer-events:auto}.empty-guide-v2 .empty-guide-start{display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:0;box-shadow:none;color:var(--text-muted);cursor:pointer}.empty-guide-v2 .empty-guide-start strong{font-size:16px;font-weight:500;color:var(--text-muted)}.empty-guide-v2 .empty-guide-start>span:last-child{font-size:12px;color:var(--text-muted);opacity:.8}.empty-guide-cursor{position:relative;width:72px;height:72px;display:grid;place-items:center;color:var(--text-muted)}.empty-guide-cursor svg{width:42px;height:42px;animation:guide-click 3s ease-in-out infinite}.empty-guide-cursor i{position:absolute;left:18px;top:13px;width:22px;height:22px;border:1px solid currentColor;border-radius:2px;opacity:0;animation:guide-pulse 3s ease-out infinite}.empty-guide-cursor i:last-child{animation-delay:.18s}.empty-guide-actions{display:flex;gap:10px}.empty-guide-actions button{border:1px solid var(--panel-border);background:var(--field-bg);color:var(--text-secondary);border-radius:18px;padding:9px 15px;font-size:12px}.empty-guide-v2 .empty-guide-start:hover{color:var(--text-muted);background:none;box-shadow:none}.empty-guide-v2 button:focus-visible{outline:2px solid var(--text-muted);outline-offset:5px}@keyframes guide-click{0%,55%,to{transform:translate(0) scale(1)}25%{transform:translate(-3px,-4px) scale(1)}33%{transform:translate(-3px,-4px) scale(.88)}43%{transform:translate(-3px,-4px) scale(1)}}@keyframes guide-pulse{0%,30%{opacity:0;transform:scale(.4)}34%{opacity:.35}65%,to{opacity:0;transform:scale(2)}}@media(prefers-reduced-motion:reduce){.empty-guide-cursor i,.empty-guide-cursor svg{animation:none}}.empty-guide-actions button{display:inline-flex;align-items:center;gap:6px}.assistant-launcher{--look-x:0;--look-y:0;position:fixed;right:220px;bottom:24px;z-index:101;display:block;width:60px;height:60px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;opacity:1;isolation:isolate}.assistant-launcher.has-expanded-dock{right:276px}.assistant-launcher:hover{border-color:#85c344}.assistant-launcher:focus-visible{outline:2px solid #8eea37;outline-offset:4px}.assistant-launcher:disabled{cursor:not-allowed}@media(max-width:700px){.canvas-right-dock{margin:12px!important;bottom:calc(60px + env(safe-area-inset-bottom))!important}.assistant-launcher{right:208px;bottom:calc(72px + env(safe-area-inset-bottom))}.assistant-launcher.has-expanded-dock{right:264px}#canvas-ai-assistant{bottom:calc(152px + env(safe-area-inset-bottom))}}.canvas-right-dock,.canvas-right-dock:hover,.canvas-right-dock:focus-within{transform:none}.assistant-launcher{--robot-metal-top:#85918c;--robot-metal-mid:#343e3a;--robot-metal-dark:#101b16;--robot-metal-bottom:#486a3e;--robot-ring-top:#c7ff73;--robot-ring-mid:#81f513;--robot-ring-bottom:#23800c;--robot-face-top:#293833;--robot-face-bottom:#020b06;--robot-backdrop:#0c160f;--robot-badge:#132414;--robot-eye:#a2ff51;--robot-outline:#759780}[data-theme=light] .assistant-launcher{--robot-metal-top:#fff;--robot-metal-mid:#f2f6ef;--robot-metal-dark:#cedacc;--robot-metal-bottom:#e8f3dc;--robot-ring-top:#e9ffca;--robot-ring-mid:#ace55e;--robot-ring-bottom:#6dad39;--robot-face-top:#fff;--robot-face-bottom:#e9f3e2;--robot-backdrop:#f6faef;--robot-badge:#f7fff0;--robot-eye:#398613;--robot-outline:#9db48e;filter:drop-shadow(0 2px 5px #40522a18)}.assistant-launcher[role=status]{display:block;width:60px;height:60px;border:2px solid var(--robot-eye);border-radius:50%;background:var(--robot-backdrop)}.assistant-launcher[role=status]:before{content:"";position:absolute;top:12px;right:9px;bottom:12px;left:9px;border:2px solid var(--robot-outline);border-radius:13px;background:var(--robot-face-bottom)}.assistant-launcher[role=status]:after{content:"⌣ ⌣";position:absolute;top:13px;right:0;bottom:13px;left:0;color:var(--robot-eye);font-size:18px;line-height:26px;text-align:center}.canvas-right-dock{position:fixed!important;pointer-events:none!important}.canvas-right-dock .canvas-dock-actions,.canvas-right-dock .canvas-connection-pill{pointer-events:auto}.production-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:160;background:var(--overlay-bg, #000a);display:grid;place-items:center;padding:20px}.production-dialog{width:min(640px,100%);max-height:88vh;overflow-y:auto;background:var(--node-bg, #202024);color:var(--text-primary, #eee);border:1px solid var(--panel-border, #ffffff26);border-radius:22px;padding:24px;box-shadow:0 24px 80px #0006;font-size:14px}.production-dialog-heading,.production-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.production-dialog-heading h2{font-size:20px;font-weight:750}.production-dialog p{line-height:1.65;margin:14px 0;color:var(--text-secondary, #aaa)}.production-dialog button{padding:10px 14px;border-radius:10px;background:var(--bg-input, #ffffff10);min-height:40px}.production-dialog button:disabled{opacity:.45;cursor:not-allowed}.production-dialog button:focus-visible,.canvas-node-card button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.production-dialog .production-primary{background:var(--accent);color:var(--accent-ink, #111);font-weight:700}.production-dialog .production-issue{display:flex;align-items:center;gap:10px;width:100%;margin:10px 0;text-align:left;color:#fca5a5;background:#ef444418}.production-total{display:block;font-size:21px;margin-top:16px}.production-estimates{margin:14px 0;padding:0;list-style:none;max-height:30vh;overflow-y:auto}.production-estimates li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--panel-border, #ffffff20)}.production-estimates small{display:block;margin-top:4px;color:var(--text-secondary, #aaa);font-size:12px}.production-ack{display:flex;align-items:start;gap:10px;margin:16px 0;line-height:1.6}.production-ack input{margin-top:5px;accent-color:var(--accent)}.production-error{color:#fca5a5!important}.production-dialog-actions{justify-content:flex-end;flex-wrap:wrap;margin-top:22px}.canvas-result-stale{margin-bottom:12px;padding:10px 12px;border-radius:10px;border:1px solid #eab30866;background:#eab30814;color:var(--text-primary, #eee);font-size:12px;line-height:1.6}.canvas-node-card[data-status=error]{border-color:#ef444499}.canvas-node-card[data-status=pending],.canvas-node-card[data-status=waiting]{border-color:#eab30888}.canvas-node-card[data-status=success]:not(.is-selected){border-color:#10b98166}.canvas-node-card.is-selected{border-color:var(--accent)}.canvas-node-actions:focus-within{opacity:1}.canvas-node-body label,.canvas-node-body [role=status],.canvas-node-body [role=alert]{font-size:12px;line-height:1.5}.collaboration-conflict-notice{position:fixed;z-index:130;right:24px;bottom:90px;width:min(420px,calc(100vw - 32px));padding:18px;border:1px solid #eab30880;border-radius:16px;background:var(--node-bg, #222);color:var(--text-primary, #eee);box-shadow:0 12px 36px #0005;font-size:13px}.collaboration-conflict-notice p{margin:10px 0;line-height:1.65}.collaboration-conflict-notice div{display:flex;gap:16px}.collaboration-conflict-notice button{padding:8px 0;font-weight:700;color:var(--text-primary, #eee);text-decoration:underline}@media(max-width:640px){.production-dialog{padding:18px}.production-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.production-dialog-actions .production-primary{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.canvas-node-card *,.production-dialog *{animation:none!important;transition:none!important}}.workflow-transfer-item{display:flex;width:100%;align-items:center;gap:12px;border-radius:8px;padding:12px;text-align:left;font-size:12px;font-weight:700;color:var(--text-primary)}.workflow-transfer-item:hover{background:var(--field-bg)}.workflow-transfer-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.workflow-transfer-item:disabled{opacity:.4;cursor:not-allowed}.workflow-transfer-trigger{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:11px;font-weight:700;color:var(--text-muted)}.workflow-transfer-trigger:hover{color:var(--accent)}[data-theme=light] [class~="text-[color:var(--accent)]"]{color:var(--accent-text)!important}[data-theme=light] :is(.image-generation-panel__heading>div>span,.image-workspace__eyebrow,.image-workspace__favorite-toggle,.skill-cover-placeholder,.social-notice){color:var(--accent-text)}[data-theme=light] #canvas-ai-assistant.agent-studio{background:var(--panel-bg);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 8px 32px #18202a14}@media(min-width:701px){[data-theme=light] #canvas-ai-assistant.agent-studio:not([data-wide=true]){width:min(560px,calc(100vw - 24px))}}[data-theme=light] .agent-studio .assistant-reading-bubble{font-size:16px;line-height:1.8}[data-theme=light] .assistant-reading-bubble :is(p,li,ul,ol,blockquote,code){color:var(--text-primary)!important;font-size:16px;line-height:1.8}[data-theme=light] .assistant-reading-bubble :is(h1,h2){font-size:20px;line-height:1.45;font-weight:650}[data-theme=light] .assistant-reading-bubble h3{font-size:17px;font-weight:650}[data-theme=light] .agent-studio [data-speaker=assistant] .assistant-reading-bubble{background:transparent!important}[data-theme=light] .agent-studio [data-speaker=user] .assistant-reading-bubble{background:var(--field-bg)!important}[data-theme=light] .assistant-reading-bubble blockquote{border-color:var(--accent-text);padding-left:14px}[data-theme=light] .agent-studio .agent-input-surface textarea{font-size:16px;line-height:1.6}[data-theme=light] .agent-mode-tabs button{font-size:14px}[data-theme=light] .image-generation-panel :is(textarea,select,input:not([type=checkbox])){font-size:14px;line-height:1.7}[data-theme=light] .image-generation-panel textarea::placeholder{color:var(--text-faint)}[data-theme=light] :is(.image-control-label,.image-add-reference,.image-mode-tabs button,.image-generation-panel small){font-size:13px}[data-theme=light] :is(.image-model-meta,.image-control-label em,.image-generate-shortcut){font-size:12px;color:var(--text-faint)}[data-theme=light] .canvas-node-card textarea{color:var(--text-primary)!important}[data-theme=light] :is(.skill-studio,.skill-picker,.social-panel){font-size:14px}[data-theme=light] :is(.skill-studio p,.skill-picker-row small,.social-discovery,.social-messages small){font-size:12px;opacity:1;color:var(--text-muted)}[data-theme=light] :is(.skill-studio textarea,.social-composer textarea){font-size:16px;line-height:1.7}[data-theme=light] .social-messages p{font-size:15px;line-height:1.75}[data-theme=light] :is(.agent-studio,.skill-studio,.skill-picker,.social-panel) :is(button,summary):focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}[data-theme=light] :is(.image-run-area__header>div:first-child>span,.image-generation-panel__heading span,.image-run-summary .image-run-favorite-library){color:var(--accent-text);font-size:12px;letter-spacing:.04em}
