#chat-root,:where(.chat-sidebar,.canvas-panel){--chat-floating-panel-radius: var(--radius-lg);--chat-floating-panel-border: 1px solid var(--border-subtle);--chat-floating-panel-shadow: 0 8px 32px var(--alpha-black-40);--chat-floating-panel-backdrop: var(--glass-blur-extra);--chat-floating-panel-bottom: 24px;--chat-floating-panel-header-bg: var(--bg-primary);--chat-floating-panel-divider: 1px solid var(--border-primary);--chat-chip-muted-bg: var(--alpha-white-06);--chat-chip-active-bg: var(--alpha-white-15);--chat-icon-btn-hover-bg: var(--bg-tertiary);--chat-card-bg: var(--bg-secondary);--chat-card-border: 1px solid var(--border-primary);--chat-card-radius: var(--radius-md);--chat-code-surface-bg: var(--code-surface-bg);--chat-code-surface-border: 1px solid var(--alpha-white-08);--chat-menu-bg: var(--bg-secondary, #1b1d23);--chat-menu-border: 1px solid var(--border-primary, var(--alpha-white-12));--chat-menu-radius: var(--radius-md);--chat-menu-shadow: 0 12px 28px var(--alpha-black-45);--chat-control-transition: background var(--motion-hover), border-color var(--motion-hover), color var(--motion-hover), opacity var(--motion-hover)}:where(.chat-sidebar,.canvas-panel){display:flex;flex-direction:column;background:var(--chat-floating-panel-bg);backdrop-filter:var(--chat-floating-panel-backdrop);-webkit-backdrop-filter:var(--chat-floating-panel-backdrop);border:var(--chat-floating-panel-border);border-radius:var(--chat-floating-panel-radius);position:fixed;bottom:var(--chat-floating-panel-bottom);box-shadow:var(--chat-floating-panel-shadow);transition:var(--chat-floating-panel-transition)}:where(.chat-header,.canvas-panel-header){display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:var(--chat-floating-panel-divider);background:var(--chat-floating-panel-header-bg);border-radius:var(--chat-floating-panel-radius) var(--chat-floating-panel-radius) 0 0}:where(.chat-title,.canvas-panel-title){display:flex;align-items:center;gap:.5rem;margin:0;color:var(--text-primary);font-weight:var(--font-weight-medium)}:where(.chat-title svg,.canvas-panel-title svg){width:18px;height:18px}:where(.chat-header-actions,.canvas-panel-actions){display:flex;align-items:center;gap:var(--chat-panel-action-gap, .25rem)}:where(.chat-header-btn,.canvas-panel-btn){display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:var(--chat-control-transition)}:where(.chat-context-clear,.chat-thread-archive,.chat-thread-delete,.chat-thread-regenerate-btn,.motion-prompt-copy,.canvas-view-back,.chat-lightbox-close,.chat-lightbox-open){display:inline-flex;align-items:center;justify-content:center;min-width:var(--icon-button-size-xs);min-height:var(--icon-button-size-xs);border-radius:var(--radius-control-sm);transition:var(--chat-control-transition)}:where(.chat-tool-btn,.motion-save-btn,.chat-lightbox-action-btn){display:inline-flex;align-items:center;justify-content:center;gap:var(--control-gap-sm);border-radius:var(--radius-control-md);transition:var(--chat-control-transition)}:where(.chat-header-btn,.canvas-panel-btn):hover{background:var(--chat-icon-btn-hover-bg);color:var(--text-primary)}:where(.chat-thread-filter-chip,.chat-composer-pill){border:none;border-radius:var(--radius-pill);background:var(--chat-chip-muted-bg);cursor:pointer;font-weight:var(--font-weight-semibold);transition:var(--chat-control-transition)}:where(.chat-attachment-chip,.chat-thread-origin-badge,.chat-goal-status,.chat-inline-skill-chip,.chat-user-skill-chip,.motion-shot-type,.motion-category-badge,.dam-type-badge,.dam-tag,#chat-root .filter-chip,.chat-canvas-indicator){font-size:var(--chip-font-size);font-weight:var(--font-weight-semibold)}:where(.chat-codex-card-header,.chat-thread-list-header,.chat-tool-header,.motion-category-header,.canvas-view-header,.chat-inline-run-header,.chat-lightbox-info){display:flex;align-items:center;gap:var(--toolbar-gap-dense)}:where(.chat-markdown :not(pre)>code,.dam-card-id code,.chat-inline-run-id,.chat-ref-item code){border-radius:var(--radius-control-sm);background:var(--code-surface-bg);font-family:var(--font-mono)}:where(.chat-mode-toggle,.chat-mode-btn,.chat-runtime-banner button,.chat-thread-origin-badge,.chat-goal-status,.chat-goal-actions button,.chat-inline-skill-chip,.chat-approval-actions button,.chat-user-skill-chip,.chat-skill-token,.chat-skill-token-clear,.chat-send-btn,.chat-upload-btn,.canvas-block-copy-status,#chat-root .chat-skill-risk,#chat-root .chat-composer-option-badge){border-radius:var(--radius-pill)}:where(.chat-codex-card,.chat-option,.chat-tool-call,.motion-prompts-result,.chat-inline-run,.chat-dam-card,.canvas-list-item,.canvas-block){background:var(--chat-card-bg);border:var(--chat-card-border);border-radius:var(--chat-card-radius)}:where(.chat-codex-card pre,.chat-markdown code,.chat-code-block,.chat-tool-args,.chat-tool-img-info,.chat-lightbox-filename,.chat-lightbox-run,.chat-ref-item code,.chat-inline-run-id,.chat-inline-img-label,.canvas-block-shot-prompt,#chat-root .chat-skill-name){font-family:var(--font-mono)}:where(.chat-markdown pre,.chat-code-block){overflow-x:auto;background:var(--chat-code-surface-bg);border:var(--chat-code-surface-border)}.chat-bubble-btn{position:fixed;bottom:20px;right:20px;width:var(--target-min-touch);height:var(--target-min-touch);border-radius:50%;background:var(--accent-primary, var(--accent-secondary));color:#fff;border:none;cursor:pointer;box-shadow:0 2px 8px var(--alpha-black-30);z-index:100;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.chat-bubble-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px var(--alpha-black-40)}.chat-bubble-btn svg{width:20px;height:20px}.chat-bubble-btn.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.chat-sidebar{--chat-floating-panel-bg: var(--surface-floating-panel-strong);--chat-floating-panel-transition: transform .2s ease, opacity .2s ease;width:400px;height:500px;max-height:calc(100vh - 48px);min-height:200px;right:24px;z-index:99;font-size:var(--text-sm)}.chat-resize-handle{position:absolute;top:0;left:0;right:0;height:12px;cursor:ns-resize;border-radius:var(--chat-floating-panel-radius) var(--chat-floating-panel-radius) 0 0;z-index:10}.chat-resize-handle:after{content:"";position:absolute;top:5px;left:50%;transform:translate(-50%);width:32px;height:4px;background:var(--border-subtle);border-radius:2px;opacity:.5;transition:opacity .2s}.chat-resize-handle:hover:after{opacity:1;background:var(--text-muted)}.chat-sidebar.resizing{transition:none}.chat-sidebar.collapsed{display:none;transform:scale(.95) translateY(10px);opacity:0;pointer-events:none}.chat-sidebar:not(.collapsed)+#chat-bubble-btn{display:none;pointer-events:none}@media(max-width:1200px){.chat-sidebar{width:340px;height:450px}}@media(max-width:600px){.chat-sidebar{width:calc(100% - 8px);height:auto;max-height:none;top:max(4px,env(safe-area-inset-top));bottom:max(4px,env(safe-area-inset-bottom));right:4px;left:4px;border-radius:12px}.chat-resize-handle{display:none}.chat-bubble-btn{bottom:16px;right:16px;width:40px;height:40px}.chat-bubble-btn svg{width:18px;height:18px}}.chat-title{font-size:var(--type-body-lg-size)}.chat-title svg{color:var(--text-primary)}.chat-context-bar{display:none;align-items:center;gap:.625rem;padding:.625rem 1rem;background:var(--bg-primary);border-bottom:1px solid var(--border-primary)}.chat-context-bar.has-context{display:flex}#chat-context-thumb{width:36px;height:36px;object-fit:cover;border-radius:.5rem;box-shadow:0 1px 2px var(--alpha-black-10)}#chat-context-name{flex:1;font-size:var(--text-compact);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-context-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.375rem;border-radius:.25rem;transition:background .15s,color .15s}.chat-context-clear:hover{background:var(--error-tint-10);color:var(--color-status-error)}.chat-messages{flex:1;overflow-y:auto;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1.25rem;scrollbar-width:thin;scrollbar-color:transparent transparent}.chat-messages:hover{scrollbar-color:var(--alpha-white-20) transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.chat-messages:hover::-webkit-scrollbar-thumb{background:var(--alpha-white-20)}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--alpha-white-30)}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center;flex:1}.chat-header-main{display:flex;flex-direction:column;gap:.5rem;min-width:0}.chat-mode-toggle{display:inline-flex;gap:.25rem;padding:.2rem;background:var(--alpha-white-06)}.chat-mode-btn{border:none;background:transparent;color:var(--text-muted);padding:.25rem .7rem;font-size:var(--type-caption-lg-size);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background .15s ease,color .15s ease}.chat-mode-btn.active{background:var(--alpha-white-14);color:var(--text-primary)}.chat-runtime-banner,.chat-thread-origin-banner{display:block;padding:.65rem .9rem;border-bottom:1px solid var(--border-primary);background:var(--alpha-white-04);font-size:var(--type-caption-lg-size);line-height:var(--type-body-line-readable);color:var(--text-secondary)}.chat-runtime-banner.hidden,.chat-thread-origin-banner.hidden,.chat-attachment-tray.hidden{display:none}.chat-runtime-banner.error{background:rgba(var(--error-rgb),.12);color:var(--status-error-text)}.chat-runtime-banner.warn{background:rgba(var(--warning-rgb),.12);color:var(--status-warning-text)}.chat-runtime-banner button{margin-top:.5rem;border:none;padding:.4rem .75rem;background:var(--alpha-white-14);color:inherit;cursor:pointer}.chat-thread-filter-row{display:flex;gap:.4rem;padding:0 1rem .75rem}.chat-thread-filter-chip{padding:.35rem .75rem;color:var(--text-muted);font-size:var(--text-xs)}.chat-thread-filter-chip.active{background:var(--alpha-white-15);color:var(--text-primary)}.chat-attachment-tray{display:flex;flex-wrap:wrap;gap:.45rem;padding:0 0 .7rem}.chat-attachment-chip{display:inline-flex;align-items:center;gap:.45rem;max-width:100%;padding:.42rem .62rem;border-radius:.8rem;background:var(--alpha-white-08);color:var(--text-secondary);font-size:var(--type-caption-compact-size)}.chat-attachment-chip button{border:none;background:transparent;color:inherit;cursor:pointer;padding:0;display:inline-flex}.chat-thread-origin-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;background:var(--alpha-white-08);color:var(--text-muted);font-size:var(--type-caption-sm-size);font-weight:var(--font-weight-semibold)}.chat-thread-item-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.chat-thread-item-main{min-width:0}.chat-thread-archive{border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:.2rem}.chat-goal-panel{margin:.55rem .85rem 0;padding:.72rem .78rem;border-radius:.65rem;border:1px solid rgba(125,211,252,.22);background:#0e74901f;display:flex;flex-direction:column;gap:.48rem}.chat-goal-panel.hidden{display:none}.chat-goal-header,.chat-goal-meta,.chat-goal-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.chat-goal-title{min-width:0;flex:1;font-size:var(--type-meta-compact-size);font-weight:var(--font-weight-bold);color:var(--text-primary)}.chat-goal-status{padding:.16rem .48rem;background:var(--alpha-white-08);color:var(--text-secondary);font-size:var(--type-label-size);font-weight:var(--font-weight-bold)}.chat-goal-objective{color:var(--text-secondary);font-size:var(--text-body-xs);line-height:1.38;word-break:break-word}.chat-goal-meta{color:var(--text-muted);font-size:var(--type-caption-sm-size)}.chat-goal-actions button{border:1px solid rgba(125,211,252,.22);padding:.28rem .6rem;background:var(--alpha-white-06);color:var(--status-info-text);font-size:var(--type-caption-md-size);font-weight:var(--font-weight-strong);cursor:pointer}.chat-codex-message{display:flex;flex-direction:column;gap:.45rem}.chat-codex-bubble{max-width:88%;border-radius:1rem;padding:.72rem .82rem;line-height:var(--type-body-line-readable);word-break:break-word}.chat-codex-bubble.user{align-self:flex-end;background:rgba(var(--info-rgb),.18);color:var(--info-pastel)}.chat-codex-bubble.assistant{align-self:flex-start;background:var(--alpha-white-08);color:var(--text-primary)}.chat-codex-bubble>.chat-markdown>:first-child{margin-top:0}.chat-codex-bubble>.chat-markdown>:last-child{margin-bottom:0}.chat-codex-card{--chat-card-bg: var(--alpha-white-05);--chat-card-border: 1px solid var(--alpha-white-08);--chat-card-radius: 1rem;align-self:stretch;padding:.8rem .9rem;display:flex;flex-direction:column;gap:.55rem}.chat-codex-card-header{display:flex;justify-content:space-between;align-items:center;gap:.65rem}.chat-codex-card-title{font-size:var(--type-meta-compact-size);text-transform:uppercase;letter-spacing:var(--letter-label);color:var(--text-muted)}.chat-codex-card-status{font-size:var(--type-caption-md-size);color:var(--text-secondary)}.chat-codex-card pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:var(--text-xs);color:var(--text-secondary)}.chat-codex-list,.chat-codex-media-list{display:flex;flex-direction:column;gap:.4rem}.chat-codex-media-link{color:var(--info-pastel);text-decoration:none;word-break:break-all}.chat-markdown{font-size:var(--text-body);line-height:1.52}.chat-markdown p,.chat-markdown ul,.chat-markdown ol,.chat-markdown blockquote,.chat-markdown pre,.chat-markdown h1,.chat-markdown h2,.chat-markdown h3,.chat-markdown h4{margin:.35rem 0 .85rem}.chat-markdown h1,.chat-markdown h2,.chat-markdown h3,.chat-markdown h4{font-size:.86rem;line-height:var(--type-compact-line);font-weight:var(--font-weight-bold)}.chat-markdown ul,.chat-markdown ol{padding-left:1.15rem}.chat-markdown li+li{margin-top:.25rem}.chat-markdown a{color:var(--info-pastel);text-decoration:none}.chat-markdown a:hover{text-decoration:underline}.chat-markdown code{font-size:.8em}.chat-markdown :not(pre)>code{display:inline-block;padding:.12rem .36rem;border-radius:.38rem;background:var(--alpha-white-08);color:var(--text-light-bg)}.chat-markdown pre{--chat-code-surface-bg: rgba(8, 10, 20, .68);padding:.8rem .9rem;border-radius:.85rem}.chat-markdown pre code{display:block;white-space:pre;color:#dbe3f0}.chat-markdown blockquote{padding-left:.8rem;border-left:2px solid rgba(var(--info-pastel-rgb),.35);color:var(--text-secondary)}.chat-inline-skill-chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(var(--accent-light-rgb),.35);padding:.2rem .52rem;background:rgba(var(--accent-light-rgb),.16);color:#ddd6fe;font-size:var(--type-caption-lg-size);font-weight:var(--font-weight-strong);text-decoration:none;cursor:pointer;vertical-align:middle}.chat-inline-skill-chip svg{width:12px;height:12px}.chat-approval-actions{display:flex;flex-wrap:wrap;gap:.45rem}.chat-approval-actions button{border:none;padding:.42rem .75rem;cursor:pointer;font-size:var(--type-caption-lg-size);font-weight:var(--font-weight-semibold)}.chat-approval-approve{background:rgba(var(--success-bright-rgb),.18);color:var(--status-success-text)}.chat-approval-deny{background:rgba(var(--error-rgb),.18);color:var(--status-error-text)}.chat-approval-session{background:rgba(var(--warning-vivid-rgb),.18);color:var(--status-warning-text)}.chat-approval-helper{font-size:var(--type-label-size);color:var(--text-muted)}.chat-codex-empty{padding:1.2rem .6rem;text-align:center;color:var(--text-muted);font-size:var(--text-compact)}@media(max-width:600px){.chat-header{align-items:flex-start;gap:.75rem}.chat-header-main{flex:1}.chat-codex-bubble{max-width:100%}}.chat-welcome p{color:var(--text-secondary);font-size:var(--text-body-lg);line-height:var(--line-normal);margin:0 0 .75rem}.chat-welcome .chat-hint{font-size:var(--text-compact);color:var(--text-muted);padding:.625rem 1rem;background:var(--bg-tertiary);border-radius:.75rem;margin-top:.5rem}.chat-welcome-title{font-size:var(--type-title-md-size);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:1rem}.chat-welcome-section{margin-bottom:1rem;width:100%}.chat-welcome-label{display:block;font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--letter-label-mid);margin-bottom:.5rem}.chat-welcome-examples{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.chat-welcome-examples button{padding:.625rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:1rem;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .15s}.chat-welcome-examples button:hover{background:var(--color-surface-hover);border-color:var(--color-border-light);color:var(--text-primary)}.chat-welcome-hint{margin-top:1rem;padding:.625rem 1rem;background:var(--bg-tertiary);border-radius:.75rem;font-size:var(--text-compact);color:var(--text-muted)}.chat-options{display:flex;flex-direction:column;gap:.625rem;margin-top:.75rem}.chat-option{--chat-card-bg: var(--bg-primary);--chat-card-radius: .75rem;padding:.875rem 1rem;transition:border-color .15s,box-shadow .15s}.chat-option:hover{border-color:var(--text-secondary)}.chat-option-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.chat-option-num{font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--text-primary);background:var(--bg-tertiary);padding:.1875rem .5rem;border-radius:.25rem;letter-spacing:var(--letter-ui-compact)}.chat-option-title{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--text-sm)}.chat-option-prompt{font-size:var(--text-compact);color:var(--text-secondary);line-height:var(--type-body-line-note);margin-bottom:.75rem;padding:.625rem .75rem;background:var(--bg-tertiary);border-radius:.5rem}.chat-option-actions{display:flex;gap:.375rem}.chat-option-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .75rem;background:transparent;border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-secondary);font-size:var(--text-compact);cursor:pointer;transition:all .15s}.chat-option-btn:hover{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.chat-option-btn svg{width:14px;height:14px}.chat-option-copy{padding:.4375rem .5rem}.chat-message{max-width:100%;padding:0;position:relative}.chat-message-user{align-self:flex-end;max-width:85%}.chat-message-assistant,.chat-message-error{align-self:flex-start}.chat-message-content{line-height:var(--type-body-line-loose);font-size:var(--text-body-lg);color:var(--text-primary);display:block}.chat-message-user .chat-message-content{background:var(--bg-tertiary);padding:.75rem 1rem;border-radius:1.5rem}.chat-user-skill-chip{display:inline-flex;align-items:center;padding:.12rem .48rem;margin-right:.35rem;font-size:var(--type-caption-compact-size);font-weight:var(--font-weight-strong);line-height:var(--line-extra-tight);color:#6f3af2;border:1px solid rgba(111,58,242,.25);background:#6f3af224;vertical-align:baseline}.chat-message-assistant .chat-message-content,.chat-message-error .chat-message-content{padding:0}.chat-message-error .chat-message-content{color:var(--error-pastel-strong)}.chat-thoughts{font-style:italic;color:var(--text-muted);font-size:var(--text-compact);padding:.5rem .75rem;background:var(--bg-tertiary);border-left:2px solid var(--color-border-light);border-radius:.25rem;margin-bottom:.75rem;line-height:var(--line-normal)}.chat-code-block{--chat-code-surface-bg: var(--surface-code-block);--chat-code-surface-border: 1px solid var(--alpha-white-06);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);padding:1rem;border-radius:.5rem;font-size:var(--text-compact);margin:.75rem 0;white-space:pre-wrap;color:#d4d4d4}.chat-message-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .15s}.chat-message-assistant:hover .chat-message-actions{opacity:1}.chat-copy-btn,.chat-regen-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);padding:.375rem;border-radius:.375rem;cursor:pointer;transition:opacity .15s,background .15s;color:var(--text-secondary)}.chat-copy-btn svg,.chat-regen-btn svg{width:14px;height:14px}.chat-copy-btn:hover,.chat-regen-btn:hover{background:var(--color-surface-hover);color:var(--text-primary)}.chat-empty-response{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--error-tint-10);border-radius:var(--radius-md);border:1px solid var(--error-tint-20)}.chat-empty-message{color:var(--text-muted);font-size:var(--text-body)}.chat-tool-recovery{display:flex;gap:.5rem;margin-top:.5rem}.tool-skipped{color:var(--text-muted);font-style:italic}.chat-stream-interrupted{display:flex;align-items:center;gap:1rem;margin-top:.75rem;padding:.5rem .75rem;background:var(--warning-tint-20);border-radius:var(--radius-md);border:1px solid var(--warning-tint-20)}.chat-interrupted-message{display:flex;align-items:center;gap:.5rem;color:var(--warning, var(--color-status-warning));font-size:var(--text-body-sm)}.chat-interrupted-message i{width:14px;height:14px}.chat-input-container{display:flex;flex-direction:column;gap:0;padding:.65rem .9rem .9rem;border-top:none;background:var(--bg-primary);position:relative}.chat-input-wrapper{display:flex;flex-direction:column;gap:.4rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:1.75rem;padding:.5rem .5rem .45rem .75rem;transition:border-color .2s;position:relative}.chat-input-row{display:flex;align-items:flex-end;gap:.25rem;width:100%}.chat-skill-token{display:inline-flex;align-items:center;gap:.3rem;max-width:52%;padding:.24rem .5rem;margin:0 .25rem .12rem 0;border:1px solid var(--alpha-white-15);background:var(--alpha-white-08);color:var(--text-primary);font-size:var(--type-caption-md-size);line-height:var(--line-none);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.chat-skill-token.hidden{display:none}.chat-skill-token-clear{border:none;background:transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;cursor:pointer;padding:0;flex-shrink:0}.chat-skill-token-clear:hover{color:var(--text-primary);background:var(--alpha-white-12)}.chat-skill-token-clear svg{width:12px;height:12px}.chat-input-wrapper:focus-within{border-color:var(--color-border-light);box-shadow:var(--focus-ring-shadow)}.chat-input{flex:1;min-height:24px;max-height:200px;resize:none;border:none;background:transparent;color:var(--text-primary);padding:.32rem .45rem .32rem .28rem;font-family:inherit;font-size:var(--type-body-md-size);line-height:var(--type-body-line-compact)}.chat-input:focus{outline:none}.chat-input::placeholder{color:var(--text-muted)}.chat-input-toolbar{display:flex;align-items:center;gap:.32rem;min-height:26px;padding:0 .1rem 0 0}.chat-composer-pill{display:inline-flex;align-items:center;gap:.35rem;min-height:var(--target-min-dense);padding:.22rem .58rem;color:var(--text-secondary);font-size:var(--type-caption-md-size)}.chat-composer-pill:hover,.chat-composer-pill.active{background:var(--alpha-white-12);color:var(--text-primary)}.chat-composer-pill svg{width:14px;height:14px}.chat-send-btn{background:var(--text-primary);color:var(--bg-primary);border:none;width:31px;height:31px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,opacity .15s}.chat-send-btn:hover{opacity:.85}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.chat-send-btn svg{width:16px;height:16px}.chat-input-actions{display:flex;gap:.25rem;align-items:center}.chat-upload-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;cursor:pointer;transition:background .15s,color .15s;color:var(--text-muted);margin-left:-.12rem;flex-shrink:0}.chat-upload-btn:hover{background:var(--color-surface-hover);color:var(--text-primary)}.chat-upload-btn svg{width:16px;height:16px}.chat-sidebar.drag-over{outline:2px dashed var(--primary);outline-offset:-4px}.chat-header-actions{--chat-panel-action-gap: .5rem}.chat-header-btn{width:32px;height:32px;padding:0;border-radius:.5rem;color:var(--text-secondary)}.chat-header-btn svg{width:18px;height:18px}.chat-thread-list{max-height:320px;overflow:hidden;padding:0;display:flex;flex-direction:column;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);scrollbar-width:thin;scrollbar-color:transparent transparent}.chat-thread-list:hover{scrollbar-color:var(--alpha-white-20) transparent}.chat-thread-list::-webkit-scrollbar{width:6px}.chat-thread-list::-webkit-scrollbar-track{background:transparent}.chat-thread-list::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.chat-thread-list:hover::-webkit-scrollbar-thumb{background:var(--alpha-white-20)}.chat-thread-list.hidden{display:none}.chat-thread-item{padding:.625rem .75rem;cursor:pointer;border-radius:.5rem;position:relative;margin-bottom:2px;transition:background .15s ease}.chat-thread-item:hover,.chat-thread-item.active{background:var(--bg-tertiary)}.chat-thread-title{font-weight:var(--font-weight-regular);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:28px;color:var(--text-primary)}.chat-thread-preview{display:none}.chat-thread-item.search-result .chat-thread-preview{display:block;font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px;line-height:var(--type-body-line-compact);white-space:pre-wrap;word-break:break-word}.chat-thread-meta{position:absolute;top:.625rem;right:2rem;font-size:var(--type-micro-size);color:var(--text-muted)}.chat-thread-delete{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;opacity:0;transition:opacity .15s,color .15s;border-radius:.25rem}.chat-thread-item:hover .chat-thread-delete{opacity:1}.chat-thread-delete:hover{color:var(--color-status-error);background:var(--error-tint-10)}.chat-thread-delete svg{width:14px;height:14px}.chat-thread-list-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--border-primary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--letter-ui-loose)}.chat-thread-regenerate-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s}.chat-thread-regenerate-btn:hover{background:var(--bg-secondary);color:var(--color-accent-primary)}.chat-thread-regenerate-btn:disabled{opacity:.5;cursor:not-allowed}.chat-thread-regenerate-btn svg{width:14px;height:14px}.chat-thread-regenerate-btn .spin{animation:spin 1s linear infinite}.chat-thread-search-input{flex:1;max-width:100px;height:22px;padding:0 8px;margin:0 8px;border:1px solid var(--border-primary);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:var(--type-caption-sm-size);outline:none;transition:border-color .15s,max-width .2s}.chat-thread-search-input:focus{border-color:var(--color-accent-primary);max-width:140px}.chat-thread-search-input::placeholder{color:var(--text-muted)}.search-highlight{background:rgba(var(--info-rgb),.4);color:var(--text-primary);border-radius:2px;padding:0 1px}.chat-thread-items{flex:1;min-height:0;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:.5rem}.chat-sidebar.chat-thread-list-open .chat-thread-list{flex:1;max-height:none;border-bottom:none}.chat-sidebar.chat-thread-list-open .chat-context-bar,.chat-sidebar.chat-thread-list-open .chat-messages{display:none}.chat-sidebar.chat-thread-list-open .chat-input-container{border-top:1px solid var(--border-primary)}.chat-thread-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:var(--text-body-sm)}.chat-attachment{margin-bottom:.5rem;position:relative;display:inline-block}.chat-attachment-img{max-width:200px;max-height:160px;border-radius:1rem;cursor:pointer;transition:opacity .15s}.chat-attachment-img:hover{opacity:.9}.chat-message-loading{align-self:flex-start;padding:0;min-height:24px}.chat-loading-dots{display:flex;align-items:center;gap:5px;margin-left:1px}.chat-loading-dots span{width:8px;height:8px;background:var(--text-secondary);border-radius:50%;animation:chatPulse 1.4s infinite ease-in-out both}.chat-loading-dots span:nth-child(1){animation-delay:-.32s}.chat-loading-dots span:nth-child(2){animation-delay:-.16s}.chat-loading-dots span:nth-child(3){animation-delay:0s}.chat-loading-content{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.chat-loading-message{color:var(--text-muted);font-size:var(--text-body-sm);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes chatPulse{0%,80%,to{transform:scale(.5);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-typing-cursor{display:inline-block;width:2px;height:1em;background:var(--text-primary);margin-left:2px;vertical-align:text-bottom;animation:chatCursorBlink .8s infinite}@keyframes chatCursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.chat-tool-call{margin:.75rem 0;padding:.75rem}.chat-tool-auto{margin:.5rem 0;padding:.5rem .75rem;font-size:var(--text-body-sm);color:var(--text-muted);display:flex;align-items:center;gap:.5rem}.chat-tool-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.chat-tool-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-body);transition:background .15s}.chat-tool-btn:hover:not(:disabled){background:var(--color-accent-secondary)}.chat-tool-btn:disabled{opacity:.7;cursor:wait}.chat-tool-btn i{width:16px;height:16px}.chat-tool-btn-secondary{display:inline-flex;align-items:center;gap:4px;padding:.5rem .75rem;background:transparent;color:var(--text-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-body-xs);transition:all .15s}.chat-tool-btn-secondary:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--color-border-light)}.chat-tool-btn-secondary i{width:14px;height:14px}.chat-tool-args{font-size:var(--text-body-xs);color:var(--text-muted)}.chat-tool-prompt{margin-top:.5rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-body-sm);color:var(--text-secondary);line-height:var(--line-normal);font-style:italic;border-left:3px solid var(--primary)}.chat-tool-model,.chat-tool-num-images{padding:.4rem .6rem;border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-body-sm);cursor:pointer}.chat-tool-model:focus,.chat-tool-num-images:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring-shadow)}.chat-tool-status{margin-top:.5rem;font-size:var(--text-body-sm);display:flex;align-items:center;gap:.5rem}.tool-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--text-muted);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.tool-success{color:var(--success, var(--success-bright))}.tool-error{color:var(--error, var(--color-status-error))}.tool-history-note{color:var(--text-muted);font-size:var(--text-xs);font-style:italic}.chat-tool-model-label{padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary)}.chat-tool-label{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:var(--text-body-sm)}.chat-tool-label i{width:14px;height:14px}.chat-tool-results{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.chat-tool-meta{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:.5rem}.chat-tool-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.chat-tool-img-wrap{position:relative;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-tertiary);max-width:140px}.chat-tool-img{display:block;width:100%;height:auto;cursor:pointer;transition:filter .2s}.chat-tool-img:hover{filter:brightness(1.1)}.chat-tool-img-info{padding:.5rem .6rem;background:var(--bg-tertiary);font-size:var(--type-caption-sm-size);color:var(--text-muted);border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;gap:.5rem}.chat-tool-img-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-tool-video{max-width:300px;border-radius:var(--radius-md);border:1px solid var(--border-primary);margin-top:.5rem}.chat-tool-run-results{margin-bottom:.75rem}.chat-tool-run-header{font-size:var(--type-caption-sm-size);color:var(--text-muted);margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}.chat-tool-run-header .run-model{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.chat-tool-run-separator{height:1px;background:var(--border-primary);margin:.75rem 0}.motion-prompts-result{--chat-card-bg: var(--bg-tertiary);--chat-card-radius: .5rem;padding:.75rem}.motion-analysis{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-primary)}.motion-shot-type{font-size:var(--type-micro-size);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--accent-primary);background:var(--selection-tint);padding:.2rem .5rem;border-radius:.25rem;white-space:nowrap}.motion-scene{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--type-body-line-compact)}.motion-prompts-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.motion-prompt-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background:var(--bg-secondary);border-radius:.375rem;border:1px solid var(--color-border-light)}.motion-prompt-num{font-size:var(--type-micro-size);font-weight:var(--font-weight-semibold);color:var(--text-muted);background:var(--bg-tertiary);padding:.15rem .4rem;border-radius:.25rem;min-width:1.25rem;text-align:center}.motion-prompt-text{flex:1;font-size:var(--text-xs);color:var(--text-primary);line-height:var(--line-normal)}.motion-prompt-copy{background:none;border:none;padding:.25rem;color:var(--text-muted);cursor:pointer;border-radius:.25rem;opacity:.6;transition:opacity .2s,color .2s}.motion-prompt-copy:hover{opacity:1;color:var(--text-primary)}.motion-prompt-copy i{width:14px;height:14px}.motion-prompts-actions{display:flex;justify-content:flex-end;gap:.5rem}.motion-save-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--bg-primary);background:var(--accent-primary);border:none;border-radius:.375rem;cursor:pointer;transition:background .2s,transform .1s}.motion-save-btn:hover:not(:disabled){background:var(--color-accent-secondary);transform:translateY(-1px)}.motion-save-btn:disabled{opacity:.7;cursor:not-allowed}.motion-save-btn.saved{background:var(--success);cursor:default}.motion-save-btn i{width:14px;height:14px}.motion-story-potential{font-size:var(--text-xs);color:var(--text-secondary);padding:.5rem;background:var(--bg-secondary);border-radius:.375rem;margin-bottom:.75rem;font-style:italic}.motion-category{margin-bottom:.75rem;border:1px solid var(--border-primary);border-radius:.5rem;overflow:hidden}.motion-category-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);background:var(--bg-secondary)}.motion-category-header i{width:14px;height:14px}.motion-category-header.camera-only{color:var(--success)}.motion-category-header.add-action{color:var(--warning)}.motion-category-header.add-character{color:var(--accent-primary)}.motion-category-badge{font-size:var(--type-micro-xs-size);font-weight:var(--font-weight-semibold);text-transform:uppercase;padding:.15rem .4rem;border-radius:.25rem;margin-left:auto}.motion-category-badge.safe{background:var(--success-bright-tint-20);color:var(--success)}.motion-category-badge.medium{background:rgba(var(--warning-yellow-rgb),.2);color:var(--warning)}.motion-category-badge.bold{background:var(--selection-tint);color:var(--accent-primary)}.motion-category-warning{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:var(--type-caption-sm-size);color:var(--warning);background:rgba(var(--warning-yellow-rgb),.1);border-bottom:1px solid var(--border-primary)}.motion-category-warning i{width:12px;height:12px;flex-shrink:0}.motion-category .motion-prompts-list{padding:.5rem;margin:0}.chat-lightbox{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.chat-lightbox-overlay{position:absolute;inset:0;background:var(--alpha-black-90);cursor:pointer}.chat-lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.chat-lightbox-content img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 8px 32px var(--alpha-black-50)}.chat-lightbox-info{margin-top:1rem;display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:var(--text-body-sm);flex-wrap:wrap;justify-content:center}.chat-lightbox-sep{color:var(--text-muted);opacity:.5}.chat-lightbox-filename{font-size:var(--text-body-xs)}.chat-lightbox-model{color:var(--primary)}.chat-lightbox-run{color:var(--text-muted);font-size:var(--text-xs)}.chat-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--alpha-black-50);border:none;color:#fff;cursor:pointer;padding:1rem .75rem;opacity:.7;transition:opacity .15s,background .15s;border-radius:var(--radius-md)}.chat-lightbox-nav:hover{opacity:1;background:var(--alpha-black-80)}.chat-lightbox-prev{left:-4rem}.chat-lightbox-next{right:-4rem}.chat-lightbox-count{background:var(--bg-tertiary);padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:var(--text-xs)}.chat-lightbox-close{position:absolute;top:-2.5rem;right:0;background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;opacity:.7;transition:opacity .15s}.chat-lightbox-close:hover{opacity:1}.chat-lightbox-open{position:absolute;top:-2.5rem;right:2.5rem;color:#fff;padding:.5rem;opacity:.7;transition:opacity .15s}.chat-lightbox-open:hover{opacity:1}.chat-lightbox-actions{position:absolute;bottom:-3rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.chat-lightbox-action-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-body-sm);transition:background .15s}.chat-lightbox-action-btn:hover{background:var(--color-accent-secondary)}.chat-lightbox-action-btn i{width:16px;height:16px}.chat-ref-item{display:inline-block;padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xs)}@keyframes spin{to{transform:rotate(360deg)}}.chat-inline-runs{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem;max-width:100%}.chat-inline-run{--chat-card-bg: var(--bg-tertiary);padding:.5rem}.chat-inline-run-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:var(--text-xs)}.chat-inline-run-id{background:var(--bg-secondary);padding:.15rem .4rem;border-radius:var(--radius-sm);color:var(--primary)}.chat-inline-run-model{color:var(--text-muted)}.chat-inline-run-count{color:var(--text-muted);margin-left:auto}.chat-inline-images{display:flex;flex-wrap:wrap;gap:.5rem}.chat-inline-img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;transition:transform .15s,box-shadow .15s;border:1px solid var(--border-primary)}.chat-inline-img:hover{transform:scale(1.05);box-shadow:0 4px 12px var(--alpha-black-30)}.chat-inline-more{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);border:1px solid var(--border-primary)}.chat-dam-results{margin-top:.5rem}.chat-dam-count{font-size:var(--text-body-xs);color:var(--text-muted);margin-bottom:.5rem}.chat-dam-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.chat-dam-thumb{aspect-ratio:1;cursor:pointer;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;transition:border-color .15s,transform .15s}.chat-dam-thumb:hover{border-color:var(--accent-primary);transform:scale(1.02)}.chat-dam-thumb img{width:100%;height:100%;object-fit:cover}.chat-dam-no-results{color:var(--text-muted);font-style:italic;padding:.5rem 0}.chat-dam-view-all{color:var(--accent-primary);text-decoration:none;margin-left:.5rem;font-weight:var(--font-weight-medium)}.chat-dam-view-all:hover{text-decoration:underline}.chat-dam-grid-enhanced{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.chat-dam-card{--chat-card-bg: var(--bg-tertiary);display:flex;flex-direction:column;overflow:hidden;--chat-card-border: 1px solid var(--border-light);transition:border-color .15s,box-shadow .15s}.chat-dam-card:hover{border-color:var(--accent-primary);box-shadow:0 2px 8px var(--alpha-black-20)}.chat-dam-card .chat-dam-thumb{aspect-ratio:1;position:relative;border-radius:0;border:none;overflow:hidden}.dam-type-badges{position:absolute;top:4px;right:4px;display:flex;gap:2px}.dam-type-badge{font-size:var(--type-micro-xs-size);padding:2px 4px;border-radius:3px;font-weight:var(--font-weight-semibold);text-transform:uppercase}.dam-type-badge.style{background:rgba(var(--accent-primary-rgb),.9);color:#fff}.dam-type-badge.context{background:rgba(var(--success-bright-rgb),.9);color:#fff}.dam-card-info{padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.dam-card-id{display:flex;align-items:center;gap:.25rem;cursor:pointer}.dam-card-id code{font-size:var(--type-micro-size);color:var(--text-muted);background:var(--bg-secondary);padding:2px 4px;border-radius:3px;flex:1;overflow:hidden;text-overflow:ellipsis}.dam-card-id:hover code{color:var(--accent-primary)}.dam-copy-icon{width:12px;height:12px;color:var(--text-muted);opacity:.5}.dam-card-id:hover .dam-copy-icon{opacity:1;color:var(--accent-primary)}.dam-card-tags{display:flex;flex-wrap:wrap;gap:3px}.dam-tag{font-size:var(--type-micro-xs-size);padding:1px 4px;background:var(--bg-secondary);border-radius:3px;color:var(--text-secondary)}.chat-dam-no-results{padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.no-results-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:.5rem}.no-results-tip{font-size:var(--text-body-xs);color:var(--accent-primary);margin-bottom:.75rem;line-height:var(--type-body-line-compact)}.no-results-filters{display:flex;flex-direction:column;gap:.5rem}.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.filter-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-weight-medium);margin-right:.25rem}.chat-message-content .filter-chip{font-size:var(--type-caption-sm-size);padding:2px 6px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.chat-message-content .filter-chip:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.chat-inline-images-full{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.chat-inline-img-wrap{display:flex;flex-direction:column;gap:.25rem}.chat-inline-img-wrap .chat-inline-img{width:120px;height:120px}.chat-inline-img-label{font-size:var(--type-micro-size);color:var(--text-muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-inline-video{max-width:200px;border-radius:var(--radius-md);border:1px solid var(--border-primary)}.chat-inline-favorites{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.chat-inline-fav-slot{position:relative}.chat-inline-fav-badge{position:absolute;top:4px;left:4px;background:var(--primary);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--type-caption-sm-size);font-weight:var(--font-weight-semibold);z-index:1;box-shadow:0 2px 4px var(--alpha-black-30)}.chat-inline-fav-slot .chat-inline-img{width:100px;height:100px}.chat-inline-search-results{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.chat-inline-search-item{position:relative;border-radius:var(--radius-sm);overflow:hidden}.chat-inline-search-item .chat-inline-img{width:100px;height:100px}.chat-inline-search-item .chat-inline-video{width:140px;max-width:140px}.chat-inline-search-badge{position:absolute;top:4px;left:4px;background:var(--overlay-scrim-bg);color:#fff;padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--type-micro-xs-size);font-weight:var(--font-weight-medium);z-index:1;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-inline-search-item.search-approved{box-shadow:0 0 0 2px var(--success)}.chat-inline-search-item.search-rejected{opacity:.5}.canvas-panel{--chat-floating-panel-bg: rgba(var(--overlay-panel-rgb), .9);--chat-floating-panel-transition: transform .25s ease, opacity .25s ease;width:380px;height:calc(100vh - 80px);max-height:700px;right:440px;z-index:98}.canvas-panel.hidden{transform:translate(20px);opacity:0;pointer-events:none}.canvas-panel-title{font-size:var(--text-md)}.canvas-panel-title svg{color:var(--primary)}.canvas-panel-btn{padding:.375rem;border-radius:var(--radius-sm);--chat-icon-btn-hover-bg: var(--bg-secondary)}.canvas-panel-btn svg{width:16px;height:16px}.canvas-panel-content{flex:1;overflow-y:auto;padding:1rem}.canvas-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;color:var(--text-muted);text-align:center}.canvas-panel-empty svg{width:48px;height:48px;opacity:.5}.canvas-panel-empty p{margin:0;font-size:var(--text-body)}.canvas-panel-footer{padding:.75rem 1rem;border-top:1px solid var(--border-primary);display:flex;justify-content:center}.canvas-load-context-btn{width:100%;justify-content:center}.canvas-load-context-btn:disabled{opacity:.5;cursor:not-allowed}.canvas-list{display:flex;flex-direction:column;gap:.5rem}.canvas-list-item{--chat-card-bg: var(--bg-secondary);display:flex;flex-direction:column;gap:.25rem;padding:.75rem;cursor:pointer;transition:background .15s,border-color .15s}.canvas-list-item:hover{background:var(--bg-tertiary);border-color:var(--primary)}.canvas-list-title{font-weight:var(--font-weight-medium);color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.canvas-list-title svg{width:14px;height:14px;color:var(--primary)}.canvas-list-meta{font-size:var(--text-xs);color:var(--text-muted)}.canvas-list-empty{text-align:center;color:var(--text-muted);padding:2rem}.canvas-view-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-primary)}.canvas-view-back{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center}.canvas-view-back:hover{color:var(--text-primary)}.canvas-view-title{font-weight:var(--font-weight-semibold);font-size:var(--text-md);color:var(--text-primary);margin:0}.canvas-blocks{display:flex;flex-direction:column;gap:.75rem}.canvas-block{--chat-card-bg: var(--bg-secondary);padding:.75rem}.canvas-block-text{color:var(--text-primary);font-size:var(--text-body);line-height:var(--line-normal)}.canvas-block-heading{font-weight:var(--font-weight-semibold);font-size:1.1rem;color:var(--text-primary);border-left:3px solid var(--primary);padding-left:.75rem}.canvas-block-image{padding:0;overflow:hidden}.canvas-block-image img{width:100%;height:auto;display:block;cursor:pointer;transition:transform .2s}.canvas-block-image img:hover{transform:scale(1.02)}.canvas-block-image-info{padding:.5rem .75rem;background:var(--bg-tertiary);font-size:var(--text-xs);color:var(--text-muted)}.canvas-block-image-caption{color:var(--text-primary);margin-bottom:.25rem}.canvas-block-video{padding:0;overflow:hidden}.canvas-block-video video{width:100%;display:block}.canvas-block-copy{position:relative}.canvas-block-copy-text{font-size:var(--text-md);color:var(--text-primary);font-style:italic;line-height:var(--line-normal)}.canvas-block-copy-status{display:inline-block;margin-top:.5rem;padding:.125rem .5rem;font-size:var(--type-micro-size);font-weight:var(--font-weight-semibold);text-transform:uppercase}.canvas-block-copy-status.draft{background:var(--bg-tertiary);color:var(--text-muted)}.canvas-block-copy-status.approved{background:var(--success-bright-tint-20);color:var(--success)}.canvas-block-copy-status.rejected{background:var(--error-tint-20);color:var(--error)}.canvas-block-shot{border-left:3px solid var(--warning)}.canvas-block-shot-desc{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:.25rem}.canvas-block-shot-prompt{font-size:var(--text-body-xs);color:var(--text-muted)}.chat-canvas-indicator{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--info-tint-15);border:1px solid var(--info-tint-30);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--primary);cursor:pointer;transition:background .15s;margin-top:.5rem}.chat-canvas-indicator:hover{background:rgba(var(--info-rgb),.25)}.chat-canvas-indicator svg{width:12px;height:12px}.chat-canvas-context-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--text-primary);cursor:pointer;transition:background .15s,border-color .15s;margin-top:.75rem}.chat-canvas-context-link:hover{background:var(--bg-secondary);border-color:var(--primary)}.chat-canvas-context-link svg{width:16px;height:16px;color:var(--primary)}@media(max-width:900px){.canvas-panel{right:24px;width:calc(100% - 48px);max-width:380px}}#chat-root{position:fixed;right:0;bottom:0;z-index:1000;pointer-events:none}#chat-root #chat-sidebar,#chat-root #chat-bubble-btn,#chat-root #chat-lightbox,#chat-root .chat-skill-menu,#chat-root .chat-composer-menu{pointer-events:auto}.chat-shell-error{position:fixed;right:1rem;bottom:1rem;background:var(--alpha-black-85);color:var(--text-primary);padding:.65rem .8rem;border-radius:8px;font-size:var(--text-body-sm)}#chat-root .chat-skill-menu,#chat-root .chat-composer-menu{margin-top:.5rem;border:var(--chat-menu-border);border-radius:var(--chat-menu-radius);background:var(--chat-menu-bg);max-height:260px;overflow-y:auto;box-shadow:var(--chat-menu-shadow);position:absolute;left:1rem;right:1rem;bottom:calc(100% + .45rem);margin-top:0;z-index:1100}#chat-root .chat-skill-menu.hidden,#chat-root .chat-composer-menu.hidden{display:none}#chat-root .chat-skill-item,#chat-root .chat-composer-option{all:unset;box-sizing:border-box;display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.46rem .66rem;border-bottom:1px solid var(--alpha-white-06);color:var(--text-primary, #eceff5);cursor:pointer;font-size:var(--type-caption-lg-size);line-height:1.18}#chat-root .chat-skill-item:last-child,#chat-root .chat-composer-option:last-child{border-bottom:0}#chat-root .chat-skill-item:hover,#chat-root .chat-skill-item.selected,#chat-root .chat-composer-option:hover,#chat-root .chat-composer-option.selected{background:var(--alpha-white-08)}#chat-root .chat-skill-item-main,#chat-root .chat-composer-option-main{display:flex;min-width:0;flex-direction:column;gap:.2rem}#chat-root .chat-skill-name{font-weight:var(--font-weight-bold);letter-spacing:var(--letter-ui)}#chat-root .chat-skill-risk{font-size:var(--type-badge-sm-size);font-family:var(--font-ui);color:#ffcc78;text-transform:uppercase;letter-spacing:var(--letter-label-tight);padding:.1rem .35rem;border:1px solid rgba(255,204,120,.35)}#chat-root .chat-skill-meta,#chat-root .chat-composer-option-meta{font-size:var(--type-label-size);line-height:var(--type-compact-line);color:var(--text-muted, var(--text-secondary))}#chat-root .chat-composer-option-title{font-weight:var(--font-weight-bold);color:var(--text-primary, #eceff5)}#chat-root .chat-composer-option-badge{flex-shrink:0;align-self:center;padding:.18rem .46rem;background:var(--alpha-white-08);color:var(--text-muted, var(--text-secondary));font-size:var(--type-label-size);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-label-mid)}#chat-root .chat-skill-empty{padding:.7rem;color:var(--text-muted, var(--text-secondary));font-size:var(--type-meta-compact-size)}@media(max-width:600px){.chat-input-container{padding:.65rem .75rem calc(.75rem + env(safe-area-inset-bottom))}#chat-root .chat-skill-menu,#chat-root .chat-composer-menu{left:.75rem;right:.75rem;bottom:calc(100% + .35rem);max-height:min(42dvh,340px)}.chat-thread-list{max-height:min(44dvh,360px)}.chat-sidebar.chat-thread-list-open .chat-thread-list{max-height:none}}.chat-attachments{display:grid;gap:.45rem;margin-top:.45rem}.chat-attachment{border:1px solid var(--alpha-white-12);border-radius:8px;overflow:hidden;background:rgba(var(--black-rgb),.16)}.chat-attachment-img,.chat-attachment-video-el{width:100%;height:auto;display:block;max-height:320px;object-fit:cover}.chat-attachment-audio-el{width:100%;display:block}.chat-attachment-caption{padding:.35rem .5rem;font-size:var(--text-xs);color:var(--text-secondary, #adb7c6)}.chat-attachment-file a{display:block;padding:.5rem .6rem;color:var(--color-accent-primary);text-decoration:none;font-size:var(--text-body-xs)}.chat-attachment-file a:hover{text-decoration:underline}
