.chat-composer{gap:var(--space-2);flex-direction:column;width:100%;display:flex;position:relative}.chat-composer__row{align-items:center;gap:var(--space-2);display:flex}.chat-composer__input{min-width:0;height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-form-value);font-family:var(--font-family);font-size:var(--text-base);transition:border-color var(--transition-fast);outline:none;flex:1}.chat-composer__input:focus{border-color:var(--color-border-focus)}.chat-composer__input:disabled{background:var(--color-surface-hover);color:var(--color-text-disabled)}.chat-attach-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chat-attach-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-brand);border-color:var(--color-input-border-hover)}.chat-attach-btn:disabled{opacity:.5;cursor:not-allowed}.chat-composer__hint{font-size:var(--text-xs);color:var(--color-text-secondary);padding-left:calc(40px + var(--space-2))}.chat-composer--drag .chat-composer__input,.chat-composer--drag .chat-attach-btn{border-color:var(--color-brand)}.chat-composer__drop{border:2px dashed var(--color-brand);border-radius:var(--radius-md);background:var(--color-brand-tint);color:var(--color-text-brand);font-weight:var(--font-semibold);font-size:var(--text-base);pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chat-preview{gap:var(--space-1);flex-direction:column;display:flex}.chat-preview__error{color:var(--color-danger-text);font-size:var(--text-sm)}.chat-preview-strip{gap:var(--space-2);flex-wrap:wrap;display:flex}.chat-preview-item{align-items:center;gap:var(--space-2);max-width:220px;padding:var(--space-1) var(--space-5) var(--space-1) var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex;position:relative}.chat-preview-item--error{border-color:var(--color-danger-border);background:var(--color-danger-bg)}.chat-preview-item__open{align-items:center;gap:var(--space-2);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;min-width:0;padding:0;display:flex}.chat-preview-thumb{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:36px;height:36px}.chat-preview-icon{border-radius:var(--radius-sm);background:var(--color-surface-hover);width:36px;height:36px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chat-preview-meta{flex-direction:column;min-width:0;display:flex}.chat-preview-name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-preview-sub{font-size:var(--text-xs);color:var(--color-text-secondary)}.chat-preview-item--error .chat-preview-sub{color:var(--color-danger-text)}.chat-preview-remove{background:var(--color-surface-hover);width:18px;height:18px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex;position:absolute;top:2px;right:2px}.chat-preview-remove:hover{background:var(--color-danger);color:#fff}.chat-preview-spinner{border:2px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite chat-spin}@keyframes chat-spin{to{transform:rotate(360deg)}}.chat-attachments{gap:var(--space-2);margin-top:var(--space-1);flex-direction:column;display:flex}.chat-attachments__images{gap:var(--space-2);flex-wrap:wrap;display:flex}.chat-attachment-image{border:1px solid var(--color-border);border-radius:var(--radius-md);line-height:0;position:relative;overflow:hidden}.chat-attachment-image__open{cursor:pointer;background:0 0;border:none;padding:0;line-height:0;display:block}.chat-attachment-image img{object-fit:cover;width:160px;max-width:52vw;height:120px;display:block}.chat-attachment-file{align-items:center;gap:var(--space-1);min-width:180px;max-width:300px;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:background var(--transition-fast), border-color var(--transition-fast);display:flex}.chat-attachment-file:hover{background:var(--color-surface-hover);border-color:var(--color-input-border-hover)}.chat-attachment-file__open{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-1) 0;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;display:flex}.chat-attachment-dl{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chat-attachment-dl:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-brand)}.chat-attachment-dl:disabled{cursor:default;opacity:.7}.chat-attachment-dl--overlay{color:#fff;opacity:0;width:28px;height:28px;transition:opacity var(--transition-fast), background var(--transition-fast);background:#0000008c;border-radius:50%;position:absolute;top:6px;right:6px}.chat-attachment-image:hover .chat-attachment-dl--overlay,.chat-attachment-dl--overlay:focus-visible{opacity:1}.chat-attachment-dl--overlay:hover:not(:disabled){color:#fff;background:#000000bf}.chat-attachment-dl__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite chat-spin}.chat-attachment-file__icon{border-radius:var(--radius-sm);background:var(--color-brand-tint);width:32px;height:32px;color:var(--color-text-brand);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chat-attachment-file__meta{flex-direction:column;min-width:0;display:flex}.chat-attachment-file__name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-attachment-file__size{font-size:var(--text-xs);color:var(--color-text-secondary)}.file-preview-modal .modal-body{flex-direction:column;display:flex}.file-preview__image-wrap{justify-content:center;align-items:center;max-height:70vh;display:flex;overflow:auto}.file-preview__image{object-fit:contain;max-width:100%;max-height:70vh}.file-preview__frame{background:var(--color-surface-hover);border:none;width:100%;height:70vh}.file-preview__unavailable{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;flex-direction:column;display:flex}.file-preview__unavailable-icon{width:48px;height:48px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:inline-flex}.file-preview__unavailable-name{max-width:100%;color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.file-preview__unavailable-text{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-medium);margin:0}.file-preview__unavailable-hint{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.file-preview__download{color:var(--color-text-brand);font-weight:var(--font-semibold);text-decoration:none}.file-preview__download:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.chat-preview-spinner{animation:none}}