.oc-credit-info-root[data-v-4eb3ed48]{--oc-bg-surface:#fff;--oc-bg-elevated:#f6f7f8;--oc-bg-selected:#1565c014;--oc-bg-hover:#1565c01f;--oc-text-heading:#232425;--oc-text-secondary:#606366;--oc-text:#333;--oc-link:#1565c0;--oc-border:#eaeaea}@media (prefers-color-scheme:dark){.oc-credit-info-root[data-v-4eb3ed48]{--oc-bg-surface:#2a2a2a;--oc-bg-elevated:#2d2d2d;--oc-bg-selected:#64b5f61f;--oc-bg-hover:#64b5f62e;--oc-text-heading:#fff;--oc-text-secondary:#999;--oc-text:#e0e0e0;--oc-link:#64b5f6;--oc-border:#3a3a3a}}.oc-banner-carousel[data-v-4eb3ed48]{flex-shrink:0;position:relative;overflow:hidden}.oc-banner-carousel--inset[data-v-4eb3ed48]{max-width:var(--container-width,680px);width:100%;margin:0 0 0 26px}.oc-banner-carousel--inset .oc-credit-info-bar[data-v-4eb3ed48]{border-radius:10px}.oc-credit-info-bar[data-v-4eb3ed48]{background:var(--oc-bg-elevated,#f6f7f8);color:var(--oc-text-secondary,#606366);align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.oc-credit-info-bar--clickable[data-v-4eb3ed48]{cursor:pointer}.oc-credit-info-bar--clickable[data-v-4eb3ed48]:hover{background:var(--oc-bg-hover,#1565c01f)}.oc-credit-info-text[data-v-4eb3ed48]{flex:1}.oc-credit-info-link[data-v-4eb3ed48]{color:var(--oc-link,#1565c0);cursor:pointer;text-decoration:none}.credits-upgrade-link[data-v-4eb3ed48],.oc-credit-info-link[data-v-4eb3ed48]:hover{text-decoration:underline}.credits-upgrade-link[data-v-4eb3ed48]{color:var(--oc-link,#1565c0);cursor:pointer}.oc-credit-info-dismiss[data-v-4eb3ed48]{color:var(--oc-text-secondary,#999);cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:14px;line-height:1}.oc-credit-info-dismiss[data-v-4eb3ed48]:hover{opacity:1}.oc-desktop-banner[data-v-4eb3ed48]{gap:6px}.oc-desktop-banner-icon[data-v-4eb3ed48]{-o-object-fit:contain;object-fit:contain;border-radius:4px;flex-shrink:0;width:20px;height:20px}.oc-desktop-banner-text[data-v-4eb3ed48]{color:var(--oc-text-heading,#232425);flex:1;font-size:12px;font-weight:500}.oc-desktop-banner-link[data-v-4eb3ed48]{color:var(--oc-link,#1565c0);white-space:nowrap;flex-shrink:0;font-size:12px;text-decoration:none}.oc-desktop-banner-link[data-v-4eb3ed48]:hover{text-decoration:underline}.oc-banner-slide-up-enter-active[data-v-4eb3ed48],.oc-banner-slide-up-leave-active[data-v-4eb3ed48]{transition:all .35s}.oc-banner-slide-up-enter-from[data-v-4eb3ed48]{opacity:0;transform:translateY(100%)}.oc-banner-slide-up-leave-to[data-v-4eb3ed48]{opacity:0;transform:translateY(-100%)}.modal-overlay[data-v-4eb3ed48]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-dialog[data-v-4eb3ed48]{background:var(--oc-bg-surface,#fff);border-radius:16px;flex-direction:column;width:90%;max-width:520px;max-height:80vh;display:flex;box-shadow:0 3px 30px #00000014}.modal-header[data-v-4eb3ed48]{justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 0;display:flex}.modal-header-text[data-v-4eb3ed48]{flex-direction:column;gap:4px;display:flex}.modal-title[data-v-4eb3ed48]{color:var(--oc-text-heading,#232425);margin:0;font-size:20px;font-weight:700;line-height:1.5}.modal-subtitle[data-v-4eb3ed48]{color:var(--oc-text-secondary,#606366);margin:0;font-size:14px;line-height:1.5}.modal-close[data-v-4eb3ed48]{color:var(--oc-text-secondary,#888);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:18px;line-height:1}.modal-close[data-v-4eb3ed48]:hover{color:var(--oc-text,#333)}.modal-body[data-v-4eb3ed48]{flex-direction:column;gap:12px;padding:16px 24px 24px;display:flex;overflow-y:auto}.modal-section h4[data-v-4eb3ed48]{color:var(--oc-text-heading,#232425);margin:0 0 4px;font-size:14px;font-weight:600}.modal-section p[data-v-4eb3ed48]{margin:0}.modal-section p[data-v-4eb3ed48],.modal-section ul[data-v-4eb3ed48]{color:var(--oc-text-secondary,#606366);font-size:13px;line-height:1.6}.modal-section ul[data-v-4eb3ed48]{margin:4px 0 0;padding-left:20px}.modal-section ul li[data-v-4eb3ed48]{margin-bottom:2px}.modal-tip[data-v-4eb3ed48]{background:var(--oc-bg-elevated,#f6f7f8);color:var(--oc-text-secondary,#606366);border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.5}.openclaw-chat[data-v-dd5959fd]{background:var(--oc-bg);color:var(--oc-text);max-width:100%;height:100%;width:calc(var(--container-width,680px) + 36px);flex-direction:column;display:flex}.chat-messages[data-v-dd5959fd]{flex-direction:column;flex:1;align-items:center;gap:16px;padding:16px 16px 16px 20px;display:flex;overflow-y:auto}@media (max-width:1219px){.chat-messages[data-v-dd5959fd]{padding:16px}.chat-input-area[data-v-dd5959fd]{padding:12px 16px}}.chat-messages[data-v-dd5959fd]>*{max-width:var(--container-width,680px);width:100%}.chat-empty-placeholder[data-v-dd5959fd]{color:var(--oc-text-secondary);flex-direction:column;flex:1;gap:8px;font-size:16px}.chat-empty-placeholder[data-v-dd5959fd],.loading-container[data-v-dd5959fd]{justify-content:center;align-items:center;display:flex}.loading-container[data-v-dd5959fd]{flex-shrink:0;height:32px}.chat-empty-placeholder .placeholder-tagline[data-v-dd5959fd]{color:var(--oc-text-heading);margin:0;font-size:22px;font-weight:700}.message[data-v-dd5959fd]{box-sizing:border-box;border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.5}.message.user[data-v-dd5959fd]{background-color:var(--oc-msg-user-bg);color:var(--oc-msg-user-text);border-radius:16px;align-self:flex-end;width:auto;max-width:70%;font-size:16px}.message.assistant[data-v-dd5959fd]{background:var(--oc-msg-assistant-bg);border-bottom-left-radius:4px;align-self:flex-start}.message-role[data-v-dd5959fd]{letter-spacing:.5px;opacity:.6;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600}.message.user .message-role[data-v-dd5959fd]{display:none}.message-content[data-v-dd5959fd]{word-wrap:break-word;overflow-wrap:break-word}.message-content.voice-message[data-v-dd5959fd]{opacity:.85;font-style:italic}.message-content[data-v-dd5959fd] p{margin:0 0 8px}.message-content[data-v-dd5959fd] p:last-child{margin-bottom:0}.message-content[data-v-dd5959fd] pre{background:var(--oc-pre-bg);white-space:pre-wrap;word-break:break-word;border-radius:6px;padding:10px;font-size:13px;overflow-x:auto}.message-content[data-v-dd5959fd] code{background:var(--oc-pre-bg);border-radius:3px;padding:1px 4px;font-size:13px}.message-content[data-v-dd5959fd] pre code{background:0 0;padding:0}.message.toolResult[data-v-dd5959fd]{background:var(--oc-msg-tool-bg);border-left:2px solid var(--oc-msg-tool-border);align-self:flex-start;padding:6px 12px}.tool-call-block[data-v-dd5959fd],.tool-result-block[data-v-dd5959fd]{border:1px solid var(--oc-border-strong);border-radius:6px;margin-top:8px;overflow:hidden}.tool-call-summary[data-v-dd5959fd],.tool-result-summary[data-v-dd5959fd]{background:var(--oc-msg-tool-bg);cursor:pointer;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.tool-call-summary[data-v-dd5959fd]:hover,.tool-result-summary[data-v-dd5959fd]:hover{background:var(--oc-bg-hover)}.tool-icon[data-v-dd5959fd]{font-size:14px}.tool-args-preview[data-v-dd5959fd]{color:var(--oc-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:300px;margin-left:4px;font-size:12px;overflow:hidden}.tool-call-detail[data-v-dd5959fd],.tool-result-detail[data-v-dd5959fd]{background:var(--oc-bg-inset);white-space:pre-wrap;word-break:break-all;margin:0;padding:8px 10px;font-size:12px;overflow:auto}.file-path-link[data-v-dd5959fd]{color:#4fc3f7;word-break:break-all;margin:4px 0 0 28px;font-size:12px;text-decoration:none;display:inline-block}.file-path-link[data-v-dd5959fd]:hover{color:#81d4fa;text-decoration:underline}.message-content[data-v-dd5959fd] a.oc-url-link{background:var(--oc-pre-bg);color:#4fc3f7;cursor:pointer;word-break:break-all;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:13px;text-decoration:none}.message-content[data-v-dd5959fd] a.oc-url-link:hover{color:#81d4fa;text-decoration:underline}.message-content[data-v-dd5959fd] a.oc-file-link{background:var(--oc-pre-bg);color:#4fc3f7;cursor:pointer;word-break:break-all;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:13px;text-decoration:none}.message-content[data-v-dd5959fd] a.oc-file-link:hover{color:#81d4fa;text-decoration:underline}.message-content[data-v-dd5959fd] a.oc-browser-link{background:var(--oc-accent,#1565c0);color:#fff;cursor:pointer;border-radius:6px;margin:4px 0;padding:4px 12px;font-size:13px;text-decoration:none;display:inline-block}.message-content[data-v-dd5959fd] a.oc-browser-link:hover{opacity:.85}.message-content[data-v-dd5959fd] a.oc-diagnose-link{color:#fff;cursor:pointer;background:#0f7fff;border-radius:6px;margin-left:6px;padding:2px 10px;font-size:12px;font-style:normal;text-decoration:none;display:inline-block;position:relative}.message-content[data-v-dd5959fd] a.oc-diagnose-link:after{display:none!important}.message-content[data-v-dd5959fd] a.oc-diagnose-link:hover{opacity:.85}.message-content[data-v-dd5959fd] .oc-browser-link-wrapper{margin:6px 0;display:inline-block}.message-content[data-v-dd5959fd] .oc-browser-link-hint{border-left:3px solid var(--oc-accent,#1565c0);color:#333;background:#1565c01f;border-radius:0 6px 6px 0;align-items:flex-start;gap:6px;margin-top:8px;padding:8px 12px;font-size:12.5px;line-height:1.5;display:flex}@media (prefers-color-scheme:dark){.message-content[data-v-dd5959fd] .oc-browser-link-hint{color:#e0e0e0}}.message-content[data-v-dd5959fd] .oc-browser-link-hint-icon{flex-shrink:0;font-size:14px}.message-content[data-v-dd5959fd] .oc-browser-link-hint strong{color:var(--oc-accent,#1565c0);font-weight:600}.message.streaming[data-v-dd5959fd]{border-left:2px solid var(--oc-accent)}.thinking-dots[data-v-dd5959fd]{color:var(--oc-text-secondary);font-style:italic}.chat-input-area[data-v-dd5959fd]{flex-direction:column;flex-shrink:0;align-items:center;padding:12px 0 12px 20px;display:flex}@media (max-width:767px){.chat-input-area[data-v-dd5959fd]{padding:8px 12px}}.oc-diagnose-bar[data-v-dd5959fd]{box-sizing:border-box;max-width:calc(var(--container-width,680px) - 32px);background:#f5f5f5;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;width:100%;padding:6px 12px;font-size:12px;line-height:1.5;display:flex}@media (prefers-color-scheme:dark){.oc-diagnose-bar[data-v-dd5959fd]{background:#3a3a3a}}.oc-diagnose-text[data-v-dd5959fd]{color:#909499}@media (prefers-color-scheme:dark){.oc-diagnose-text[data-v-dd5959fd]{color:#aaa}}.oc-reconnect-bar[data-v-dd5959fd]{box-sizing:border-box;max-width:calc(var(--container-width,680px) - 32px);text-align:center;background:#e8f4e8;border-radius:8px;align-items:center;width:100%;margin-bottom:4px;padding:6px 12px;font-size:12px;line-height:1.5;display:flex;position:relative}.oc-reconnect-close[data-v-dd5959fd]{color:#4a8c4a;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.oc-reconnect-close[data-v-dd5959fd]:hover{opacity:1}@media (prefers-color-scheme:dark){.oc-reconnect-close[data-v-dd5959fd]{color:#7cb97c}.oc-reconnect-bar[data-v-dd5959fd]{background:#2a3a2a}}.oc-reconnect-text[data-v-dd5959fd]{color:#4a8c4a;flex:1}@media (prefers-color-scheme:dark){.oc-reconnect-text[data-v-dd5959fd]{color:#7cb97c}}.oc-reconnect-fade-enter-active[data-v-dd5959fd],.oc-reconnect-fade-leave-active[data-v-dd5959fd]{transition:opacity .3s}.oc-reconnect-fade-enter-from[data-v-dd5959fd],.oc-reconnect-fade-leave-to[data-v-dd5959fd]{opacity:0}.oc-diagnose-link[data-v-dd5959fd]{color:#909499;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}@media (prefers-color-scheme:dark){.oc-diagnose-link[data-v-dd5959fd]{color:#aaa}}.oc-diagnose-link[data-v-dd5959fd]:hover{color:#606366}@media (prefers-color-scheme:dark){.oc-diagnose-link[data-v-dd5959fd]:hover{color:#ccc}}.chat-input-area[data-v-dd5959fd] .openclaw-input-wrapper{max-width:var(--container-width,680px);margin-top:0;min-width:unset!important;width:100%!important}.chat-input-area[data-v-dd5959fd] .icon-group{background:0 0!important}.oc-to-bottom-icon[data-v-dd5959fd]{cursor:pointer;z-index:4;justify-content:center;margin-top:-28px;display:flex;position:relative}.voice-control-wrapper[data-v-dd5959fd]{justify-content:center;width:100%;margin-top:12px;display:flex}.voice-control-wrapper[data-v-dd5959fd] .voice-control-container{min-width:0}.oc-view-only-bar[data-v-dd5959fd]{background:var(--oc-warning-bg,#ffc80014);border-top:1px solid var(--oc-warning,#ffc800);flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:10px 16px;display:flex}.oc-view-only-text[data-v-dd5959fd]{color:var(--oc-text-secondary,#999);font-size:13px}.oc-switch-session-btn[data-v-dd5959fd]{background:var(--oc-accent,#6c8cff);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:5px 14px;font-size:13px}.oc-switch-session-btn[data-v-dd5959fd]:hover{opacity:.85}.oc-cross-session-bar[data-v-dd5959fd]{background:var(--oc-accent-bg,#6c8cff1a);border-top:1px solid var(--oc-accent,#6c8cff);cursor:pointer;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;animation:.25s ease-out oc-slide-in-dd5959fd;display:flex}@keyframes oc-slide-in-dd5959fd{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.oc-cross-session-bar[data-v-dd5959fd]:hover{background:#6c8cff2e}.oc-cross-session-text[data-v-dd5959fd]{color:var(--oc-text,#e0e0e0);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.oc-cross-session-action[data-v-dd5959fd]{background:var(--oc-accent,#6c8cff);color:#fff;cursor:pointer;border:none;border-radius:4px;flex-shrink:0;padding:3px 10px;font-size:12px}.oc-cross-session-action[data-v-dd5959fd]:hover{opacity:.85}.oc-cross-session-dismiss[data-v-dd5959fd]{color:var(--oc-text-secondary,#999);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:16px;line-height:1}.oc-cross-session-dismiss[data-v-dd5959fd]:hover{color:var(--oc-text,#e0e0e0)}.oc-model-dropdown-overlay{z-index:9998;position:fixed;top:0;bottom:0;left:0;right:0}.oc-model-dropdown-panel{background:#fff;border:1px solid #eaeaea;border-radius:10px;max-height:240px;padding:4px;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.oc-model-dropdown-option{color:#232425;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:14px;display:flex}.oc-model-dropdown-option:hover{background:#f5f5f5}.oc-model-dropdown-option.selected{background:#0f7fff14}.oc-model-provider-icon{-o-object-fit:cover;object-fit:cover;border-radius:50%;flex-shrink:0;width:20px;height:20px}.oc-model-cost-tag{color:#888;background:#f0f0f0;border-radius:4px;flex-shrink:0;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:600}@media (prefers-color-scheme:dark){.oc-model-dropdown-panel{background:#2a2a2a;border-color:#444;box-shadow:0 4px 16px #0006}.oc-model-dropdown-option{color:#e0e0e0}.oc-model-dropdown-option:hover{background:#333}.oc-model-cost-tag{color:#999;background:#3a3a3a}}.oc-switch-model .modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.oc-switch-model .modal-dialog{background:#fff;border-radius:16px;width:90%;max-width:460px;padding:24px;box-shadow:0 3px 30px #00000014}.oc-switch-model .modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.oc-switch-model .modal-title{color:#232425;margin:0;font-size:20px;font-weight:700}.oc-switch-model .modal-close{color:#888;cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;line-height:1}.oc-switch-model .modal-close:hover{color:#333}.oc-switch-model .modal-body{margin-bottom:60px}.oc-switch-model .switch-model-desc{color:#000;margin:0;font-size:16px;line-height:1.5}.oc-switch-model .model-inline-icon{-o-object-fit:cover;object-fit:cover;vertical-align:text-bottom;border-radius:50%;width:16px;height:16px;margin:0 2px}.oc-switch-model .modal-footer{gap:12px;display:flex}.oc-switch-model .btn{cursor:pointer;border:none;border-radius:12px;padding:8px 24px;font-size:16px;font-weight:400;line-height:1.5}.oc-switch-model .btn-secondary{color:#232425;text-align:center;background:#f5f5f5;width:200px}.oc-switch-model .btn-secondary:hover{background:#e8e8e8}.oc-switch-model .btn-primary-dark{color:#fff;text-align:center;background:#232425;width:220px}.oc-switch-model .btn-primary-dark:hover{background:#3a3b3c}.oc-switch-model .btn-primary-dark:disabled{cursor:not-allowed;opacity:.5}@media (prefers-color-scheme:dark){.oc-switch-model .modal-dialog{background:#1e1e1e;box-shadow:0 3px 30px #0006}.oc-switch-model .modal-title{color:#e0e0e0}.oc-switch-model .modal-close{color:#888}.oc-switch-model .modal-close:hover{color:#ccc}.oc-switch-model .switch-model-desc{color:#e0e0e0}.oc-switch-model .btn-secondary{color:#e0e0e0;background:#333}.oc-switch-model .btn-secondary:hover{background:#444}.oc-switch-model .btn-primary-dark{color:#1a1a1a;background:#e0e0e0}.oc-switch-model .btn-primary-dark:hover{background:#ccc}}.oc-chat-model-btn{box-sizing:border-box;color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e0e0e0;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;height:36px;padding:0 10px;font-size:13px;line-height:1;transition:all .15s;display:inline-flex}.oc-chat-model-btn:hover{color:#333;background:#f5f5f5;border-color:#ccc}.oc-chat-model-btn.disabled{opacity:.5;pointer-events:none}.oc-chat-model-icon{-o-object-fit:cover;object-fit:cover;border-radius:50%;flex-shrink:0;width:16px;height:16px}.oc-chat-model-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.oc-chat-model-chevron{opacity:.5;flex-shrink:0}@media (max-width:767px){.oc-chat-model-name{max-width:90px}}@media (prefers-color-scheme:dark){.oc-chat-model-btn{color:#999;border-color:#444}.oc-chat-model-btn:hover{color:#e0e0e0;background:#2a2a2a;border-color:#555}}.oc-new-chat-divider{background-color:#efefef;height:1px;margin:6px 0}.oc-new-chat-item{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;transition:background-color .15s;display:flex}.oc-new-chat-item:hover{background-color:#f5f5f5}.oc-new-chat-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:14px;display:flex}.oc-new-chat-label{color:#232425;white-space:nowrap;font-size:14px;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){.oc-new-chat-divider{background-color:#444}.oc-new-chat-item:hover{background-color:#404040}.oc-new-chat-label{color:#fff}}