*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f7f8;color:#1f2937}input,textarea,button{font-family:inherit}button:active{transform:scale(.97)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000029;border-radius:6px}.chat-root{height:100vh;display:flex;max-width:480px;margin:0 auto;position:relative;overflow:hidden;background:#f7f7f8}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000002e;z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:50%;transform:translate(max(-240px,-50vw)) translate(-228px);width:228px;height:100%;background:#f7f7f8;z-index:999;display:flex;flex-direction:column;transition:transform .3s ease}@media (max-width: 480px){.sidebar{left:0;transform:translate(-228px)}}.sidebar.open{transform:translate(max(-240px,-50vw))}@media (max-width: 480px){.sidebar.open{transform:translate(0)}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #e5e7eb}.sidebar-top{display:flex;align-items:center;gap:6px;padding:10px 10px 6px}.sidebar-new-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 10px 8px;background:#fff;border:1px solid #e5e7eb;color:#374151;padding:7px 10px;border-radius:8px;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s}.sidebar-new-btn:hover{background:#f9fafb;border-color:#d1d5db}.sidebar-close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-header-actions{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.sidebar-mode-btn{display:none}.sidebar-mode-tabs{display:flex;gap:4px;flex:1;min-width:0;background:#ececef;padding:3px;border-radius:8px}.sidebar-mode-tab{flex:1;border:none;background:transparent;color:#6b7280;padding:5px 6px;border-radius:6px;font-size:12px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;white-space:nowrap}.sidebar-mode-tab.active{background:#fff;color:#111827;box-shadow:0 1px 2px #0000000f}.sidebar-mode-tab:last-child.active{color:#c2410c}.openclaw-mode-badge{font-size:10px;padding:1px 6px;border-radius:999px;background:#ffedd5;color:#c2410c;margin-left:6px;flex-shrink:0;font-weight:500}.openclaw-mode-badge.offline{background:#fee2e2;color:#b91c1c}.openclaw-health-hint{margin-top:12px;font-size:13px;color:#b45309;max-width:280px;line-height:1.5}.sidebar-list{flex:1;overflow-y:auto;padding:4px 8px 8px}.sidebar-empty{color:#9ca3af;font-size:12px;text-align:center;padding:20px 8px}.sidebar-item{display:flex;align-items:center;padding:7px 8px;border-radius:8px;cursor:pointer;transition:background .15s;margin-bottom:1px}.sidebar-item:hover{background:#eceff3}.sidebar-item.active{background:#e5e7eb}.sidebar-item-content{flex:1;min-width:0}.sidebar-item-title{font-size:13px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-time{font-size:10px;color:#9ca3af;margin-top:1px}.sidebar-item-delete{background:none;border:none;color:#9ca3af;cursor:pointer;padding:6px;border-radius:6px;opacity:0;transition:opacity .15s,color .15s,background .15s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-item:hover .sidebar-item-delete{opacity:1}.sidebar-item-delete:hover{color:#ef4444;background:#ef44441a}@media (hover: none),(max-width: 768px){.sidebar-item-delete{opacity:1}}.sidebar-footer{padding:8px 10px;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-user{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.sidebar-user-avatar{width:28px;height:28px;border-radius:50%;background:#f0dbe6;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#7a5f6d;flex-shrink:0}.sidebar-user-name{font-size:13px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#9ca3af;padding:6px;cursor:pointer;border-radius:6px;flex-shrink:0;transition:color .15s,background .15s}.sidebar-logout-btn:hover{color:#6b7280;background:#ececef}.chat-main{flex:1;display:flex;flex-direction:column;height:100%;width:100%}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;flex-shrink:0;border-bottom:1px solid #f0f0f0;background:#fff}.header-menu-btn,.header-new-btn{background:none;border:none;color:#111827;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .15s}.header-menu-btn:hover,.header-new-btn:hover{background:#eceff3}.header-spacer{width:34px;height:34px}.header-title{font-size:15px;font-weight:600;color:#111827;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px}.chat-messages{flex:1;overflow-y:auto;padding:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:32px;gap:12px}.empty-icon{color:#9ca3af;margin-bottom:8px}.empty-title{font-size:22px;font-weight:600;color:#111827}.empty-subtitle{font-size:14px;color:#6b7280}.messages-list{display:flex;flex-direction:column}.load-more-btn{background:none;border:1px solid #d1d5db;color:#6b7280;padding:6px 18px;border-radius:16px;font-size:13px;cursor:pointer;transition:all .15s}.load-more-btn:hover:not(:disabled){background:#f3f4f6;color:#374151}.load-more-btn:disabled{opacity:.5;cursor:default}.message-row{padding:16px 20px;display:flex;gap:12px;animation:msgFadeIn .3s ease}.message-row.user{justify-content:flex-end}.message-row.assistant{background:#f3f4f6}.message-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.assistant-avatar{background:#f0dbe6;color:#7a5f6d}.message-bubble{max-width:85%;font-size:15px;line-height:1.6;word-break:break-word}.message-bubble.user{background:#e5e7eb;color:#111827;padding:10px 16px;border-radius:20px 20px 4px}.message-bubble.assistant{color:#111827;flex:1}.message-bubble.error{color:#fca5a5}.message-text{margin-bottom:4px;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.user-message-text,.assistant-text-content{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default;white-space:pre-wrap}.message-bubble,.oc-user-bubble,.oc-assistant-body{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.ref-img-thumb{max-width:160px;max-height:120px;border-radius:10px;margin-top:8px;cursor:pointer;display:block}.ref-images-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.generated-img-wrap{margin-top:10px;position:relative;display:inline-block;max-width:100%}.generated-model-badge{display:inline-flex;align-items:center;margin-bottom:8px;padding:3px 8px;border-radius:999px;font-size:11px;color:#7a5f6d;background:#f5eaf0;border:1px solid #edd7e3}.generated-img{width:100%;max-width:320px;border-radius:12px;cursor:pointer;display:block}.download-btn{display:flex;align-items:center;gap:4px;background:#0009;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer;position:absolute;bottom:10px;right:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s}.download-btn:hover{background:#000c}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#f0dbe6;animation:typingPulse 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.assistant-streaming{width:100%}.stream-steps{display:flex;flex-direction:column;gap:4px;margin-top:6px}.stream-step{font-size:13px;color:#4b5563}.agent-plan-list{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:10px 12px;border-radius:10px;background:#f9fafb;border:1px solid #eef0f3}.agent-plan-list-compact{margin-top:0;margin-bottom:8px;padding:8px 10px;gap:4px}.agent-plan-list-compact .agent-plan-item{gap:6px}.agent-plan-list-compact .agent-plan-label{font-size:12px}.agent-plan-item{display:flex;align-items:flex-start;gap:8px}.agent-plan-icon{width:16px;flex-shrink:0;font-size:13px;line-height:1.4;text-align:center}.agent-plan-done .agent-plan-icon{color:#16a34a;font-weight:700}.agent-plan-active .agent-plan-icon{color:#ea580c;animation:plan-pulse 1.2s ease-in-out infinite}.agent-plan-pending .agent-plan-icon{color:#d1d5db}.agent-plan-body{min-width:0}.agent-plan-label{font-size:13px;color:#374151;line-height:1.4}.agent-plan-done .agent-plan-label{color:#6b7280}.agent-plan-active .agent-plan-label{color:#111827;font-weight:500}.agent-plan-detail{margin-top:2px;font-size:12px;color:#9ca3af;line-height:1.35}@keyframes plan-pulse{0%,to{opacity:1}50%{opacity:.45}}.agent-activity-log{margin-top:8px;border-radius:8px;border:1px solid #e5e7eb;background:#fafafa;overflow:hidden}.agent-activity-log-title{padding:6px 10px;font-size:11px;font-weight:600;letter-spacing:.02em;color:#6b7280;text-transform:uppercase;border-bottom:1px solid #eef0f3;background:#f3f4f6}.agent-activity-log-body{max-height:140px;overflow-y:auto;padding:6px 10px}.agent-activity-line{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;line-height:1.5;color:#4b5563;padding:1px 0;word-break:break-word}.agent-activity-line:last-child{color:#111827}.agent-activity-line.retry-line{color:#b45309;background:#fffbeb;border-left:3px solid #f59e0b;padding:4px 8px;margin:2px 0;border-radius:4px}.openclaw-run-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 6px;padding:8px 10px;border-radius:8px;font-size:12px;line-height:1.4;border:1px solid #dbeafe;background:#eff6ff;color:#1e40af}.openclaw-run-status.tone-wait{border-color:#fed7aa;background:#fff7ed;color:#9a3412}.openclaw-run-status.tone-done{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.openclaw-run-status.tone-error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.openclaw-run-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.openclaw-run-dot.pulse{animation:openclaw-run-pulse 1.2s ease-in-out infinite}@keyframes openclaw-run-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.openclaw-run-label{font-weight:600}.openclaw-run-meta{color:inherit;opacity:.85}.openclaw-run-meta.warn{font-weight:600}.openclaw-run-detail{flex-basis:100%;opacity:.9;font-size:11.5px}.openclaw-partial-banner,.openclaw-done-banner{margin-bottom:8px;padding:8px 10px;border-radius:8px;font-size:12px;line-height:1.45}.openclaw-partial-banner{border:1px solid #fcd34d;background:#fffbeb;color:#92400e}.openclaw-done-banner{border:1px solid #86efac;background:#f0fdf4;color:#166534}.openclaw-approval-panel{margin:0 16px 8px;border:1px solid #fdba74;border-radius:12px;background:linear-gradient(180deg,#fff7ed,#fffbeb);overflow:hidden;box-shadow:0 4px 14px #ea580c14}.openclaw-approval-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #fed7aa;background:#ffffff8c}.openclaw-approval-panel-title{font-size:13px;font-weight:600;color:#9a3412}.openclaw-approval-panel-count{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ea580c;color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.openclaw-approval-card{padding:12px 14px;border-bottom:1px solid #ffedd5}.openclaw-approval-card:last-child{border-bottom:none}.openclaw-approval-card-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.openclaw-approval-kind{font-size:11px;font-weight:700;letter-spacing:.02em;padding:2px 8px;border-radius:999px;text-transform:uppercase}.openclaw-approval-kind.kind-exec{background:#dbeafe;color:#1d4ed8}.openclaw-approval-kind.kind-plugin{background:#ede9fe;color:#6d28d9}.openclaw-approval-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;color:#9ca3af}.openclaw-approval-title{font-size:13px;font-weight:600;color:#111827;margin-bottom:4px}.openclaw-approval-preview{font-size:12px;line-height:1.45;color:#4b5563;word-break:break-word;margin-bottom:10px}.openclaw-approval-actions{display:flex;flex-wrap:wrap;gap:8px}.openclaw-approval-btn{border:none;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.openclaw-approval-btn:disabled{opacity:.6;cursor:not-allowed}.openclaw-approval-btn:not(:disabled):hover{transform:translateY(-1px)}.openclaw-approval-btn.tone-primary{background:#16a34a;color:#fff}.openclaw-approval-btn.tone-secondary{background:#2563eb;color:#fff}.openclaw-approval-btn.tone-danger{background:#fff;color:#dc2626;border:1px solid #fecaca}.openclaw-approval-panel.is-sticky{margin:0 12px 10px;border-width:2px;border-color:#f97316;animation:openclaw-approval-pulse 2s ease-in-out infinite;position:relative;z-index:12}.openclaw-approval-panel.is-compact{margin:0 0 10px;border-radius:10px}.openclaw-approval-hint{margin:0;padding:0 14px 10px;font-size:12px;line-height:1.5;color:#c2410c}@keyframes openclaw-approval-pulse{0%,to{box-shadow:0 4px 14px #ea580c1f}50%{box-shadow:0 6px 22px #ea580c47}}.stream-progress-wrap{margin-top:8px;display:flex;align-items:center;gap:8px}.stream-progress-bar{flex:1;height:6px;border-radius:999px;background:#d1d5db;overflow:hidden}.stream-progress-inner{height:100%;border-radius:999px;background:#f0dbe6;transition:width .3s ease}.stream-progress-text{font-size:12px;color:#6b7280;min-width:34px}.settings-panel{padding:14px 20px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px;background:#f9fafb;animation:slideUp .2s ease}.settings-row{display:flex;align-items:center;gap:12px}.settings-model-row{align-items:flex-start}.settings-label{font-size:13px;font-weight:500;color:#6b7280;min-width:60px}.option-group{display:flex;gap:6px;flex-wrap:wrap}.option-btn{padding:5px 14px;border-radius:8px;border:1px solid #d1d5db;background:transparent;font-size:13px;cursor:pointer;color:#374151;transition:all .15s}.option-btn:hover{background:#eceff3}.option-btn.active{background:#f0dbe6;color:#7a5f6d;border-color:#f0dbe6}.option-group-model{gap:8px}.option-btn-model{display:inline-flex;align-items:center;gap:6px;padding:5px 10px}.model-chip-icon{width:14px;height:14px;border-radius:3px;object-fit:cover}.model-chip-label{font-size:12px;line-height:1}.ref-preview{padding:6px 10px;background:#f7f7f8;border-top:1px solid #ececef;display:flex;flex-direction:column;gap:6px}.ref-preview-title{font-size:11px;color:#9ca3af}.ref-preview-list-h{display:flex;gap:10px;overflow-x:auto;width:100%;padding-bottom:2px}.upload-pill{position:relative;min-width:64px;width:64px;height:76px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;padding:4px;flex-shrink:0}.ref-preview-placeholder{width:56px;height:56px;border-radius:10px;background:#f3f4f6;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-size:12px}.upload-pill-progress{font-size:11px;color:#6b7280;margin-top:4px}.upload-pill-bar{width:100%;height:4px;border-radius:999px;background:#e5e7eb;overflow:hidden;margin-top:4px}.upload-pill-inner{height:100%;border-radius:999px;background:#f0dbe6;transition:width .2s ease}.ref-preview-img{width:56px;height:56px;border-radius:10px;object-fit:cover}.upload-pill .ref-remove-btn{position:absolute;top:-5px;right:-5px;width:20px;height:20px}.ref-remove-btn{width:24px;height:24px;border-radius:50%;background:#e5e7eb;color:#6b7280;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.ref-remove-btn:hover{background:#f0dbe6;color:#7a5f6d}.chat-input-area{padding:6px 10px 10px;flex-shrink:0;background:#f7f7f8}.input-container{display:flex;align-items:center;gap:0;background:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:2px 4px 2px 2px;min-height:40px;box-shadow:0 1px 2px #0000000a;transition:border-color .2s,box-shadow .2s}.input-container:focus-within{border-color:#d1d5db;box-shadow:0 1px 4px #0000000f}.input-actions-left{display:flex;align-items:center;flex-shrink:0}.input-icon-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:color .15s,background .15s;flex-shrink:0}.input-icon-btn:hover{color:#374151;background:#f3f4f6}.input-icon-btn.active{color:#c2410c;background:#fff7ed}.chat-textarea{flex:1;border:none;background:transparent;resize:none;outline:none;font-size:14px;line-height:1.35;max-height:96px;min-height:22px;padding:6px;color:#111827}.chat-textarea::placeholder{color:#b0b7c3;font-size:13px}.input-send-divider{width:1px;height:18px;background:#e5e7eb;flex-shrink:0;margin:0 2px}.send-btn{width:32px;height:32px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s,background .15s,color .15s;color:#9ca3af}.send-btn:not(.disabled){color:#374151}.send-btn:not(.disabled):hover{background:#f3f4f6;color:#111827}.send-btn.disabled{opacity:.35;cursor:not-allowed}.send-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center}.preview-full-img{max-width:92%;max-height:88vh;border-radius:8px}.preview-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#ffffff1a;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.model-toast{position:fixed;left:50%;transform:translate(-50%);bottom:112px;width:min(92vw,420px);padding:12px 14px;border-radius:12px;background:linear-gradient(180deg,#6b7280f2,#4b5563f2);color:#f9fafb;z-index:1200;box-shadow:0 10px 24px #00000029;animation:toastIn .2s ease}.model-toast-title{font-size:13px;font-weight:700}.model-toast-desc{margin-top:6px;font-size:12px;line-height:1.45;color:#e5e7eb;white-space:pre-line}.copy-toast{position:fixed;left:50%;transform:translate(-50%);bottom:112px;padding:8px 14px;border-radius:999px;background:#111827d9;color:#fff;font-size:12px;z-index:1300}.wechat-upload-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background:#00000073;display:flex;align-items:flex-end;justify-content:center}.wechat-upload-sheet{width:100%;max-width:520px;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));background:#f3f4f6;border-radius:16px 16px 0 0}.wechat-upload-sheet-title{text-align:center;font-size:13px;color:#6b7280;padding:4px 0 10px}.wechat-upload-sheet-btn{display:block;width:100%;margin-bottom:8px;padding:14px 16px;border:none;border-radius:12px;background:#fff;color:#111827;font-size:16px;font-weight:500;cursor:pointer}.wechat-upload-sheet-btn:active{background:#f9fafb}.wechat-upload-sheet-cancel{margin-top:4px;margin-bottom:0;color:#6b7280;font-weight:400}.user-text-menu{position:fixed;z-index:1301;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 22px #0000001f;min-width:124px;overflow:hidden}.user-text-menu-item{width:100%;border:none;background:#fff;color:#374151;text-align:left;padding:10px 12px;font-size:13px;cursor:pointer}.user-text-menu-item:hover{background:#f9fafb}.intent-badge-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.intent-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;line-height:1.4}.intent-chat{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.intent-code{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.intent-video{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.assistant-text-content{white-space:pre-wrap;word-break:break-word;line-height:1.7}.typing-cursor{display:inline-block;width:2px;height:1em;background:#7a5f6d;margin-left:2px;vertical-align:text-bottom;animation:cursorBlink 1s step-end infinite}.generated-video-wrap{margin-top:10px;position:relative;display:inline-block;max-width:100%}.generated-video{width:100%;max-width:320px;border-radius:12px;display:block;background:#000}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes typingPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.chat-file-list,.chat-download-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.chat-file-chip,.chat-download-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e5e7eb}.chat-download-card{width:100%;cursor:pointer;text-align:left;transition:background .2s,border-color .2s}.chat-download-card:hover:not(:disabled){background:#fff7ed;border-color:#fdba74}.chat-download-card:disabled{opacity:.6;cursor:not-allowed}.chat-file-icon{width:40px;height:40px;border-radius:10px;background:#e5e7eb;color:#374151;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.chat-file-icon.download{background:#ffedd5;color:#c2410c}.chat-file-icon.pill{width:48px;height:48px;border-radius:8px}.chat-file-thumb{width:40px;height:40px;object-fit:cover;border-radius:8px;flex-shrink:0}.chat-file-meta{flex:1;min-width:0}.chat-file-name{font-size:13px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-file-size{font-size:11px;color:#6b7280;margin-top:2px}.openclaw-file-preview .openclaw-file-pill{min-width:100px;max-width:130px;width:auto;height:auto;min-height:64px}.openclaw-drop-hint{color:#b0b7c3;font-weight:400}.openclaw-file-preview.drag-over,.ref-preview.drag-over,.chat-input-area.drag-over{background:#fff7ed;outline:1px dashed #fdba74;outline-offset:-4px}.openclaw-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.openclaw-file-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 6px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;min-width:0;overflow:hidden}.openclaw-file-card.error{border-color:#fecaca;background:#fef2f2}.openclaw-file-card.uploading{opacity:.85}.openclaw-file-remove{position:absolute;top:4px;right:4px;width:18px;height:18px;border:none;border-radius:50%;background:#fffffff2;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #00000014;z-index:1}.openclaw-file-remove:hover{color:#ef4444;background:#fff}.openclaw-file-thumb{width:36px;height:36px;object-fit:cover;border-radius:6px;flex-shrink:0}.openclaw-file-type{width:36px;height:36px;border-radius:6px;background:#f3f4f6;color:#374151;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.openclaw-file-name{width:100%;font-size:10px;line-height:1.3;color:#374151;text-align:center;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.openclaw-file-status{font-size:10px;color:#9ca3af;line-height:1.2}.openclaw-file-status.error{color:#dc2626}.openclaw-file-status.done{color:#059669}.upload-pill-name{font-size:11px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px 4px;max-width:100%}.chat-messages.mode-openclaw{background:#fff}.chat-messages.mode-openclaw .messages-list{max-width:720px;margin:0 auto;padding:8px 0 24px}.oc-msg{animation:msgFadeIn .35s ease}.oc-msg-inner{display:flex;gap:14px;padding:16px 20px;max-width:720px;margin:0 auto}.oc-msg-user .oc-msg-inner{justify-content:flex-end}.oc-user-bubble{max-width:min(85%,640px);background:#f4f4f4;border-radius:20px 20px 4px;padding:12px 18px;color:#1a1a1a;font-size:15px;line-height:1.65}.oc-user-text{white-space:pre-wrap;word-break:break-word;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default;touch-action:auto}.oc-markdown,.oc-markdown *,.markdown-content,.markdown-content *{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}button,.input-icon-btn,.send-btn,.chat-download-card,.oc-msg-action,.oc-user-file-chip,.chat-file-chip,.upload-pill{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.oc-user-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.oc-user-img{max-width:160px;max-height:120px;border-radius:10px;object-fit:cover;cursor:pointer}.oc-user-files{display:flex;flex-direction:column;gap:6px;margin-top:10px}.oc-user-file-chip{display:flex;align-items:center;gap:8px;font-size:13px;color:#4b5563}.oc-user-file-chip img{width:40px;height:40px;border-radius:6px;object-fit:cover;cursor:pointer}.oc-user-file-tag{font-size:10px;font-weight:700;padding:4px 6px;border-radius:4px;background:#e5e7eb;color:#374151}.oc-assistant-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#10a37f,#1a7f64);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;box-shadow:0 2px 8px #10a37f40}.oc-assistant-body{flex:1;min-width:0;padding:4px 0 8px}.md-prose{color:#1a1a1a;font-size:15px;line-height:1.75;word-break:break-word}.mode-openclaw .md-prose-oc{font-size:15px;line-height:1.72;color:#2d333a;letter-spacing:.01em}.mode-openclaw .md-prose-oc .md-h2,.mode-openclaw .md-prose-oc h2{font-size:1.22rem;font-weight:700;color:#111827;margin:0 0 .85em;padding:0 0 .65em;border-bottom:1px solid #eceef1;line-height:1.4}.mode-openclaw .md-prose-oc .md-h3,.mode-openclaw .md-prose-oc h3{font-size:1rem;font-weight:650;color:#1f2937;margin:1.15em 0 .5em;padding:10px 12px;background:linear-gradient(180deg,#f8faf9,#f3f5f4);border:1px solid #e6ebe8;border-radius:10px;line-height:1.45}.mode-openclaw .md-prose-oc .md-hr,.mode-openclaw .md-prose-oc hr{border:none;height:0;margin:1.1em 0;border-top:1px dashed #dde3df}.mode-openclaw .md-prose-oc p{margin:.55em 0 .75em;color:#374151}.mode-openclaw .md-prose-oc ul,.mode-openclaw .md-prose-oc ol{margin:.5em 0 .85em;padding-left:1.35em;color:#374151}.mode-openclaw .md-prose-oc li{margin:.28em 0}.mode-openclaw .md-prose-oc strong{color:#111827;font-weight:650}.mode-openclaw .md-prose-oc .md-media-block{margin:.35em 0 1em}.mode-openclaw .md-prose-oc .md-figure{display:inline-block;max-width:100%;margin:.35em 0 1em;vertical-align:top}.mode-openclaw .md-prose-oc .md-inline-image{display:block;width:100%;max-width:220px;height:auto;max-height:132px;object-fit:cover;border-radius:8px;border:1px solid #e5e8eb;background:#f4f5f6;cursor:zoom-in;box-shadow:0 2px 8px #0f172a0f;margin:0}.mode-openclaw .md-prose-oc .md-figcaption{margin-top:4px;font-size:12px;color:#9ca3af;line-height:1.35;max-width:220px}.mode-openclaw .md-prose-oc .md-table-wrap{border:1px solid #e8ecef;border-radius:10px;overflow:hidden;margin:.85em 0}.mode-openclaw .md-prose-oc table{font-size:13px}.mode-openclaw .md-prose-oc th{background:#f6f8f7}.md-prose>:first-child{margin-top:0}.md-prose>:last-child{margin-bottom:0}.md-prose h1,.md-prose h2,.md-prose h3,.md-prose h4{font-weight:650;line-height:1.35;margin:1.4em 0 .6em;color:#111827}.md-prose h1{font-size:1.45em}.md-prose h2{font-size:1.25em;border-bottom:1px solid #eef0f3;padding-bottom:.35em}.md-prose h3{font-size:1.1em}.md-prose h4{font-size:1em}.md-prose p{margin:.75em 0}.md-prose ul,.md-prose ol{margin:.75em 0;padding-left:1.5em}.md-prose li{margin:.35em 0}.md-prose li>p{margin:.25em 0}.md-prose hr{border:none;border-top:1px solid #e5e7eb;margin:1.5em 0}.md-prose blockquote{margin:1em 0;padding:.5em 1em;border-left:3px solid #10a37f;background:#f9fafb;color:#4b5563;border-radius:0 8px 8px 0}.md-prose a{color:#10a37f;text-decoration:none}.md-prose a:hover{text-decoration:underline}.md-prose strong{font-weight:650;color:#111827}.md-prose img,.md-inline-image{display:block;max-width:240px;width:100%;height:auto;max-height:150px;object-fit:cover;margin:.5em 0;border-radius:10px;border:1px solid #e8eaed;background:#f3f4f6;cursor:zoom-in}.md-figure{margin:.5em 0 .85em}.md-figcaption{font-size:12px;color:#9ca3af;margin-top:4px}.md-hr{border:none;border-top:1px solid #e5e7eb;margin:1.25em 0}.md-inline-code{font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:.88em;background:#f3f4f6;padding:.15em .4em;border-radius:5px;color:#c7254e}.md-pre{margin:1em 0;padding:14px 16px;background:#1e1e1e;border-radius:10px;overflow-x:auto}.md-pre code{font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:13px;line-height:1.55;color:#e5e7eb;background:none;padding:0}.md-table-wrap{overflow-x:auto;margin:1em 0}.md-prose table{width:100%;border-collapse:collapse;font-size:14px}.md-prose th,.md-prose td{border:1px solid #e5e7eb;padding:8px 12px;text-align:left}.md-prose th{background:#f9fafb;font-weight:600}.md-prose tr:nth-child(2n) td{background:#fafafa}.oc-file-cards{margin-top:20px;padding-top:16px;border-top:1px solid #f0f0f0}.oc-screenshot-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.oc-screenshot-item{margin:0}.oc-screenshot-img{display:block;max-width:100%;max-height:480px;border-radius:12px;border:1px solid #e8e8e8;cursor:zoom-in;object-fit:contain;background:#f9fafb}.oc-screenshot-item figcaption{margin-top:6px;font-size:12px;color:#6b7280}.oc-file-cards-title{font-size:13px;font-weight:600;color:#6b7280;margin-bottom:10px}.oc-file-cards-grid{display:flex;flex-direction:column;gap:8px}.oc-file-card{display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;border:1px solid #e8e8e8;border-radius:12px;background:#fafafa;cursor:pointer;transition:all .15s ease;text-align:left}.oc-file-card:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.oc-file-card:disabled{opacity:.55;cursor:default}.oc-file-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;letter-spacing:.02em;flex-shrink:0;color:#fff}.oc-file-icon.tone-doc{background:linear-gradient(135deg,#3b82f6,#2563eb)}.oc-file-icon.tone-excel{background:linear-gradient(135deg,#22c55e,#16a34a)}.oc-file-icon.tone-ppt{background:linear-gradient(135deg,#f97316,#ea580c)}.oc-file-icon.tone-pdf{background:linear-gradient(135deg,#ef4444,#dc2626)}.oc-file-icon.tone-image{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.oc-file-icon.tone-default{background:linear-gradient(135deg,#6b7280,#4b5563)}.oc-file-info{flex:1;min-width:0}.oc-file-name{font-size:14px;font-weight:550;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-file-meta{font-size:12px;color:#9ca3af;margin-top:2px}.oc-file-dl{flex-shrink:0;color:#9ca3af}.oc-file-card:hover .oc-file-dl{color:#10a37f}.oc-msg-toolbar{display:flex;gap:4px;margin-top:12px;opacity:0;transition:opacity .15s}.oc-msg-assistant:hover .oc-msg-toolbar{opacity:1}.oc-msg-action{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:none;border-radius:8px;background:transparent;color:#6b7280;font-size:13px;cursor:pointer;transition:background .15s,color .15s}.oc-msg-action:hover{background:#f3f4f6;color:#374151}.oc-assistant-streaming{display:flex;flex-direction:column;gap:10px}.oc-thinking{display:flex;gap:5px;padding:4px 0}.oc-thinking-dot{width:8px;height:8px;border-radius:50%;background:#10a37f;animation:typingPulse 1.4s ease-in-out infinite}.oc-thinking-dot:nth-child(2){animation-delay:.2s}.oc-thinking-dot:nth-child(3){animation-delay:.4s}.oc-run-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#f0fdf4;border:1px solid #dcfce7;font-size:13px}.oc-run-status.tone-wait{background:#fffbeb;border-color:#fef3c7}.oc-run-status.tone-done{background:#f0fdf4;border-color:#bbf7d0}.oc-run-status.tone-error{background:#fef2f2;border-color:#fecaca}.oc-run-dot{width:8px;height:8px;border-radius:50%;background:#10a37f;flex-shrink:0}.oc-run-dot.pulse{animation:openclaw-run-pulse 1.2s ease-in-out infinite}.oc-run-label{font-weight:550;color:#374151}.oc-run-meta{color:#9ca3af;font-size:12px}.oc-run-meta.warn{color:#d97706}.oc-run-detail{flex:1 1 100%;color:#6b7280;font-size:12px;line-height:1.4}.oc-activity{border:1px solid #eef0f3;border-radius:10px;overflow:hidden;background:#fafafa}.oc-activity-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;text-align:left}.oc-activity-toggle:hover{background:#f3f4f6}.oc-activity-count{margin-left:auto;font-size:11px;background:#e5e7eb;color:#4b5563;padding:1px 7px;border-radius:999px}.oc-activity-body{max-height:140px;overflow-y:auto;padding:0 12px 10px;border-top:1px solid #eef0f3}.oc-activity-line{font-size:12px;color:#6b7280;line-height:1.5;padding:4px 0;font-family:ui-monospace,Consolas,monospace}.oc-activity-line+.oc-activity-line{border-top:1px dashed #f0f0f0}.oc-plan{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:10px;background:#f9fafb;border:1px solid #eef0f3}.oc-plan.is-compact{padding:8px 10px;gap:4px}.oc-plan-item{display:flex;align-items:flex-start;gap:10px}.oc-plan-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0;background:#d1d5db}.oc-plan-item.status-done .oc-plan-dot{background:#22c55e}.oc-plan-item.status-active .oc-plan-dot{background:#10a37f;box-shadow:0 0 0 3px #10a37f33;animation:plan-pulse 1.2s ease-in-out infinite}.oc-plan-label{font-size:13px;color:#374151;line-height:1.4}.oc-plan-item.status-done .oc-plan-label{color:#9ca3af}.oc-plan-item.status-active .oc-plan-label{font-weight:550;color:#111827}.oc-plan-detail{display:block;font-size:12px;color:#9ca3af;margin-top:1px}.oc-banner{padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:12px;line-height:1.5}.oc-banner.warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.oc-banner.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.chat-messages.mode-openclaw .empty-state{max-width:480px;margin:0 auto}.chat-messages.mode-openclaw .empty-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);display:flex;align-items:center;justify-content:center;color:#10a37f}@media (max-width: 640px){.oc-msg-inner{padding:16px 14px;gap:12px}.oc-user-bubble{max-width:92%}.oc-msg-toolbar{opacity:1}}