openclaw
Version:
Multi-channel AI gateway with extensible messaging integrations
2 lines • 96.6 kB
CSS
.context-usage__popover,.chat-controls__inline-select-menu,.agent-chat__attach-menu::part(menu),.agent-chat__capability-menu::part(menu),.chat-controls__permission-picker::part(menu),.chat-talk-input-picker::part(menu){border:1px solid var(--chat-composer-popover-border,var(--overlay-border));border-radius:var(--chat-composer-popover-radius,var(--radius-lg));background:var(--chat-composer-popover-background,var(--bg-elevated));box-shadow:var(--overlay-shadow);corner-shape:superellipse(1.5)}.chat-controls__inline-select[open]>wa-popup::part(popup){animation:chat-composer-picker-in var(--wa-transition-fast) ease}.chat-controls__inline-select[open]>wa-popup[data-current-placement^=top]::part(popup){transform-origin:bottom}.chat-controls__inline-select[open]>wa-popup[data-current-placement^=bottom]::part(popup){transform-origin:top}@keyframes chat-composer-picker-in{0%{opacity:0;scale:.9}}.chat-controls__popover-title,.chat-talk-input-picker__heading{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px 5px;font-size:11px;font-weight:700;line-height:1.2}.chat-assistant-attachment-card--checking,.chat-controls__model-trigger-skeleton{--skeleton-base:color-mix(in srgb, var(--muted) 15%, transparent);--skeleton-highlight:color-mix(in srgb, var(--text) 30%, transparent)}@property --chat-dictation-edge-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.agent-chat__input--dictating,.agent-chat__input--dictating:focus-within{isolation:isolate}.agent-chat__input--dictating:after{content:"";z-index:5;border-radius:inherit;corner-shape:superellipse(1.5);background:conic-gradient(from var(--chat-dictation-edge-angle), transparent 0deg 200deg, color-mix(in srgb, var(--accent) 10%, transparent) 252deg, color-mix(in srgb, var(--accent) 45%, transparent) 286deg, color-mix(in srgb, var(--accent) 92%, white) 294deg, transparent 301deg 360deg);pointer-events:none;padding:1px;animation:6.6s linear infinite chat-dictation-edge-orbit;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes chat-dictation-edge-orbit{to{--chat-dictation-edge-angle:360deg}}@media (prefers-reduced-motion:reduce){.agent-chat__input--dictating:after{--chat-dictation-edge-angle:238deg;animation:none}}.agent-chat__composer-status{border:1px solid color-mix(in srgb, var(--border) 16%, transparent);border-radius:calc(16px * var(--openclaw-corner-radius-scale));corner-shape:superellipse(1.5);background:var(--composer-attached-surface,var(--chat-composer-surface));width:100%;overflow:hidden}.agent-chat__composer-status[data-tone=info]{border-color:color-mix(in srgb, var(--info) 12%, transparent);background:color-mix(in srgb, var(--info) 7%, var(--composer-attached-surface));color:color-mix(in srgb, var(--info) 72%, var(--text))}.agent-chat__composer-status[data-tone=warn]{border-color:color-mix(in srgb, var(--warn) 12%, transparent);background:color-mix(in srgb, var(--warn) 7%, var(--composer-attached-surface));color:color-mix(in srgb, var(--warn) 72%, var(--text))}.agent-chat__composer-status[data-tone=danger]{border-color:color-mix(in srgb, var(--danger) 12%, transparent);background:color-mix(in srgb, var(--danger) 7%, var(--composer-attached-surface));color:color-mix(in srgb, var(--danger) 78%, var(--text))}.agent-chat__composer-status-band{width:100%;min-height:44px;font-size:var(--control-ui-text-sm);white-space:nowrap;align-items:center;gap:8px;padding:8px 14px;line-height:1.35;display:flex}.agent-chat__composer-status-icon{color:inherit;flex:none;align-items:center;display:inline-flex}.agent-chat__composer-status-icon svg{width:var(--chat-composer-footer-icon-size,16px);height:var(--chat-composer-footer-icon-size,16px)}.agent-chat__composer-status-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.agent-chat__composer-status-stack{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px 0;display:flex}.agent-chat__composer-status-stack:not(:has(.compaction-indicator,.agent-chat__goal,.agent-chat__dictation-status)){display:none}.agent-chat__composer-status-stack .compaction-indicator,.agent-chat__composer-status-stack .agent-chat__goal{margin:0}.agent-chat__input--dictating .agent-chat__composer-status-stack{padding:12px 14px 0}.agent-chat__input--dictating .agent-chat__composer-lead,.agent-chat__input--dictating .agent-chat__composer-meta,.agent-chat__input--dictating .agent-chat__composer-controls,.agent-chat__input--dictating .chat-talk-input-picker{display:none}.agent-chat__input--dictating .agent-chat__composer-footer{grid-template-columns:minmax(0,1fr)}.agent-chat__input--dictating .agent-chat__composer-trail{grid-column:1}.agent-chat__composer-controls .chat-controls__model-settings{gap:min(4px, var(--chat-composer-chip-gap))}.agent-chat__composer-run-status{pointer-events:none;justify-content:center;align-items:center;width:max-content;max-width:100%;display:flex}.agent-chat__composer-controls .chat-composer-model-control{order:3}.agent-chat__composer-run-status .agent-chat__run-status{width:max-content;max-width:100%;overflow:visible}.agent-chat__composer-run-status .agent-chat__run-status-label{text-overflow:clip;overflow:visible}.chat-composer-model-control{flex:0 auto;order:3;min-width:0;max-width:100%;margin-left:auto;display:inline-flex}.chat-composer-model-control .chat-controls__model{width:100%}.agent-chat__attach-menu-option{align-items:center;gap:var(--chat-composer-menu-row-gap);width:100%;min-height:var(--chat-composer-menu-row-height);padding:var(--chat-composer-menu-row-padding);border-radius:var(--chat-composer-menu-row-radius);color:var(--text);font-size:12px;display:flex}.agent-chat__attach-menu-option [slot=icon]{color:var(--muted)}.agent-chat__attach-menu-option svg{width:var(--chat-composer-menu-icon);height:var(--chat-composer-menu-icon);flex:0 0 var(--chat-composer-menu-icon);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.agent-chat__capability-menu::part(menu){--auto-size-available-height:min(420px, 50dvh, var(--chat-composer-popover-max-height,calc(100dvh - 116px)));overscroll-behavior:contain;scrollbar-gutter:stable;width:272px;min-width:272px;max-width:min(272px,100vw - 24px);padding:4px;overflow-y:auto}.agent-chat__capability-menu[data-view=root]::part(menu){scrollbar-gutter:auto;width:208px;min-width:208px;max-width:min(208px,100vw - 24px);overflow-y:visible}.agent-chat__capability-menu-item[value=back]{top:calc(-1 * var(--menu-padding));z-index:1;background:var(--bg-elevated);position:sticky}.agent-chat__capability-menu-item{--wa-color-text-normal:var(--text);align-items:center;gap:var(--chat-composer-menu-row-gap);width:100%;min-height:var(--chat-composer-menu-row-height);padding:var(--chat-composer-menu-row-padding);border-radius:var(--chat-composer-menu-row-radius);flex-shrink:0;display:flex}.agent-chat__capability-menu-item,.agent-chat__capability-menu-state{color:var(--text);font-size:12px}.agent-chat__capability-menu-item svg,.agent-chat__capability-menu-state svg{width:var(--chat-composer-menu-icon);height:var(--chat-composer-menu-icon);flex:0 0 var(--chat-composer-menu-icon)}.agent-chat__capability-menu-divider{background:color-mix(in srgb, var(--border) 72%, transparent);height:1px;margin:4px 6px}.agent-chat__capability-menu-details{justify-content:flex-end;align-items:center;gap:7px;display:inline-flex}.agent-chat__capability-menu-badge,.agent-chat__capability-menu-session-tag{border-radius:var(--radius-full);background:color-mix(in srgb, var(--text) 8%, transparent);color:var(--muted);align-items:center;font-size:10px;line-height:1;display:inline-flex}.agent-chat__capability-menu-badge{min-height:18px;padding:0 6px}.agent-chat__capability-menu-session-tag{margin-left:5px;padding:3px 5px}.agent-chat__capability-menu-chevron{color:var(--muted);display:inline-flex}.agent-chat__attach-menu-option::part(icon),.agent-chat__capability-menu-item::part(icon){width:var(--chat-composer-menu-icon)}.agent-chat__attach-menu-option::part(label),.agent-chat__capability-menu-item::part(label){color:var(--text-strong);font-size:13px;font-weight:600}.agent-chat__capability-menu-label{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.agent-chat__capability-menu-note,.agent-chat__capability-menu-state{color:var(--muted)}.agent-chat__capability-menu-note{font-size:11px;font-weight:400;line-height:1.25}.agent-chat__capability-menu-item[value^=library-] .agent-chat__capability-menu-label>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-chat__capability-menu-state{padding:10px 12px;line-height:1.4}.agent-chat__capability-menu-switch{pointer-events:none}.agent-chat__capability-menu-toggle[type=checkbox]::part(checkmark){display:none}.agent-chat__capability-menu-subrow{padding-inline-start:28px}.agent-chat__capability-menu-link{width:100%;color:inherit;display:block}.mcp-server-dialog{gap:var(--space-4);width:min(520px,100vw - 48px)}.mcp-server-dialog__scope{gap:var(--space-2);display:grid}.mcp-server-dialog .mcp-server-form{border-bottom:0;grid-template-columns:minmax(0,1fr);align-items:stretch;padding:0}.mcp-server-dialog .mcp-server-message{margin:0}.agent-chat__talk-status{color:var(--text);align-items:center;gap:8px;display:flex}.agent-chat__composer-errors{background:color-mix(in srgb, var(--danger) 8%, var(--chat-composer-surface));width:100%;color:color-mix(in srgb, var(--danger) 78%, var(--text))}.agent-chat__composer-errors--standalone{overflow:hidden}:root[data-theme-mode=light] .agent-chat__composer-errors{background:color-mix(in srgb, var(--danger) 14%, var(--chat-composer-surface))}.agent-chat__composer-error{min-height:44px;font-size:var(--control-ui-text-sm);overflow-wrap:anywhere;align-items:center;gap:8px;padding:8px 10px 8px 14px;line-height:1.35;display:flex}.agent-chat__composer-error+.agent-chat__composer-error{border-top:1px solid color-mix(in srgb, var(--danger) 16%, transparent)}.agent-chat__composer-error-icon{width:16px;height:16px;color:var(--danger);flex:0 0 16px;display:inline-flex}.agent-chat__composer-error-icon svg{width:100%;height:100%}.agent-chat__composer-error .callout__dismiss{border-radius:var(--radius-full);opacity:.72;margin:-4px -4px -4px 0}@media (hover:hover){.agent-chat__composer-error .callout__dismiss:hover{opacity:1;background:0 0}}.agent-chat__talk-status-text{flex:1;min-width:0}.agent-chat__voice-activity{justify-content:center;align-items:center;gap:3px;height:20px;display:inline-flex}.agent-chat__voice-activity-bar{background:color-mix(in srgb, var(--accent) 88%, var(--text));width:3px;height:18px;box-shadow:0 0 5px color-mix(in srgb, var(--accent) 30%, transparent);opacity:.9;transform:scaleY(var(--talk-bar-scale,.18));transform-origin:50%;transition:transform 90ms linear, opacity var(--duration-fast) ease;border-radius:999px;flex:0 0 3px;position:relative}.agent-chat__dictation-status{width:100%;color:var(--accent);align-items:center;font-size:12px;display:flex}.agent-chat__dictation-phase{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (prefers-reduced-motion:no-preference){.agent-chat__dictation-phase--listening{background-image:repeating-linear-gradient(90deg, var(--muted) 0%, var(--muted) 38%, color-mix(in srgb, var(--muted) 45%, var(--text-strong) 55%) 50%, var(--muted) 62%, var(--muted) 100%);color:#0000;-webkit-text-fill-color:transparent;background-repeat:repeat-x;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation-name:text-shimmer;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal}}.agent-chat__dictation-status--finalizing .agent-chat__voice-activity-bar{background:var(--muted);box-shadow:none}.agent-chat__voice-activity[data-status=connecting] .agent-chat__voice-activity-bar{animation:1.05s ease-in-out infinite agent-chat-voice-connecting;animation-delay:var(--talk-bar-delay)}.agent-chat__voice-activity[data-status=thinking] .agent-chat__voice-activity-bar{animation:.9s ease-in-out infinite agent-chat-voice-thinking;animation-delay:var(--talk-bar-delay)}@keyframes agent-chat-voice-connecting{0%,to{opacity:.42;transform:scaleY(.2)}50%{opacity:.9;transform:scaleY(.58)}}@keyframes agent-chat-voice-thinking{0%,to{opacity:.4;transform:scaleY(.24)}45%{opacity:1;transform:scaleY(.92)}}@media (prefers-reduced-motion:reduce){.agent-chat__voice-activity-bar{opacity:.78;transform:scaleY(.38);transition:none!important;animation:none!important}.agent-chat__voice-activity[data-status=connecting] .agent-chat__voice-activity-bar{opacity:.48;transform:scaleY(.18)}.agent-chat__voice-activity[data-status=connecting] .agent-chat__voice-activity-bar:nth-child(4){opacity:.9;transform:scaleY(.56)}.agent-chat__voice-activity[data-status=thinking] .agent-chat__voice-activity-bar:nth-child(3),.agent-chat__voice-activity[data-status=thinking] .agent-chat__voice-activity-bar:nth-child(4),.agent-chat__voice-activity[data-status=thinking] .agent-chat__voice-activity-bar:nth-child(5){transform:scaleY(.72)}.chat-send-btn--voice-live .agent-chat__voice-activity,.chat-send-btn__voice-stop-glyph,.chat-talk-input-picker{transition:none!important}}.agent-chat__capability-menu-clear-overrides{color:var(--danger);justify-content:center;align-items:center;display:inline-flex}.agent-chat__capability-menu-clear-overrides svg{width:13px;height:13px}.agent-chat__input .chat-send-btn--sending .btn__spinner{width:16px;height:16px}.chat-talk-control{--chat-voice-background:transparent;--chat-voice-color:var(--muted);--chat-voice-hover-background:var(--bg-hover);--chat-voice-hover-color:var(--text);--chat-microphone-picker-width:28px;border-radius:var(--radius-full);transition:background var(--duration-fast) ease;background:0 0;flex-direction:row-reverse;flex:none;align-items:center;gap:0;display:inline-flex}.agent-chat__input .chat-talk-control:has(:focus-visible){background:var(--chat-composer-group-hover)}.chat-talk-control>openclaw-tooltip{display:inline-flex}.chat-talk-input-picker{opacity:0;align-self:center;width:0;transition:width .19s cubic-bezier(.2,0,0,1),opacity .12s ease-out;display:inline-flex}:is(.chat-talk-control--holding .chat-talk-input-picker,.chat-talk-control:has(:focus-visible) .chat-talk-input-picker,.chat-talk-input-picker[open]){width:var(--chat-microphone-picker-width);opacity:1}@media (hover:hover) and (pointer:fine){.chat-talk-control:hover:not(.chat-talk-control--holding):not(:has(:focus-visible)) .chat-talk-input-picker:not([open]){width:var(--chat-microphone-picker-width);opacity:1;transition-delay:.75s}}.chat-talk-input-picker__trigger{width:0;min-width:0;height:var(--chat-composer-control-size);border-radius:var(--radius-full);color:var(--chat-composer-secondary,var(--muted));opacity:0;pointer-events:none;transition:width .19s cubic-bezier(.2, 0, 0, 1), transform .19s cubic-bezier(.2, 0, 0, 1), opacity .12s ease-out, background var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:hidden;transform:translate(6px)}.chat-talk-control--holding .chat-talk-input-picker__trigger,.chat-talk-input-picker[open] .chat-talk-input-picker__trigger{width:var(--chat-microphone-picker-width);opacity:1;pointer-events:auto;transition-delay:0s,0s,70ms,0s,0s;transform:translate(0)}.chat-talk-control:has(:focus-visible) .chat-talk-input-picker__trigger{width:var(--chat-microphone-picker-width);opacity:1;pointer-events:auto;transition-delay:0s,0s,70ms,0s,0s;transform:translate(0)}@media (hover:hover) and (pointer:fine){.chat-talk-control:hover:not(.chat-talk-control--holding):not(:has(:focus-visible)) .chat-talk-input-picker:not([open]) .chat-talk-input-picker__trigger{width:var(--chat-microphone-picker-width);opacity:1;pointer-events:auto;transition-delay:.75s,.75s,.82s,0s,0s;transform:translate(0)}}@media (hover:none){.chat-talk-input-picker{width:var(--chat-microphone-picker-width);opacity:1}.chat-talk-input-picker__trigger{width:var(--chat-microphone-picker-width);opacity:1;pointer-events:auto;transition-delay:0s,0s,70ms,0s,0s;transform:translate(0)}}.chat-talk-input-picker[open] .chat-talk-input-picker__trigger{color:var(--text-strong)}@media (hover:hover) and (pointer:fine){.chat-talk-input-picker__trigger:hover{background:color-mix(in srgb, var(--text-strong) 7%, transparent);color:var(--text-strong)}}@media (prefers-reduced-motion:reduce){.chat-talk-control,.chat-talk-input-picker,.chat-talk-input-picker__trigger{transition:none}}.chat-talk-control:has(.chat-send-btn:disabled) .chat-talk-input-picker__trigger{color:var(--chat-composer-tertiary,var(--muted))}.chat-talk-input-picker__trigger:focus-visible{box-shadow:var(--focus-ring);outline:none}.chat-talk-input-picker__trigger svg{fill:none;stroke:currentColor;stroke-width:2px;width:12px;height:12px}.chat-talk-input-picker[open] .chat-talk-input-picker__trigger svg{transform:rotate(180deg)}.chat-talk-input-picker::part(menu){width:min(300px,100vw - 24px);padding:8px}.chat-talk-input-picker__item{min-height:var(--chat-composer-menu-row-height);padding:var(--chat-composer-menu-row-padding);border-radius:var(--chat-composer-menu-row-radius);color:var(--text);font-size:13px}.chat-talk-input-picker__item[aria-checked=true]{background:var(--chat-composer-menu-selected)}.chat-talk-input-picker__option-icon{width:var(--chat-composer-menu-icon);height:var(--chat-composer-menu-icon);color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.chat-talk-input-picker__option-icon svg{width:var(--chat-composer-menu-icon);height:var(--chat-composer-menu-icon);fill:none;stroke:currentColor;stroke-width:1.7px}.chat-talk-input-picker__label{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.chat-talk-input-picker__check{width:var(--chat-composer-menu-icon);height:var(--chat-composer-menu-icon);color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.chat-talk-input-picker__check svg{fill:none;stroke:currentColor;stroke-width:2px;width:14px;height:14px}.chat-talk-input-picker__note,.chat-talk-input-picker__warning,.chat-talk-input-picker__hint{color:var(--muted);padding:5px 9px;font-size:11px;line-height:1.35}.chat-talk-input-picker__warning{color:var(--warn)}.chat-talk-input-picker__notice{opacity:1;color:inherit;line-height:inherit;cursor:default;padding:0}.chat-talk-input-picker__empty{color:var(--muted);text-wrap:pretty;padding:4px 8px 8px;font-size:12px;line-height:1.4}.chat-talk-input-picker__empty--fault{color:var(--warn)}.chat-talk-input-picker__hint{border-top:1px solid color-mix(in srgb, var(--border) 65%, transparent);margin-top:3px;padding-top:8px}.chat-talk-input-picker__capability{border-top:1px solid color-mix(in srgb, var(--border) 88%, transparent);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:5px;padding:8px 9px 3px;font-size:11px;line-height:1.35;display:flex}.chat-talk-input-picker__capability+.chat-talk-input-picker__capability{border-top:0;margin-top:0;padding-top:3px}.chat-talk-input-picker__capability[disabled]{opacity:1;cursor:default}.chat-talk-input-picker__capability-copy{min-width:0;display:grid}.chat-talk-input-picker__capability-copy strong{color:var(--text);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.chat-talk-input-picker__capability-alert{color:color-mix(in srgb, var(--warn) 82%, var(--text));flex:none;display:inline-flex}.chat-talk-input-picker__capability-alert svg{width:12px;height:12px}.chat-talk-input-picker__settings{color:var(--muted);font:inherit;cursor:var(--cursor-action);background:0 0;border:0;flex:none;align-items:center;gap:5px;padding:4px 0;font-weight:600;display:inline-flex}@media (hover:hover){.chat-talk-input-picker__settings:hover{color:var(--text-strong)}}.chat-talk-input-picker__settings svg{width:13px;height:13px}.chat-talk-input-picker__preference{border-top:1px solid color-mix(in srgb, var(--border) 88%, transparent);color:var(--text);justify-content:space-between;align-items:center;gap:16px;margin-top:5px;padding:11px 9px 5px;font-size:12px;line-height:1.35;display:flex}.chat-talk-input-picker__preference::part(checkmark){display:none}.chat-send-btn--hold-enabled{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@property --chat-dictation-hold-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.chat-send-btn--dictation-arming{position:relative}.chat-send-btn--dictation-arming:after{content:"";border-radius:inherit;background:conic-gradient(from -90deg, var(--accent) 0deg var(--chat-dictation-hold-angle), transparent var(--chat-dictation-hold-angle) 360deg);pointer-events:none;padding:2px;animation:.35s linear forwards chat-dictation-hold-progress;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes chat-dictation-hold-progress{to{--chat-dictation-hold-angle:360deg}}@media (prefers-reduced-motion:reduce){.chat-send-btn--dictation-arming:after{--chat-dictation-hold-angle:360deg;background:color-mix(in srgb, var(--accent) 52%, transparent);animation:none}}.agent-chat__video-preview{z-index:24;border:1px solid color-mix(in srgb, var(--border) 80%, transparent);border-radius:var(--radius-lg);background:var(--media-bg);width:min(240px,45vw);box-shadow:var(--overlay-shadow);margin:0;position:absolute;bottom:calc(100% + 12px);left:50%;overflow:hidden;transform:translate(-50%)}.agent-chat__video-preview video{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.agent-chat__video-preview video.agent-chat__video-preview-mirrored{transform:scaleX(-1)}.agent-chat__video-preview-switch-tooltip{position:absolute;top:8px;right:8px}.agent-chat__video-preview-switch{border-radius:var(--radius-full);background:color-mix(in srgb, var(--media-bg) 68%, transparent);color:#fff;width:34px;height:34px;cursor:var(--cursor-action);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff47;place-items:center;padding:7px;display:grid}@media (hover:hover){.agent-chat__video-preview-switch:hover:not(:disabled){background:color-mix(in srgb, var(--media-bg) 82%, transparent)}}.agent-chat__video-preview-switch:disabled{cursor:wait;opacity:.6}.agent-chat__video-preview-switch svg{width:100%;height:100%}@media (width<=768px),(width<=932px) and (height<=500px) and (orientation:landscape){.agent-chat__composer-error .callout__dismiss{width:44px;height:44px;margin-block:-8px}.agent-chat__composer-actions:has(>.chat-talk-control:not(.chat-talk-control--active)){flex-direction:row}.agent-chat__composer-controls{justify-content:flex-end;gap:0;width:auto;margin-left:0;display:flex}.agent-chat__input .agent-chat__composer-run-status{flex:auto;min-width:23px;overflow:hidden}.agent-chat__input .agent-chat__composer-run-status .agent-chat__run-status{flex-shrink:1;min-width:0}.agent-chat__input .agent-chat__composer-controls .chat-controls__inline-select-trigger{width:fit-content;min-width:44px;max-width:100%}.agent-chat__input .chat-controls__model-menu,.agent-chat__input .chat-controls__effort-menu{width:calc(100vw - var(--safe-area-left) - var(--safe-area-right) - 2 * var(--shell-popup-inline-gutter));max-height:min(440px, var(--auto-size-available-height,calc(100dvh - 116px)))}}@media (width<=932px) and (height<=500px) and (orientation:landscape){.agent-chat__input>.slash-menu{flex:none;max-height:min(28vh,88px);margin-bottom:6px;position:sticky;top:0;bottom:auto}.agent-chat__input>:is(.mention-menu,.skill-menu){--slash-menu-max-height:min(28vh, 88px)}}@media (width<=640px),(width<=932px) and (height<=500px) and (orientation:landscape){:is(.agent-chat__input:has(.chat-controls__inline-select[open]),.agent-chat__input:has(.context-usage details[open])){-webkit-backdrop-filter:none}}.slash-menu{--slash-menu-max-height:min(42vh, 336px);max-height:var(--slash-menu-max-height);background:var(--chat-composer-surface);border:1px solid var(--chat-composer-hairline);border-radius:var(--menu-radius);z-index:30;position:absolute;bottom:calc(100% + 10px);left:0;right:0;overflow:hidden}.agent-chat__input:has(>.slash-menu){z-index:25}.agent-chat__input .slash-menu.slash-menu{border-radius:20px}@supports (corner-shape:superellipse(1.5)){.agent-chat__input .slash-menu.slash-menu{border-radius:calc(20px * var(--openclaw-corner-radius-scale));corner-shape:superellipse(1.5)}}.slash-menu__scroll{max-height:calc(var(--slash-menu-max-height) - 12px);margin:6px;padding-right:2px;overflow-y:auto}.slash-menu__scroll[data-scrollable=true]{padding-right:6px}.slash-menu__scroll[data-scrollable=true][data-at-start=true][data-at-end=false],.session-progress-card--composer .session-progress-card__body[data-scrollable=true][data-at-end=false]{-webkit-mask-image:linear-gradient(#000 calc(100% - 10px),#0000);mask-image:linear-gradient(#000 calc(100% - 10px),#0000)}.slash-menu__scroll[data-scrollable=true][data-at-start=false][data-at-end=false]{-webkit-mask-image:linear-gradient(#0000,#000 10px calc(100% - 10px),#0000);mask-image:linear-gradient(#0000,#000 10px calc(100% - 10px),#0000)}.slash-menu__scroll[data-scrollable=true][data-at-start=false][data-at-end=true]{-webkit-mask-image:linear-gradient(#0000,#000 10px);mask-image:linear-gradient(#0000,#000 10px)}.slash-menu-group+.slash-menu-group{margin-top:2px;padding-top:4px}.slash-menu-group__label{font-size:calc(10px * var(--control-ui-text-scale));text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:4px 8px 3px;font-weight:650}.slash-menu-item{border-radius:var(--menu-item-radius);min-height:34px;transition:background var(--duration-fast) ease;grid-template-columns:15px minmax(0,1fr);align-items:center;column-gap:10px;padding:0 8px;display:grid}.slash-menu-item[role=option]{cursor:pointer}.slash-menu-item--active{background:var(--bg-hover)}.slash-menu-copy{grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:center;gap:10px;width:100%;min-width:0;display:grid}.slash-menu-icon{width:15px;height:15px;color:var(--chat-composer-secondary);justify-content:center;align-items:center;display:flex}.slash-menu-icon svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.slash-menu-name{text-overflow:ellipsis;max-width:100%;font-size:var(--control-ui-text-sm);color:var(--text-strong);white-space:nowrap;font-weight:550;overflow:hidden}.slash-menu-name mark{color:inherit;background:0 0}.slash-menu-args,.slash-menu-desc{text-overflow:ellipsis;min-width:0;color:var(--muted);white-space:nowrap;overflow:hidden}.slash-menu-args{font-size:var(--control-ui-text-xs)}.slash-menu-desc{text-align:right;font-size:var(--control-ui-text-sm)}.mention-menu,.skill-menu{overflow:visible}.mention-menu .slash-menu-item{grid-template-columns:22px minmax(0,1fr)}.mention-menu .slash-menu-icon,.mention-menu .chat-author-avatar{width:22px;height:22px}.mention-menu .chat-author-avatar{box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 68%, transparent);border:0;flex-basis:22px}@media (width<=640px){.slash-menu-copy{gap:8px}}.chat-attachments-preview{--chat-attachment-fade-in:transparent 4px, #0000001f 12px, #00000080 24px, #000000e0 36px, black 48px;--chat-attachment-fade-out:black calc(100% - 48px), #000000e0 calc(100% - 36px), #00000080 calc(100% - 24px), #0000001f calc(100% - 12px), transparent calc(100% - 4px);gap:calc(var(--chat-composer-editor-inset-block) * 3);width:100%;max-width:100%;padding-block:calc(var(--chat-composer-editor-inset-block) * 2 + var(--chat-attachment-hit-slop)) var(--chat-composer-editor-inset-block);padding-inline:var(--chat-composer-editor-inset-inline) calc(var(--chat-composer-editor-inset-inline) + var(--chat-attachment-hit-slop));overscroll-behavior-inline:contain;scrollbar-width:none;flex-wrap:nowrap;flex-shrink:0;margin-block-start:calc(-1 * var(--chat-attachment-hit-slop));display:flex;overflow:auto hidden}.agent-chat__input:has(.chat-attachments-preview) .agent-chat__composer-input-row{padding-block-start:0}@media (width<=768px),(width<=932px) and (height<=500px) and (orientation:landscape){.chat-attachments-preview{padding-block-end:calc(var(--chat-box-inset) / 2)}}.chat-attachments-preview::-webkit-scrollbar{display:none}.chat-attachments-preview[data-scrollable=true][data-at-start=true][data-at-end=false]{-webkit-mask-image:linear-gradient(to right, var(--chat-attachment-fade-out));mask-image:linear-gradient(to right, var(--chat-attachment-fade-out))}.chat-attachments-preview[data-scrollable=true][data-at-start=false][data-at-end=false]{-webkit-mask-image:linear-gradient(to right, var(--chat-attachment-fade-in), var(--chat-attachment-fade-out));mask-image:linear-gradient(to right, var(--chat-attachment-fade-in), var(--chat-attachment-fade-out))}.chat-attachments-preview[data-scrollable=true][data-at-start=false][data-at-end=true]{-webkit-mask-image:linear-gradient(to right, var(--chat-attachment-fade-in));mask-image:linear-gradient(to right, var(--chat-attachment-fade-in))}.chat-attachment-thumb{--chat-attachment-radius:calc(14px * var(--openclaw-corner-radius-scale));border-radius:var(--chat-attachment-radius);corner-shape:superellipse(1.5);border:1px solid var(--border);background:var(--chat-composer-surface,var(--popover));width:56px;height:56px;transition:border-color var(--duration-fast) ease, background var(--duration-fast) ease;flex:none;position:relative}.chat-attachment-loading{border-radius:inherit;corner-shape:inherit;pointer-events:none;opacity:0;transition:opacity .14s ease-out;position:absolute;inset:0;overflow:hidden}.chat-attachment-loading[data-state=reading]{opacity:1;background:var(--chat-composer-surface,var(--popover))}.chat-attachment-loading>span{background:color-mix(in srgb, var(--text) 14%, transparent);transform-origin:0;width:100%;height:100%;transition:transform .1s linear;display:block}html[dir=rtl] .chat-attachment-loading>span{transform-origin:100%}.chat-attachment-loading[data-indeterminate=true]>span{animation:1.5s ease-in-out infinite chat-attachment-fill}@keyframes chat-attachment-fill{0%{opacity:.4;transform:scaleX(0)}65%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.chat-attachment-error{border-radius:inherit;place-items:center;width:100%;height:100%;display:grid}@media (prefers-reduced-motion:reduce){.chat-attachment-loading,.chat-attachment-loading>span{transition:none}.chat-attachment-loading[data-indeterminate=true]>span{opacity:.5;animation:none;transform:scaleX(1)}}.chat-attachment-thumb--file,.chat-attachment-thumb--browser-annotation{border-color:color-mix(in srgb, var(--text) 24%, var(--border))}.chat-attachment-thumb--file{width:162px;height:56px}.chat-attachment-thumb--browser-annotation{background:var(--chat-composer-surface,var(--popover));flex:none;grid-template-columns:56px minmax(0,1fr);width:fit-content;min-width:0;max-width:min(300px,100vw - 64px);height:56px;display:grid}.chat-browser-annotation-card__preview{border-radius:calc(var(--chat-attachment-radius) - 1px) 0 0 calc(var(--chat-attachment-radius) - 1px);border-inline-end:1px solid var(--border);background:0 0;min-width:0;min-height:0;overflow:hidden}.chat-browser-annotation-card__body{width:min(210px,100vw - 132px);color:var(--text);justify-content:center;padding:7px 30px 7px 10px}.chat-browser-annotation-card__identity{font-size:.72rem;font-weight:500;line-height:1.15}.chat-browser-annotation-card__meta{min-width:0;color:var(--muted);gap:0;font-size:10px;line-height:1.1;display:flex;overflow:hidden}.chat-browser-annotation-card__meta>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-browser-annotation-card__remove:not(:disabled){cursor:var(--cursor-action)}.chat-browser-annotation-card__remove:focus-visible{outline:2px solid var(--ring);outline-offset:-3px}.chat-attachment-thumb img{border-radius:calc(var(--chat-attachment-radius) - 1px);corner-shape:superellipse(1.5);object-fit:cover;width:100%;height:100%}.chat-attachment-image-button.chat-attachment-image-button{border-radius:calc(var(--chat-attachment-radius) - 1px);corner-shape:superellipse(1.5);width:100%;height:100%;position:relative}.chat-attachment-image-button.chat-attachment-image-button:after{content:"";border-radius:calc(var(--chat-attachment-radius) - 1px);corner-shape:superellipse(1.5);background:color-mix(in srgb, var(--text-strong) 8%, transparent);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) ease;position:absolute;inset:0}@media (hover:hover){.chat-attachment-thumb:is(:hover,:focus-within) .chat-attachment-image-button:after{opacity:1}}.chat-attachment-remove{z-index:1;corner-shape:round;background:color-mix(in srgb, var(--bg) 82%, transparent);width:44px;height:44px;color:var(--text-strong);opacity:0;transition:opacity var(--duration-fast) ease, transform var(--duration-fast) ease;background-clip:content-box;border:none;border-radius:50%;justify-content:center;align-items:center;padding:12px;font-size:12px;line-height:1;display:flex;position:absolute;top:-18px;right:-18px;transform:scale(.9)}.chat-attachment-thumb--pasted-text .chat-attachment-remove{opacity:1;transform:none}@media (hover:hover){.chat-attachment-thumb:is(:hover,:focus-within) .chat-attachment-remove{opacity:1;transform:scale(1)}}@media (hover:none){.chat-attachment-remove{opacity:1;transform:none}}.chat-attachment-remove svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.chat-attachment-file{width:100%;max-width:100%;height:100%;color:var(--text);border-radius:calc(var(--chat-attachment-radius) - 1px);corner-shape:superellipse(1.5);transition:background var(--duration-fast) ease;background:0 0;justify-content:flex-start;align-items:center;gap:10px;padding:8px 12px;font-size:.72rem;display:flex;overflow:hidden}@media (hover:hover){.chat-attachment-thumb--file:is(:hover,:focus-within) .chat-attachment-file{background:color-mix(in srgb, var(--chat-composer-surface,var(--popover)) 86%, var(--text))}}.chat-attachment-file--video{gap:8px;padding:0 12px 0 0}.chat-attachment-file__preview{width:54px;height:54px;color:var(--muted);flex:0 0 54px;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.chat-attachment-file__preview img{border-radius:max(0px, calc(var(--chat-attachment-radius) - 5px));outline:1px solid color-mix(in srgb, var(--border) 45%, transparent);outline-offset:-1px}.chat-attachment-file__preview>svg{width:20px;height:20px}.chat-attachment-video__play{inset-inline-end:7px;background:var(--popover);width:16px;height:16px;color:var(--text-strong);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:7px}.chat-attachment-video__play svg{fill:currentColor;stroke:none;width:10px;height:10px}.chat-attachment-file__icon{width:20px;height:20px;color:var(--muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.chat-attachment-file__icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.chat-attachment-file__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.15;overflow:hidden}.chat-attachment-file__body{flex-direction:column;justify-content:center;gap:3px;min-width:0;max-width:100%;display:flex}.chat-attachment-file__type{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;line-height:1.1;overflow:hidden}.chat-attachment-file__open{color:inherit;font:inherit;text-align:start;cursor:var(--cursor-action);background:0 0;border:none;padding:0;line-height:1.15}.chat-attachment-text-action{width:fit-content;max-width:100%;color:var(--muted);cursor:var(--cursor-action);font:inherit;text-align:left;text-overflow:ellipsis;text-underline-offset:2px;white-space:nowrap;background:0 0;border:none;align-items:center;gap:3px;padding:0;font-size:.64rem;line-height:1.15;text-decoration:underline;display:inline-flex;overflow:hidden}@media (hover:hover){.chat-attachment-text-action:hover{color:var(--text)}}.agent-chat__file-input,.agent-chat__photo-input,.agent-chat__camera-input{display:none}.chat-controls__session{min-width:0;max-width:none}.chat-controls__model{grid-area:model;min-width:0;max-width:none}.chat-controls__model-settings{align-items:center;gap:2px;display:flex}.chat-controls__inline-select{min-width:0}.chat-controls__model-picker{flex:0 auto;min-width:44px}.chat-controls__effort-picker{flex:none}.chat-controls__model-settings .chat-controls__effort-trigger{width:auto}.chat-controls__effort-picker--reserved{visibility:hidden;pointer-events:none}.chat-controls__model-settings:not(:has(.chat-controls__model-picker[open])) .chat-controls__effort-picker--reserved{display:none}.chat-controls__inline-select summary{list-style:none}.chat-controls__inline-select summary::-webkit-details-marker{display:none}.chat-controls__inline-select-trigger{justify-content:flex-start;align-items:center;gap:var(--chat-composer-chip-gap,6px);width:100%;height:var(--chat-composer-chip-height,30px);min-height:var(--chat-composer-chip-height,30px);padding-block:0;padding-inline:var(--chat-composer-chip-padding-inline,8px);border-radius:var(--radius-sm);color:var(--text);font-size:var(--chat-composer-chip-text,13px);-webkit-user-select:none;user-select:none;background:0 0;border:none;line-height:1.35;display:flex;overflow:hidden}.agent-chat__input .chat-controls__inline-select-trigger{border-radius:var(--radius-full)}.chat-controls__inline-select[open]>.chat-controls__inline-select-trigger{background:color-mix(in srgb, var(--text) 7%, transparent);color:var(--text-strong)}@media (hover:hover){.chat-controls__inline-select-trigger:hover{background:color-mix(in srgb, var(--text) 7%, transparent);color:var(--text-strong)}}.chat-controls__inline-select-trigger:focus-visible{box-shadow:var(--focus-ring);outline:none}.chat-controls__inline-select-trigger--disabled{cursor:not-allowed;opacity:.55}.chat-controls__inline-select-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.35;overflow:hidden}.chat-controls__inline-select-chevron{width:12px;height:12px;color:var(--muted);transition:transform var(--duration-fast) ease;flex:none;justify-content:center;align-items:center;display:inline-flex;transform:rotate(180deg)}.chat-controls__inline-select-chevron svg{width:12px;height:12px}.agent-chat__input .chat-controls__model-settings .chat-controls__inline-select-chevron{margin-inline-start:-2px}.chat-controls__inline-select[open]>.chat-controls__inline-select-trigger .chat-controls__inline-select-chevron{transform:rotate(0)}.chat-controls__model-trigger-skeleton{--skeleton-duration:1.45s;border-radius:var(--radius-full);width:100%;height:.78em;display:block}.chat-controls__model-trigger--loading .chat-controls__inline-select-label{flex:0 0 8.5em;align-items:center;width:8.5em;height:1.35em;display:flex}.chat-controls__inline-select-check svg{stroke:currentColor;fill:none;width:14px;height:14px}.chat-controls__inline-select-option{justify-content:space-between;align-items:center;gap:var(--chat-composer-menu-row-gap);width:100%;min-height:var(--chat-composer-menu-row-height);padding:var(--chat-composer-menu-row-padding);border-radius:var(--chat-composer-menu-row-radius);color:var(--text);font:inherit;text-align:left;background:0 0;border:0;font-size:13px;display:flex}.chat-controls__inline-select-option:focus-visible{background:var(--bg-hover);outline:none}@media (hover:hover){.chat-controls__inline-select-option:hover{background:var(--bg-hover);outline:none}}.chat-controls__inline-select-option--selected{color:var(--text-strong);background:var(--chat-composer-menu-selected)}.chat-controls__model-menu,.chat-controls__effort-menu{flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.chat-controls__model-menu{width:min(340px,100vw - 24px);max-height:min(400px, var(--auto-size-available-height,calc(100vh - 96px)))}.chat-controls__effort-menu{width:min(330px,100vw - 24px);max-height:min(280px, var(--auto-size-available-height,calc(100vh - 120px)))}.chat-controls__permission-picker::part(menu){width:min(340px,100vw - 24px);padding:8px;overflow:hidden}.chat-controls__permission-heading{justify-content:space-between;align-items:center;gap:16px;padding:0 0 9px;display:flex}.chat-controls__permission-learn-more{color:var(--muted);letter-spacing:normal;text-transform:none;font-weight:500}@media (hover:hover){.chat-controls__permission-learn-more:hover{color:var(--text-strong)}}.chat-controls__permission-option{align-items:center;gap:var(--chat-composer-menu-row-gap);width:100%;min-height:var(--chat-composer-menu-row-height);padding:var(--chat-composer-menu-row-padding);border-radius:var(--chat-composer-menu-row-radius);font-size:12px;display:flex}.chat-controls__permission-icon,.chat-controls__permission-lock{width:var(--chat-composer-chip-icon,16px);height:var(--chat-composer-chip-icon,16px);color:var(--muted);flex:none;justify-content:center;align-items:center;line-height:0;display:inline-flex}.chat-controls__permission-trigger .chat-controls__permission-icon{color:currentColor}.agent-chat__input .chat-controls__permission-trigger--default,.agent-chat__input .chat-controls__permission-trigger,.agent-chat__input .chat-controls__model-settings .chat-controls__inline-select-trigger{color:var(--chat-composer-secondary)}.chat-controls__permission-option-state{flex:none;justify-content:center;align-self:center;align-items:center;gap:5px;width:16px;display:inline-flex}.chat-controls__permission-label--full,.chat-controls__permission-trigger--full .chat-controls__permission-icon{color:var(--accent)}.chat-controls__permission-option--selected{background:var(--chat-composer-menu-selected)}.chat-controls__permission-option-copy{gap:3px;min-width:0;display:grid}.chat-controls__permission-option-icon{width:16px;height:16px;color:var(--muted);display:inline-flex}.chat-controls__permission-icon svg,.chat-controls__permission-lock svg,.chat-controls__permission-option-icon svg{width:100%;height:100%}:is(.chat-controls__permission-option:state(disabled) .chat-controls__permission-option-icon,.chat-controls__permission-option[data-chat-permission-option=full] .chat-controls__permission-option-icon){color:var(--accent)}.chat-controls__permission-option-title{color:var(--text-strong);align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1.2;display:flex}.chat-controls__permission-shortcut{width:16px;height:16px;color:var(--muted);font-family:var(--mono);justify-content:center;align-items:center;font-size:9px;font-weight:400;line-height:1;display:inline-flex}.chat-controls__permission-option-description{color:var(--muted);font-size:11px;line-height:1.25}.chat-controls__permission-option--selected .chat-controls__permission-option-description{color:var(--text)}.chat-controls__model-search-wrap{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--card) 78%, transparent);align-items:center;gap:7px;margin:8px;padding:0 10px;display:flex}.chat-controls__model-search-wrap svg{width:14px;height:14px;color:var(--muted);flex:none}.chat-controls__model-refresh{color:var(--muted);align-items:center;display:inline-flex}.chat-controls__model-refresh-details{border-radius:var(--radius-sm);width:24px;height:24px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat-controls__model-search{width:100%;min-width:0;height:34px;color:var(--text);font:inherit;background:0 0;border:none;outline:none;padding:0;font-size:12px}.chat-controls__model-search::placeholder{color:var(--muted)}.chat-controls__locked-model{background:color-mix(in srgb, var(--card) 78%, transparent);align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.chat-controls__locked-model-value{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:12px;font-weight:600;overflow:hidden}.chat-controls__locked-model-badge{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);border-radius:var(--radius-full);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;flex:none;padding:2px 6px;font-size:10px;font-weight:650}.chat-controls__model-context-badge{background:color-mix(in srgb, var(--text-strong) 13%, transparent);border:0}.chat-controls__provider-heading{align-items:center;gap:var(--chat-composer-menu-row-gap);color:var(--muted);padding:8px 10px 3px;font-size:11px;font-weight:700;display:flex}.chat-controls__provider-heading[data-chat-model-provider]{padding-block:0}.chat-controls__provider-toggle{align-items:center;gap:inherit;min-width:0;min-height:32px;color:inherit;font:inherit;text-align:start;cursor:var(--cursor-action);background:0 0;border:0;flex:1 0 auto;padding:6px 0;display:flex}.chat-controls__provider-toggle:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--focus-ring);outline:none}.chat-controls__provider-toggle .chat-controls__inline-select-chevron{transform:rotate(0)}.chat-controls__provider-toggle[aria-expanded=true] .chat-controls__inline-select-chevron{transform:rotate(180deg)}.chat-controls__auth-meta{min-width:0;color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:400;display:inline-flex;overflow:hidden}.chat-controls__auth-meta-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.chat-controls__model-menu .chat-controls__auth-meta [aria-hidden] svg{width:13px;height:13px;color:inherit}.chat-controls__auth-meta[data-auth-kind=missing]{color:var(--warn)}.chat-controls__model-option-copy>.chat-controls__auth-meta{margin-inline-start:6px}[data-chat-account-option] .chat-controls__model-option-copy{flex-direction:column;align-items:flex-start}[data-chat-account-option] .chat-controls__auth-meta{max-width:100%;margin-inline-start:0}.chat-controls__provider-settings{width:22px;height:22px;color:var(--muted);cursor:var(--cursor-action);background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}.chat-controls__provider-settings:focus-visible{background:var(--bg-hover);color:var(--text);outline:none}@media (hover:hover){.chat-controls__provider-settings:hover{background:var(--bg-hover);color:var(--text);outline:none}}.chat-controls__provider-settings:focus-visible{box-shadow:var(--focus-ring)}.chat-controls__provider-settings svg{width:12px;height:12px}.chat-controls__provider-icon{flex:0 0 16px;width:16px;height:16px}.chat-controls__provider-icon.provider-brand-icon--fallback{font-size:9px}.chat-controls__trigger-provider-icon{width:calc(var(--chat-composer-chip-icon,16px) - 1px);height:calc(var(--chat-composer-chip-icon,16px) - 1px);flex:0 0 calc(var(--chat-composer-chip-icon,16px) - 1px)}.agent-chat__input .chat-controls__trigger-provider-icon{color:var(--chat-composer-secondary)}.chat-controls__target-icon svg{width:100%;height:100%}.chat-controls__model-options{overscroll-behavior:none;min-width:0;padding:0 7px 7px;display:block;overflow:hidden auto}.chat-controls__provider-model-group,.chat-controls__provider-model-list{grid-template-columns:minmax(0,1fr);gap:2px;display:grid}.chat-controls__inline-select-section-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:0;font-size:11px;font-weight:700;line-height:1.2}.chat-controls__model-menu[data-chat-model-filtering] .chat-controls__model-options{flex-direction:column;display:flex}.chat-controls__model-menu[data-chat-model-filtering] .chat-controls__provider-model-group,.chat-controls__model-menu[data-chat-model-filtering] .chat-controls__provider-model-list{display:contents}.chat-controls__model-menu[data-chat-model-filtering] .chat-controls__provider-heading{display:none}.chat-controls__model-option{order:var(--chat-model-rank,0);justify-content:flex-start;min-width:0}.chat-controls__model-option[hidden]{display:none}.chat-controls__model-option[data-chat-model-highlighted]{background:var(--bg-hover);border-color:#0000}.chat-controls__model-option-provider{visibility:hidden;flex:0 0 18px;width:18px;height:18px;display:inline-flex}.chat-controls__model-menu[data-chat-model-filtering] .chat-controls__model-option-provider{visibility:visible}.chat-controls__model-option-action{justify-content:center;align-items:center;width:22px;min-width:22px;margin-left:auto;display:inline-flex}@media (prefers-reduced-motion:no-preference){.chat-controls__model-option-action kbd{transition:opacity var(--duration-fast) var(--ease-out)}}.chat-controls__model-search-wrap:focus-within~.chat-controls__model-options .chat-controls__model-option-action kbd{opacity:0}.chat-controls__model-option-action kbd:before{content:attr(data-chat-model-shortcut-number)}.chat-controls__model-search-empty{min-height:80px;color:var(--muted);text-align:center;padding:24px 12px;font-size:12px}.chat-controls__model-search-empty[hidden]{display:none}.chat-controls__model-option-copy{flex:auto;align-items:center;min-width:0;display:flex}.chat-controls__model-option-title,.chat-controls__model-option-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-controls__model-option-title{min-width:0;color:var(--text);align-items:center;gap:0;font-size:13px;font-weight:600;display:flex}.chat-controls__model-option-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.chat-controls__model-state-label{flex:none;align-items:center;gap:4px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.chat-controls__model-state-label--default{color:var(--muted);margin-inline-start:6px}.chat-controls__model-option-meta{min-width:0;color:var(--muted);flex:0 auto;align-items:center;margin-inline-start:6px;font-size:10px;font-weight:450;display:inline-flex}.chat-controls__model-option-auth-warning{min-width:0;color:var(--warn);flex:0 auto;align-items:center;gap:3px;font-size:10px;font-weight:550;display:inline-flex}.chat-controls__model-option-auth-warning:before{content:"·";color:var(--muted);margin-inline:6px 3px}.chat-controls__model-option-auth-warning svg{flex:0 0 12px;width:12px;height:12px}.chat-controls__model-option-auth-warning>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-controls__model-chat-only-info{width:16px;height:16px;color:color-mix(in srgb, var(--warn) 80%, var(--text));margin-inline-start:6px;display:inline-flex}.chat-controls__model-chat-only-info svg{width:100%;height:100%;display:block}.chat-controls__reasoning-panel{background:color-mix(in srgb, var(--card) 78%, transparent);border:0;flex:none;gap:4px;width:auto;max-height:none;padding:12px 12px 11px;display:grid;position:static;overflow:visible}.chat-controls__reasoning-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;margin-bottom:10px;display:flex}.chat-controls__account-heading{text-align:start;background:0 0;border:0;width:100%}.chat-controls__account-selection{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-weight:400;overflow:hidden}.chat-controls__account-heading .chat-controls__inline-select-chevron{transform:none}.chat-controls__account-error{color:var(--danger);padding:4px 10px;font-size:12px}.chat-controls__model-catalog-state{border-bottom:1px solid color-mix(in srgb, var(--border) 55%, transparent);min-height:36px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;font-size:12px;display:flex}.chat-controls__model-catalog-state--empty{text-align:center;border-bottom:0;flex-direction:column;justify-content:center;gap:10px;min-height:112px;padding:20px 16px}.chat-controls__model-catalog-state-label{align-items:center;gap:6px;min-width:0;display:inline-flex}.chat-controls__model-catalog-state-label svg,.chat-controls__model-catalog-action svg{flex:0 0 14px;width:14px;height:14px}.chat-controls__model-catalog-action{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);min-height:28px;color:var(--text);font:inherit;background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.chat-controls__model-catalog-action:focus-visible{border-color:color-mix(in srgb, var(--text) 28%, var(--border));background:var(--bg-hover);outline:none}@media (hover:hover){.chat-controls__model-catalog-action:hover{border-color:color-mix(in srgb, var(--text) 28%, var(--border));background:var(--bg-hover);outline:none}}.chat-controls__effort-heading{color:var(--text);font-size:12px;font-weight:650}.chat-controls__effort-value{min-width:0;color:var(--accent);text-align:end;white-space:nowrap;font-size:12px;font-weight:650}.chat-controls__effort-scale{color:var(--muted);justify-content:space-between;margin:0 6px 2px;font-size:10px;font-weight:550;display:flex}.chat-controls__reasoning-slider{align-items:center;height:26px;margin:0 6px;display:flex;position:relative}.chat-controls__reasoning-dots{pointer-events:none;justify-content:space-between;align-items:center;padding:0 12px;display:flex;position:absolute;inset:0}.chat-controls__reasoning-dot{border-radius:var(--radius-full);background:color-mix(in srgb, var(--text) 28%, transparent);width:4px;height:4px}.chat-controls__reasoning-range{appearance:none;z-index:1;border-radius:var(--radius-full);background:0 0;width:100%;height:26px;margin:0;padding:0;position:relative}.chat-controls__reasoning-slider:has([data-effort-boost=max],[data-effort-boost=ultra]){--reasoning-track-background:transparent;--reasoning-boost-highlight:color-mix(in srgb, var(--accent) 60%, white);border-radius:var(--radius-full);background-image:linear-gradient(105deg, color-mix(in srgb, var(--accent) 70%, var(--card)) 0%, var(--accent) 25%, var(--reasoning-boost-highlight) 50%, var(--accent) 75%, color-mix(in srgb, var(--accent) 70%, var(--card)) 100%);background-position:50%;background-size:220% 100%}.chat-controls__reasoning-range[data-effort-boost=max]{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent), 0 0 12px color-mix(in srgb, var(--accent) 24%, transparent)}.chat-controls__reasoning-slider:has([data-effort-boost=ultra]){--reasoning-boost-highlight:color-mix(in srgb, var(--accent-2) 70%, white)}.chat-controls__reasoning-range[data-effort-boost=ultra]{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 75%, transparent), 0 0 18px color-mix(in srgb, var(--accent) 48%, transparent), inset 0 0 12px color-mix(in srgb, var(--accent) 18%, transparent)}@keyframes chat-effort-flow{0%{background-position:0%}to{background-position:100%}}@media (prefers-reduced-motion:no-preference){.chat-controls__reasoning-slider:has([data-effort-boost=max]:not(:disabled),[data-effort-boost=ultra]:not(:disabled)){animation:6s ease-in-out infinite alternate chat-effort-flow}.chat-controls__reasoning-slider:has([data-effort-boost=ultra]:not(:disabled)){animation-duration:4s}}.chat-controls__reasoning-range:disabled{cursor:not-allowed}.chat-controls__reasoning-slider:has(.chat-controls__reasoning-range:disabled){opacity:.5}.chat-controls__reasoning-range:focus-visible{outline:none}.chat-controls__reasoning-range::-webkit-slider-runnable-track{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:var(--radius-full);background:var(--reasoning-track-background,linear-gradient(90deg, color-mix(in srgb, var(--text) 18%, transparent) var(--reasoning-fill,0%), color-mix(in srgb, var(--text) 7%, transparent) var(--reasoning-fill,0%)));height:26px}.chat-controls__reasoning-range::-webkit-slider-thumb{-webkit-appearance:none;border-radius:var(--radius-full);background:var(--text-strong);width:28px;height:20px;box-shadow:var(--shadow-sm);border:none;margin-top:3px}.chat-controls__reasoning-range:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring)}.chat-controls__reasoning-range--inherit::-webkit-slider-thumb{background:var(--muted)}.chat-controls__reasoning-range--unanchored::-webkit-slider-thumb{opacity:.35}.chat-controls__reasoning-range::-moz-range-track{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:var(--radius-full);background:var(--reasoning-track-background,color-mix(in srgb, var(--text) 7%, transparent));height:26px}.chat-controls__reasoning-range::-moz-range-progress{border-radius:var(--radius-full);background:var(--reasoning-track-background,color-mix(in srgb, var(--text) 18%, transparent));height:24px}.chat-controls__reasoning-range::-moz-range-thumb{border-radius:var(--radius-full);background:var(--text-strong);width:28px;height:20px;box-shadow:var(--shadow-sm);border:none}.chat-controls__reasoning-range--inherit::-moz-range-thumb{background:var(--muted)}.chat-controls__reasoning-range--unanchored::-moz-range-thumb{opacity:.35}.chat-controls__fast-mode-row{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent);align-items:center;gap:8px;min-width:0;padding:11px 12px;display:flex}.chat-controls__fast-mode-icon{width:var(--chat-composer-chip-icon,14px);height:var(--chat-composer-chip-icon,14px);color:var(--accent);flex:0 0 var(--chat-composer-chip-icon,14px);display:inline-flex}.chat-controls__effort-zap{width:14px;height:14px;color:var(--accent);flex:0 0 14px;display:inline-flex}.chat-controls__effort-gauge,.chat-controls__effort-speed{display:none}.chat-controls__effort-gauge-needle{transform-box:view-box;transform-origin:12px 12px;transition-property:none}@media (prefers-reduced-motion:no-preference){.chat-controls__effort-gauge-needle{transition:transform .18s ease-out}}.chat-controls__fast-mode-icon svg,.chat-controls__effort-zap svg{fill:currentColor;stroke:currentColor;width:100%;height:100%}.chat-controls__context-window-icon svg{fill:none}.chat-controls__fast-mode-copy{flex:auto;gap:1px;min-width:0;display:grid}.chat-controls__fast-mode-title{color:var(--text);font-size:12px;font-weight:650}.chat-controls__fast-mode-description{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3;overflow:hidden}.chat-controls__context-window-options{flex:none}.chat-controls__speed-toggle{border:1px solid color-mix(in srgb, var(--border) 92%, var(--text));border-radius:var(--radius-full);background:color-mix(in srgb, var(--text) 12%, var(--card));flex:none;width:36px;height:22px;padding:0;display:block;position:relative}.chat-controls__speed-toggle:focus-visible{border-color:color-mix(in srgb, var(--text) 20%, var(--border));background:color-mix(in srgb, var(--text) 6%, var(--card));color:var(--text);outline:none}@media (hover:hover){.chat-controls__speed-toggle:hover:not(:disabled){border-color:color-mix(in srgb, var(--text) 20%, var(--border));background:color-mix(in srgb, var(--text) 6%, var(--card));color:var(--text);outline:none}}.chat-controls__speed-toggle--active,.chat-controls__speed-toggle.chat-controls__speed-toggle--active:focus-visible{border-color:color-mix(in srgb, var(--accent) 76%, var(--border));background:color-mix(in srgb, var(--accent) 58%, var(--card))}@media (hover:hover){.chat-controls__speed-toggle.chat-controls__speed-toggle--active:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 76%, var(--border));background:color-mix(in srgb, var(--accent) 58%, var(--card))}}.chat-controls__speed-toggle:disabled{cursor:not-allowed;opacity:.55}.chat-controls__speed-toggle-thumb{border-radius:var(--radius-full);background:var(--text-strong);width:14px;height:14px;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out);position:absolute;top:3px;left:3px}.chat-controls__speed-toggle--active .chat-controls__speed-toggle-thumb{transform:translate(14px)}.chat-controls__effort-trigger--fast{color:var(--text);background:0 0}.chat-controls__reasoning-option{border:1px solid color-mix(in srgb, var(--border) 74%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--card) 74%, transparent);min-width:0;min-height:32px;color:var(--muted);font:inherit;justify-content:center;align-items:center;gap:5px;padding:5px;font-size:12px;line-height:1;display:inline-flex}.chat-controls__reasoning-option:focus-visible{border-color:color-mix(in srgb, var(--text) 20%, var(--border));background:color-mix(in srgb, var(--text) 6%, var(--card));color:var(--text);outline:none}@media (hover:hover){.chat-controls__reasoning-option:hover:not(:disabled){border-color:color-mix(in srgb, var(--text) 20%, var(--border));background:color-mix(in srgb, var(--text) 6%, var(--card));color:var(--text);outline:none}}.chat-controls__reasoning-option--selected{border-color:color-mix(in srgb, var(--accent) 76%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--card));color:var(--text-strong)}.chat-controls__reasoning-option:disabled{cursor:not-allowed;opacity:.55}.chat-controls__inline-select-check{width:var(--chat-composer-menu-icon);height:var(--chat-composer-menu-icon);color:var(--accent);flex:none;justify-content:center;align-items:center;display:inline-flex}.chat-controls__session select{border-color:color-mix(in srgb, var(--input) 88%, transparent);border-radius:var(--radius-lg);background-color:color-mix(in srgb, var(--card) 92%, var(--bg-elevated) 8%);text-overflow:ellipsis;width:100%;max-width:none;height:36px;min-height:36px;padding:0 34px 0 12px;font-size:13px;overflow:hidden}@container chat-composer (width<=480px){.agent-chat__input .chat-controls__model-trigger{justify-content:center;gap:3px;padding-inline:0}.agent-chat__input .chat-controls__model-settings .chat-controls__inline-select-chevron{margin-inline-start:0}.agent-chat__composer-lead .chat-controls__permission-trigger{width:var(--chat-composer-control-size);justify-content:center;padding-inline:0}.agent-chat__composer-lead .chat-controls__permission-trigger .chat-controls__inline-select-label,.agent-chat__input--mobile-toolbar .chat-controls__trigger-provider-icon{display:none}}@container chat-composer (width<=560px){.agent-chat__input--mobile-toolbar .chat-controls__inline-select-chevron,.agent-chat__input--mobile-toolbar .chat-controls__inline-select-chevron svg{width:var(--chat-mobile-row-chevron-size);height:var(--chat-mobile-row-chevron-size);opacity:var(--chat-mobile-row-muted-opacity)}.agent-chat__input--mobile-toolbar .chat-controls__effort-trigger{--chat-effort-badge-backdrop:var(--chat-composer-surface)}.agent-chat__input--mobile-toolbar :is(.chat-controls__model-trigger,.chat-controls__effort-trigger){background:0 0;min-width:44px;min-height:44px}.agent-chat__input--mobile-toolbar :is(.chat-controls__model-trigger,.chat-controls__effort-trigger):before{border-radius:var(--radius-full);content:"";background:0 0;position:absolute;inset:0}.agent-chat__input--mobile-toolbar :is(.chat-controls__model-picker,.chat-controls__effort-picker)[open]>:is(.chat-controls__model-trigger,.chat-controls__effort-trigger){background:0 0}@media (hover:hover){.agent-chat__input--mobile-toolbar :is(.chat-controls__model-trigger,.chat-controls__effort-trigger):hover{background:0 0}}.agent-chat__input--mobile-toolbar :is(.chat-controls__model-picker,.chat-controls__effort-picker)[open]>:is(.chat-controls__model-trigger,.chat-controls__effort-trigger):before{background:color-mix(in srgb, var(--text) 7%, transparent)}@media (hover:hover){.agent-chat__input--mobile-toolbar :is(.chat-controls__model-trigger,.chat-controls__effort-trigger):hover:before{background:color-mix(in srgb, var(--text) 7%, transparent)}}.agent-chat__input--mobile-toolbar .chat-controls__effort-picker[open]>.chat-controls__effort-trigger{--chat-effort-badge-backdrop:color-mix(in srgb, var(--text) 7%, var(--chat-composer-surface))}@media (hover:hover){.agent-chat__input--mobile-toolbar .chat-controls__effort-trigger:hover{--chat-effort-badge-backdrop:color-mix(in srgb, var(--text) 7%, var(--chat-composer-surface))}}.agent-chat__input--mobile-toolbar .chat-controls__effort-trigger>:is(.chat-controls__inline-select-label,.chat-controls__effort-zap){display:none}.agent-chat__input--mobile-toolbar :is(.chat-controls__effort-gauge,.chat-controls__effort-speed){width:var(--chat-mobile-row-icon-size);height:var(--chat-mobile-row-icon-size);flex:0 0 var(--chat-mobile-row-icon-size);pointer-events:none;display:inline-flex;position:relative}.agent-chat__input--mobile-toolbar .chat-controls__effort-gauge-dial{opacity:var(--chat-mobile-row-muted-opacity)}.agent-chat__input--mobile-toolbar .chat-controls__effort-gauge-needle{stroke:var(--text-strong)}.agent-chat__input--mobile-toolbar .chat-controls__effort-gauge--off{opacity:var(--chat-mobile-row-muted-opacity)}.agent-chat__input--mobile-toolbar .chat-controls__effort-fast-badge{z-index:1;justify-content:center;align-items:center;width:10px;height:10px;display:inline-flex;position:absolute;bottom:1px;right:-1px}.agent-chat__input--mobile-toolbar .chat-controls__effort-fast-badge:before{z-index:-1;border-radius:var(--radius-full);background:var(--chat-effort-badge-backdrop);content:"";position:absolute;inset:-1px}.agent-chat__input--mobile-toolbar .agent-chat__composer-footer .chat-controls__effort-fast-badge svg{width:10px;height:10px;color:var(--accent);fill:currentColor;stroke:currentColor;stroke-width:1.5px}.agent-chat__input--mobile-toolbar .chat-controls__permission-trigger{color:var(--muted);padding-inline:var(--chat-mobile-row-icon-padding)}.agent-chat__input--mobile-toolbar .context-ring{color:inherit}.agent-chat__input--mobile-toolbar :is(.chat-controls__permission-icon,.chat-controls__permission-lock){width:var(--chat-mobile-row-muted-icon-size);height:var(--chat-mobile-row-muted-icon-size);flex-basis:var(--chat-mobile-row-muted-icon-size);color:inherit;opacity:var(--chat-mobile-row-muted-opacity)}.agent-chat__input--mobile-toolbar .context-ring__dial{width:var(--chat-mobile-row-context-icon-size);height:var(--chat-mobile-row-context-icon-size);flex-basis:var(--chat-mobile-row-context-icon-size);color:inherit;opacity:var(--chat-mobile-row-muted-opacity)}.agent-chat__input--mobile-toolbar :is(.context-ring__track,.context-ring__fill){stroke-width:var(--chat-mobile-row-icon-stroke)}.agent-chat__input--mobile-toolbar .chat-talk-input-picker{display:none}.agent-chat__input--mobile-toolbar .agent-chat__composer-footer .chat-controls__provider-settings svg{width:12px;height:12px}.agent-chat__input--mobile-toolbar .agent-chat__composer-footer :is(.chat-controls__permission-icon svg,.chat-controls__permission-lock svg){width:var(--chat-mobile-row-muted-icon-size);height:var(--chat-mobile-row-muted-icon-size)}}@media (width<=640px){.chat-controls__provider-toggle{min-height:44px}.agent-chat__composer-meta .chat-controls__permission-trigger{justify-content:center;width:44px;padding-inline:0}.agent-chat__composer-meta .chat-controls__permission-trigger .chat-controls__inline-select-label{display:none}.agent-chat__composer-controls{flex-direction:row;align-items:center}}.agent-chat__welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;width:min(100%,640px);min-height:0;margin:auto;padding:clamp(20px,4vh,40px) 24px;display:flex}.agent-chat__welcome h2{color:var(--text);margin:0;font-size:24px;font-weight:600}.agent-chat__welcome-identity{flex-direction:column;align-items:center;gap:18px;display:flex}.agent-chat__welcome-identity-copy{justify-items:center;gap:8px;display:grid}.agent-chat__welcome-identity-copy>:is(h2,.agent-chat__hint){margin:0}.agent-chat__welcome--setup .agent-chat__hint{max-width:36ch;margin:0 0 6px;line-height:1.5}.agent-chat__welcome-avatar{object-fit:cover;border-radius:50%;width:96px;height:96px}.agent-chat__welcome-clawd{place-items:center;width:128px;height:112px;margin-bottom:2px;display:grid;overflow:visible}@media (width<=768px),(width<=932px) and (height<=500px) and (orientation:landscape){.agent-chat__welcome{gap:8px;padding:16px 12px}.agent-chat__welcome h2{font-size:20px}.agent-chat__welcome-avatar{width:64px;height:64px}.agent-chat__welcome-clawd{width:88px;height:77px}.agent-chat__welcome-identity{gap:12px}.agent-chat__welcome-identity-copy{gap:6px}.agent-chat__welcome-clawd openclaw-mascot{width:77px;height:77px}}.agent-chat__welcome-secondary{opacity:1;filter:blur();width:100%;transition:grid-template-rows .3s var(--ease-out), opacity .24s 40ms var(--ease-out), filter .24s 40ms var(--ease-out), transform .24s 40ms var(--ease-out);grid-template-rows:minmax(0,1fr);display:grid;transform:translateY(0)}.agent-chat__welcome-secondary-inner{flex-direction:column;align-items:center;min-height:0;display:flex;overflow:hidden}.agent-chat__welcome-secondary--hidden{opacity:0;filter:blur(6px);pointer-events:none;transition:grid-template-rows .36s .16s var(--ease-out), opacity .28s var(--ease-out), filter .28s var(--ease-out), transform .28s var(--ease-out);grid-template-rows:minmax(0,0fr);transform:translateY(4px)}@media (prefers-reduced-motion:reduce){.agent-chat__welcome-secondary{transition:none}}.agent-chat__recents{text-align:left;flex-direction:column;gap:2px;width:min(100%,520px);margin-top:12px;display:flex}.agent-chat__recents-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 2px 12px;font-size:12px;font-weight:600}.agent-chat__recent{border-radius:var(--radius-md);min-height:40px;color:var(--text);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .15s;display:flex}@media (hover:hover){.agent-chat__recent:hover{background:var(--bg-hover)}}.agent-chat__recent-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:500;overflow:hidden}.agent-chat__recent-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.agent-chat__recent-time{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.agent-chat__hint{color:var(--muted);margin:0;font-size:13px}.agent-chat__hint kbd{font-size:12px;font-family:var(--mono);background:var(--panel-strong);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 6px;display:inline-block}.agent-chat__suggestions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,480px);margin-top:8px;display:grid}.agent-chat__suggestion{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--panel);min-height:40px;color:var(--text);text-wrap:balance;overflow-wrap:break-word;padding:10px 16px;font-size:13px;line-height:1.4;transition:background .15s,border-color .15s}@media (hover:hover){.agent-chat__suggestion:hover{background:var(--panel-strong);border-color:var(--accent)}}@media (width<=768px){.agent-chat__suggestions{grid-template-columns:minmax(0,1fr);width:min(100%,360px)}.agent-chat__suggestion{min-height:44px}}.agent-chat__composer-shell,.chat-session-rail__composer{container:chat-composer/inline-size}.agent-chat__composer-shell{width:calc(100% - var(--chat-composer-side-inset,36px));max-width:var(--chat-thread-max-width,48rem);margin:var(--chat-composer-top-margin,8px) auto var(--chat-composer-bottom-gap,14px);grid-template-columns:minmax(0,1fr);align-items:end;gap:6px;display:grid;position:relative}.agent-chat__composer-notices{justify-items:center;gap:6px;min-width:0;display:grid}.agent-chat__composer-notices:not(:has(>:not(openclaw-chat-child-attention),>openclaw-chat-child-attention>*)){display:none}.chat-footer .agent-chat__composer-shell{min-height:0;max-height:calc(var(--chat-footer-max-height) - var(--chat-composer-top-margin) - var(--chat-composer-bottom-gap));flex-direction:column;flex:0 auto;align-items:stretch;display:flex}.chat-footer__context{scrollbar-width:thin;flex-direction:column;flex:0 auto;gap:6px;min-width:0;min-height:0;display:flex;overflow-y:auto}.chat-footer__context:not(:has(>:not(.agent-chat__composer-notices,openclaw-plugin-contributions),>.agent-chat__composer-notices>:not(openclaw-chat-child-attention),>.agent-chat__composer-notices>openclaw-chat-child-attention>*,>openclaw-plugin-contributions>*)){display:none}.chat-footer__context>*{flex-shrink:0}.chat-footer .chat-footer__context :is(.session-progress-card__body,.chat-queue__scroll,.agent-chat__goal-detail-objective,.chat-swarm__tasks,.chat-error__diagnostic){overscroll-behavior:auto}:root[data-theme-mode=light] .session-progress-card--composer{border-color:var(--chat-composer-light-outline)}:root[data-theme-mode=light] :is(.chat-queue,.agent-chat__goal--active){box-shadow:inset 0 0 0 1px var(--chat-composer-light-outline);border-color:#0000}.chat-footer>openclaw-plugin-view>.chat-footer__context{width:calc(100% - var(--chat-composer-side-inset));max-width:var(--chat-thread-max-width);margin:var(--chat-composer-top-margin) auto 0}.chat-footer .agent-chat__composer-shell>:not(.chat-footer__context){flex-shrink:0}.chat-footer,.agent-chat__composer-shell,.agent-chat__input{--chat-composer-radius:calc(20px * var(--openclaw-corner-radius-scale));--chat-composer-surface:var(--popover);--chat-composer-light-outline:#0000000f;--composer-attached-surface:color-mix(in srgb, var(--chat-composer-surface) 60%, var(--background,var(--bg)));--chat-composer-hairline:color-mix(in srgb, var(--text-strong) 16%, transparent)}.agent-chat__input,.agent-chat__disabled-banner.callout,.agent-chat__composer-notices>:is(.chat-composer-neighbor-card,.agent-chat__composer-errors--standalone,.agent-chat__talk-status.callout){border-radius:var(--chat-composer-radius);corner-shape:var(--chat-composer-corner-shape)}.agent-chat__input{--chat-box-inset:8px;--chat-composer-control-height:36px;--chat-composer-surface:var(--popover);--chat-composer-secondary:color-mix(in srgb, var(--text-strong) 65%, var(--chat-composer-surface));--chat-composer-tertiary:color-mix(in srgb, var(--text-strong) 48%, var(--chat-composer-surface));--chat-composer-hover:color-mix(in srgb, var(--text-strong) 8%, transparent);--chat-composer-group-hover:color-mix(in srgb, var(--text-strong) 6%, transparent);--chat-composer-popover-background:color-mix(in srgb, var(--bg-elevated) 96%, var(--card));--chat-composer-popover-border:var(--overlay-border);--chat-composer-popover-radius:calc(14px * var(--openclaw-corner-radius-scale));--chat-composer-control-size:28px;--chat-composer-send-size:32px;--chat-composer-chip-height:30px;--chat-composer-chip-gap:6px;--chat-composer-chip-padding-inline:8px;--chat-composer-chip-text:var(--control-ui-text-md);--chat-composer-chip-icon:16px;--chat-composer-menu-row-height:40px;--chat-composer-menu-row-padding:6px 9px;--chat-composer-menu-row-gap:8px;--chat-composer-menu-row-radius:calc(10px * var(--openclaw-corner-radius-scale));--chat-composer-menu-icon:16px;--chat-composer-menu-selected:var(--menu-selected);--chat-composer-editor-inset-inline:14px;--chat-composer-editor-inset-block:6px;--chat-attachment-hit-slop:calc(var(--chat-composer-editor-inset-block) * 2);--chat-composer-editor-size:max(16px, calc(16px * var(--control-ui-text-scale)));--chat-composer-editor-line:calc(var(--chat-composer-editor-size) * 1.5);z-index:1;min-width:0;min-height:var(--chat-composer-min-height,112px);background:color-mix(in srgb, var(--chat-composer-surface) 78%, transparent);border:1px solid var(--chat-composer-hairline);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;flex-direction:column;flex-shrink:0;margin:0;padding:0;display:flex;position:relative;box-shadow:0 4px 16px #0000000d}:root[data-theme-mode=dark] :is(.chat-footer,.agent-chat__composer-shell,.agent-chat__input){--chat-composer-hairline:color-mix(in srgb, var(--text-strong) 9%, transparent)}:root[data-theme-mode=light] .agent-chat__input{box-shadow:0 0 0 1px var(--chat-composer-light-outline), 0 1px 2px -1px var(--chat-composer-light-outline), 0 2px 4px #0000000a;border-color:#0000}.agent-chat__input:has(.agent-chat__composer-combobox>:is(textarea,input):focus){border-color:color-mix(in srgb, var(--chat-composer-hairline) 94%, var(--text-strong));box-shadow:0 4px 16px #0000000d}:root[data-theme-mode=light] .agent-chat__input:has(.agent-chat__composer-combobox>:is(textarea,input):focus){border-color:#0000;box-shadow:0 0 0 1px #00000014,0 1px 2px -1px #00000014,0 2px 4px #0000000f}:root[data-theme-mode=light] .agent-chat__input--dictating,:root[data-theme-mode=light] .agent-chat__input--dictating:focus-within{border-color:#0000;box-shadow:0 0 0 1px #0000000f,0 4px 18px #0000000f}.agent-chat__input--prefill-attention{animation:.6s ease-out chat-composer-prefill-attention}@keyframes chat-composer-prefill-attention{0%,20%{background:color-mix(in srgb, var(--accent) 14%, var(--card));border-color:color-mix(in srgb, var(--accent) 88%, var(--border));box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 32%, transparent), 0 0 28px color-mix(in srgb, var(--accent) 42%, transparent)}to{background:var(--card);border-color:color-mix(in srgb, var(--accent) 30%, var(--border));box-shadow:0 0 0 3px var(--accent-subtle)}}@media (prefers-reduced-motion:reduce){.agent-chat__input--prefill-attention{background:color-mix(in srgb, var(--accent) 14%, var(--card));border-color:color-mix(in srgb, var(--accent) 88%, var(--border));box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 32%, transparent), 0 0 28px color-mix(in srgb, var(--accent) 42%, transparent);animation:none}}.agent-chat__input--offline,.agent-chat__input--offline:focus-within{z-index:1}@media (forced-colors:active),(prefers-contrast:more),(prefers-reduced-transparency:reduce){.agent-chat__input{background:var(--chat-composer-surface)}}.agent-chat__composer-lede{flex-direction:column;min-width:0;display:flex}.agent-chat__composer-combobox{isolation:isolate;flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.agent-chat__composer-combobox>:is(textarea,input){--control-ui-touch-input-size:var(--chat-composer-editor-size);width:100%;min-height:calc(var(--chat-composer-editor-line) + 8px);max-height:min(25dvh, calc(var(--chat-composer-editor-line) * 6 + var(--chat-composer-editor-inset-block) * 2));resize:none;padding-block:var(--chat-composer-editor-inset-block);color:var(--text-strong);font-size:var(--chat-composer-editor-size);line-height:var(--chat-composer-editor-line);background:0 0;border:none;outline:none;padding-inline:0}.agent-chat__composer-combobox>textarea{field-sizing:content}.agent-chat__composer-combobox>textarea:is([data-scroll-fade-top],[data-scroll-fade-bottom]){--chat-composer-scroll-mask-top:currentColor;--chat-composer-scroll-mask-bottom:currentColor;-webkit-mask-image:linear-gradient(to bottom, var(--chat-composer-scroll-mask-top) 0, currentColor 16px, currentColor calc(100% - 16px), var(--chat-composer-scroll-mask-bottom) 100%);mask-image:linear-gradient(to bottom, var(--chat-composer-scroll-mask-top) 0, currentColor 16px, currentColor calc(100% - 16px), var(--chat-composer-scroll-mask-bottom) 100%)}.agent-chat__composer-combobox>textarea[data-scroll-fade-top]{--chat-composer-scroll-mask-top:transparent}.agent-chat__composer-combobox>textarea[data-scroll-fade-bottom]{--chat-composer-scroll-mask-bottom:transparent}.agent-chat__composer-combobox>:is(textarea,input):focus-visible{box-shadow:none}.agent-chat__composer-combobox>:is(textarea,input)::placeholder{color:#0000}.agent-chat__composer-placeholder{padding-block:var(--chat-composer-editor-inset-block);color:var(--muted);font-size:var(--chat-composer-editor-size);line-height:var(--chat-composer-editor-line);font-variant-ligatures:no-contextual;letter-spacing:normal;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;display:none;position:absolute;inset:0 0 auto;overflow:hidden}.agent-chat__composer-combobox>:placeholder-shown~.agent-chat__composer-placeholder{display:block}.agent-chat__composer-combobox>:is(textarea,input):placeholder-shown{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.agent-chat__composer-input-row{min-width:0;padding:var(--chat-composer-editor-inset-block) var(--chat-composer-editor-inset-inline) 0;align-items:flex-end;gap:4px;display:flex}.agent-chat__composer-footer{min-height:var(--chat-composer-control-size);padding-block:var(--chat-composer-editor-inset-block);flex-shrink:0;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:center;column-gap:5px;margin-top:auto;margin-bottom:4px;padding-inline:8px;display:grid}.agent-chat__composer-lead{grid-column:1;align-items:center;gap:4px;min-width:0;display:flex}.agent-chat__composer-footer svg{display:block}.agent-chat__composer-trail{grid-column:2;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.agent-chat__composer-meta,.agent-chat__composer-context{flex:none;align-items:center;gap:4px;min-width:0;display:flex}.agent-chat__composer-controls{align-items:center;gap:var(--chat-composer-chip-gap);min-width:0;display:flex;position:relative}.agent-chat__composer-actions{flex:none;align-items:center;gap:8px;display:flex}.agent-chat__input-btn{border-radius:var(--radius-sm);min-width:36px;height:36px;color:var(--muted);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.agent-chat__input .agent-chat__input-btn{min-width:var(--chat-composer-control-size);width:var(--chat-composer-control-size);height:var(--chat-composer-control-size);border-radius:var(--radius-full);color:var(--chat-composer-secondary);padding:0}@media (hover:hover) and (pointer:fine){.agent-chat__input .agent-chat__input-btn:hover:not(:disabled){color:var(--text-strong);background:var(--chat-composer-hover)}}.agent-chat__input-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.agent-chat__input :is(.agent-chat__input-btn,.chat-send-btn) svg{width:16px;height:16px}.agent-chat__input .chat-send-btn--send>svg{width:21px;height:21px}.agent-chat__attach-menu .agent-chat__input-btn--attach svg{transform-origin:50%;width:22px;height:22px;transition:transform .165s}.agent-chat__input-btn--attach{position:relative}.agent-chat__input-btn--has-overrides:after{border:1px solid var(--chat-composer-surface);border-radius:var(--radius-full);background:var(--danger);content:"";pointer-events:none;width:5px;height:5px;position:absolute;top:3px;right:3px}.agent-chat__attach-menu[open] .agent-chat__input-btn--attach svg{transform:rotate(-45deg)}@media (prefers-reduced-motion:reduce){.agent-chat__attach-menu .agent-chat__input-btn--attach svg{transition:none}}.agent-chat__control-label{display:none}@media (hover:hover) and (pointer:fine){.agent-chat__input-btn:hover:not(:disabled){color:var(--text);background:var(--bg-hover)}}.agent-chat__input-btn:disabled{opacity:.4;cursor:not-allowed}.agent-chat__attach-menu{flex:none;align-items:center;display:flex;position:relative}.agent-chat__attach-menu>button:disabled{opacity:.4;cursor:not-allowed}.agent-chat__attach-menu[open]>button{color:var(--text);background:var(--bg-hover)}.chat-send-btn{border-radius:var(--radius-full);background:var(--primary);width:36px;min-width:36px;height:36px;color:var(--primary-foreground);box-shadow:0 1px 3px var(--accent-subtle);transition:background var(--duration-fast) ease, color var(--duration-fast) ease, box-shadow var(--duration-fast) ease, opacity var(--duration-fast) ease;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0;display:inline-flex}@media (width<=900px){.agent-chat__input-btn{width:36px;min-width:36px;padding:0}.agent-chat__control-label{display:none}}.chat-send-btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@media (hover:hover){.chat-send-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 2px 12px var(--accent-glow)}}.chat-send-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.chat-send-btn:disabled{background:color-mix(in srgb, var(--muted) 16%, transparent);color:var(--muted);box-shadow:none;opacity:.8;cursor:not-allowed}.agent-chat__input .chat-send-btn{width:var(--chat-composer-send-size);min-width:var(--chat-composer-send-size);height:var(--chat-composer-send-size);background:var(--primary);color:var(--primary-foreground);box-shadow:none;padding:5px}@media (hover:hover){.agent-chat__input .chat-send-btn:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 86%, var(--text-strong));box-shadow:none}}.agent-chat__input .chat-send-btn:disabled{background:var(--chat-composer-hover);color:var(--chat-composer-tertiary);opacity:1}.agent-chat__input .chat-send-btn--stop{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}@media (hover:hover){.agent-chat__input .chat-send-btn--stop:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 20%, transparent);color:var(--danger)}}.agent-chat__input .chat-send-btn--voice{color:var(--text);background:0 0}.agent-chat__input .chat-send-btn--voice:disabled{background:0 0}@media (hover:hover){.agent-chat__input .chat-send-btn--voice:hover:not(:disabled){background:var(--chat-composer-hover);color:var(--text-strong)}}.chat-send-btn--voice{background:var(--chat-voice-background,color-mix(in srgb, var(--accent) 10%, transparent));color:var(--chat-voice-color,var(--accent));box-shadow:none}.chat-talk-control:not(.chat-talk-control--active) .chat-send-btn--voice:disabled{opacity:.4}@media (hover:hover){.chat-send-btn--voice:hover:not(:disabled){background:var(--chat-voice-hover-background,color-mix(in srgb, var(--accent) 18%, transparent));color:var(--chat-voice-hover-color,var(--accent));box-shadow:none}}@media (hover:hover) and (pointer:fine){.agent-chat__input .chat-talk-control:hover:not(:has(.chat-send-btn:disabled)){background:var(--chat-composer-group-hover)}}@media (hover:hover){.agent-chat__input .chat-talk-control .chat-send-btn--voice:hover:not(:disabled){background:color-mix(in srgb, var(--text-strong) 7%, transparent)}}.chat-mobile-dictation-action,.chat-mobile-talk-action,.chat-mobile-primary-action{display:none}.chat-desktop-primary-action{display:contents}.chat-send-btn--stop{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);box-shadow:none}.chat-send-btn--stop svg{fill:currentColor;stroke:none;width:18px;height:18px}@media (hover:hover){.chat-send-btn--stop:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 18%, transparent);color:color-mix(in srgb, var(--danger) 82%, var(--text-strong));box-shadow:none}}.chat-send-btn.chat-send-btn--dictating{width:var(--chat-composer-send-size);min-width:var(--chat-composer-send-size);height:var(--chat-composer-send-size);border-radius:var(--radius-full);color:var(--text-strong);background:color-mix(in srgb, var(--text) 10%, transparent);box-shadow:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;padding:5px}@media (hover:hover){.agent-chat__input .chat-send-btn.chat-send-btn--dictating:hover:not(:disabled){background:color-mix(in srgb, var(--text) 16%, transparent);color:var(--text-strong)}}.chat-send-btn--dictating>svg{fill:currentColor;stroke:none;width:14px;height:14px}.chat-send-btn.chat-send-btn--voice-live{border-radius:var(--radius-full);width:auto;min-width:64px;color:var(--accent);box-shadow:none;background:0 0;padding:0 14px;position:relative}@media (hover:hover){.chat-send-btn.chat-send-btn--voice-live:hover:not(:disabled){background:var(--chat-composer-hover);box-shadow:none}}.chat-send-btn--voice-live .agent-chat__voice-activity{transition:opacity var(--duration-fast) ease}.chat-send-btn--voice-live:focus-visible .agent-chat__voice-activity{opacity:.25}@media (hover:hover){.chat-send-btn--voice-live:hover:not(:disabled) .agent-chat__voice-activity{opacity:.25}}.chat-send-btn__voice-stop-glyph{opacity:0;transition:opacity var(--duration-fast) ease;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:0}.chat-send-btn--voice-live .chat-send-btn__voice-stop-glyph svg{fill:currentColor;stroke:none;width:12px;height:12px}.chat-send-btn--voice-live:focus-visible .chat-send-btn__voice-stop-glyph{opacity:1}@media (hover:hover){.chat-send-btn--voice-live:hover:not(:disabled) .chat-send-btn__voice-stop-glyph{opacity:1}}.chat-send-btn.chat-send-btn--voice-error .chat-send-btn__voice-stop-glyph{opacity:1}@media (width<=768px),(width<=932px) and (height<=500px) and (orientation:landscape){.agent-chat__input{--chat-box-inset:4px;--chat-composer-control-height:44px;--chat-composer-control-size:44px;--chat-composer-send-size:32px;--chat-composer-chip-height:44px;--chat-composer-chip-gap:4px;--chat-composer-chip-padding-inline:4px;--chat-composer-editor-inset-inline:12px}.agent-chat__composer-input-row{gap:0}.agent-chat__composer-combobox{align-self:stretch}.agent-chat__composer-combobox>:is(textarea,input,.agent-chat__composer-placeholder){flex:auto;padding-top:10px;padding-bottom:10px}.agent-chat__composer-footer{margin-bottom:calc(var(--chat-box-inset) / 2);padding-block:calc(var(--chat-box-inset) / 2) 0;padding-inline:var(--chat-box-inset)}.agent-chat__composer-meta,.agent-chat__composer-context{margin-left:0}.agent-chat__composer-shell{grid-template-columns:minmax(0,1fr);gap:0}}@media (width<=932px) and (height<=500px) and (orientation:landscape){.agent-chat__input{overscroll-behavior:contain;max-height:min(36vh,164px);overflow:hidden auto}.agent-chat__input:has(.chat-attachments-preview){padding-block-start:var(--chat-attachment-hit-slop)}.agent-chat__input:has(.agent-chat__attach-menu[open]){overflow:visible}.agent-chat__composer-footer{z-index:3;background:var(--chat-composer-surface);position:sticky;bottom:0}.agent-chat__composer-combobox>:is(textarea,input){min-height:48px;max-height:56px;overflow-y:auto}}.agent-chat__input [data-chat-pointer-restored-focus]:focus-visible{box-shadow:none;outline:none}.agent-chat__input wa-dropdown[data-chat-pointer-opened-picker] wa-dropdown-item:is(:focus,:focus-visible){outline:none}.chat-thread-inner{width:calc(100% - 2 * var(--chat-thread-gutter) - 2 * var(--chat-thread-side-inset));max-width:var(--chat-thread-max-width);margin-inline:auto;transition-property:none}@media (width<=768px),(width<=932px) and (height<=500px) and (orientation:landscape){.agent-chat__input-btn,.chat-send-btn{width:44px;min-width:44px;height:44px}.chat-send-btn.chat-send-btn--voice-live{width:auto;min-width:64px}.chat-thread-inner,.agent-chat__composer-shell,.chat-footer>openclaw-plugin-view>.chat-footer__context{width:calc(100% - 2 * var(--chat-mobile-edge-inset));margin-inline:auto;position:relative}.agent-chat__composer-shell{--chat-composer-bottom-gap:6px;margin-block:var(--chat-composer-top-margin,0px) var(--chat-composer-bottom-gap);gap:6px}.agent-chat__composer-footer{column-gap:3px;min-height:44px}}@container chat-composer (width<=480px){.agent-chat__input--mobile-toolbar .agent-chat__composer-controls{flex:1 1 0;order:3;min-width:0}.agent-chat__composer-footer{--chat-composer-chip-icon:16px;margin-bottom:0;padding-block:4px}.agent-chat__input--mobile-toolbar .agent-chat__composer-footer{gap:2px;display:flex}.agent-chat__input--mobile-toolbar .agent-chat__composer-lead{flex:none;order:1;gap:2px}.agent-chat__input--mobile-toolbar .agent-chat__composer-trail{display:contents}.agent-chat__input--mobile-toolbar .agent-chat__composer-meta{flex:none;order:2}.agent-chat__input--mobile-toolbar .agent-chat__composer-actions{flex:none;order:4;gap:8px}}@container chat-composer (width<=560px){.agent-chat__input--mobile-toolbar .agent-chat__composer-controls{flex:1 1 0;min-width:0;margin-inline-start:auto;overflow:visible}.agent-chat__input--mobile-toolbar{--chat-composer-min-height:105px;--chat-mobile-row-target-size:32px;--chat-mobile-row-icon-size:20px;--chat-mobile-row-icon-stroke:2;--chat-mobile-row-icon-padding:0px;--chat-mobile-row-muted-icon-size:18px;--chat-mobile-row-context-icon-size:16px;--chat-mobile-row-muted-opacity:.55;--chat-mobile-row-permission-stroke:2.25;--chat-mobile-row-plus-target-size:36px;--chat-mobile-row-plus-icon-size:24px;--chat-mobile-row-chevron-size:14px;--chat-mobile-row-chip-gap:2px;--chat-mobile-row-chip-padding-inline:6px;--chat-mobile-row-action-padding:var(--chat-mobile-row-icon-padding);--chat-mobile-row-action-gap:4px;--chat-mobile-row-stop-icon-size:18px;--chat-mobile-row-mic-opacity:.72;--chat-mobile-row-mic-stroke:2;--chat-composer-control-size:var(--chat-mobile-row-target-size);--chat-composer-chip-height:var(--chat-mobile-row-target-size);--chat-composer-chip-gap:var(--chat-mobile-row-chip-gap);--chat-composer-chip-padding-inline:var(--chat-mobile-row-chip-padding-inline);--chat-composer-footer-icon-size:var(--chat-mobile-row-icon-size);--chat-composer-menu-icon:var(--chat-mobile-row-icon-size);--chat-composer-send-size:var(--chat-mobile-row-plus-target-size)}.agent-chat__input--mobile-toolbar svg{width:var(--chat-mobile-row-icon-size);height:var(--chat-mobile-row-icon-size);stroke-width:var(--chat-mobile-row-icon-stroke)}.agent-chat__input--mobile-toolbar .agent-chat__composer-footer{min-height:var(--chat-mobile-row-target-size);justify-content:space-between;gap:0;margin-bottom:0}.agent-chat__input--mobile-toolbar :is(.agent-chat__composer-lead,.agent-chat__composer-actions){gap:0}.agent-chat__input--mobile-toolbar .agent-chat__input-btn--attach{width:var(--chat-mobile-row-plus-target-size);min-width:var(--chat-mobile-row-plus-target-size);height:var(--chat-mobile-row-plus-target-size);padding:var(--chat-mobile-row-icon-padding)}.agent-chat__input--mobile-toolbar .agent-chat__attach-menu[open] .agent-chat__input-btn--attach svg{transform:rotate(-45deg)}.agent-chat__input--mobile-toolbar .context-ring,.agent-chat__input--mobile-toolbar .chat-controls__permission-trigger,.agent-chat__input--mobile-toolbar .chat-send-btn--voice{width:var(--chat-composer-control-size);min-width:var(--chat-composer-control-size);height:var(--chat-mobile-row-target-size);border-radius:var(--radius-full)}.agent-chat__input--mobile-toolbar :is(.agent-chat__input-btn--attach,.chat-controls__permission-trigger,.context-ring,.chat-controls__model-trigger,.chat-controls__effort-trigger,.chat-send-btn--voice,.chat-send-btn--stop,.chat-send-btn--send,.chat-send-btn--talk-mode){justify-content:center;align-items:center;display:inline-flex;position:relative}.agent-chat__input--mobile-toolbar .agent-chat__composer-footer svg{width:var(--chat-mobile-row-icon-size);height:var(--chat-mobile-row-icon-size)}.agent-chat__input--mobile-toolbar :where(.agent-chat__composer-footer) svg{color:var(--muted)}.agent-chat__input--mobile-toolbar .agent-chat__composer-footer .agent-chat__input-btn--attach>svg{width:var(--chat-mobile-row-plus-icon-size);height:var(--chat-mobile-row-plus-icon-size)}.agent-chat__input--mobile-toolbar .agent-chat__composer-actions{z-index:0;gap:var(--chat-mobile-row-action-gap);position:relative}.agent-chat__input--mobile-toolbar .chat-send-btn--voice{padding:var(--chat-mobile-row-icon-padding)}.agent-chat__input--mobile-toolbar .chat-send-btn--voice>svg{width:var(--chat-mobile-row-icon-size);height:var(--chat-mobile-row-icon-size);color:var(--muted);opacity:var(--chat-mobile-row-mic-opacity);stroke-width:var(--chat-mobile-row-mic-stroke)}}@container chat-conversation (height<=320px){.chat-footer{--chat-footer-max-height:calc(100cqh - clamp(24px, 12cqh, 48px))}.chat-footer:before{display:none}.chat-thread-viewport,.chat-thread{--chat-thread-padding-top:0px;--chat-thread-padding-bottom:0px}.agent-chat__input{--chat-composer-min-height:0px}.agent-chat__composer-shell{--chat-composer-top-margin:4px;--chat-composer-bottom-gap:4px;gap:4px}.agent-chat__composer-combobox>:is(textarea,input){max-height:calc(var(--chat-composer-editor-line) + 8px)}}