.support-composer{padding:8px 12px;padding-bottom:max(8px, env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);flex-direction:column;gap:6px;display:flex;position:relative}.support-composer__drop-overlay{background:color-mix(in srgb, var(--brand) 18%, transparent);border:2px dashed var(--brand);color:var(--brand-text-strong);pointer-events:none;z-index:5;border-radius:8px;justify-content:center;align-items:center;margin:4px;font-size:14px;font-weight:500;display:flex;position:absolute;inset:0}.support-composer__attachments{flex-wrap:wrap;gap:6px;display:flex}.support-composer__attachment{background:var(--surface-2);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.support-composer__attachment-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.support-composer__attachment-remove:hover{color:var(--danger-text-strong)}.support-composer__upload-progress{color:var(--text-muted);font-size:11px}.support-composer__internal-toggle{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.support-composer__tabs{background:var(--surface-2);border:1px solid var(--hairline);border-radius:6px;align-self:flex-start;gap:2px;padding:2px;display:inline-flex}.support-composer__tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:background .12s,color .12s}.support-composer__tab--active{background:var(--surface);color:var(--text);box-shadow:0 1px 0 var(--hairline)}.support-composer__tab:hover:not(.support-composer__tab--active){color:var(--text)}.support-composer__row{align-items:flex-end;gap:8px;display:flex}.support-composer__tool{background:var(--surface-2);border:1px solid var(--hairline);width:38px;height:38px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:16px;line-height:1;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.support-composer__tool:hover{background:var(--item-bg-hover);border-color:var(--line-strong);color:var(--text)}.support-composer__tool:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);outline:none}.support-composer__tool--active{background:var(--brand-soft);color:var(--brand-text-strong);border-color:#0000}.support-composer__tool svg{width:18px;height:18px}.support-composer__file-input{display:none}.support-composer__textarea{resize:none;background:var(--input-bg);min-width:0;color:var(--text);border:1px solid var(--border);border-radius:8px;outline:none;flex:1;min-height:38px;max-height:240px;padding:9px 12px;font-family:inherit;font-size:13px;line-height:1.45;transition:border-color .12s,box-shadow .12s}.support-composer__textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.support-composer__textarea:disabled{opacity:.5;cursor:not-allowed}.support-composer__preview{background:var(--input-bg);border:1px solid var(--border);min-height:38px;max-height:240px;color:var(--text);border-radius:8px;flex:1;padding:9px 12px;font-size:13px;line-height:1.5;overflow-y:auto}.support-composer__preview p{margin:0 0 8px}.support-composer__preview p:last-child{margin-bottom:0}.support-composer__preview ul,.support-composer__preview ol{margin:0 0 8px;padding-left:20px}.support-composer__preview blockquote{border-left:3px solid var(--brand-soft);color:var(--text-muted);margin:0 0 8px;padding-left:10px}.support-composer__preview code{background:var(--surface-2);border-radius:3px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.support-composer__preview pre{background:var(--surface-2);border-radius:6px;margin:0 0 8px;padding:8px 10px;font-size:12px;overflow-x:auto}.support-composer__preview a{color:var(--brand-text-strong);text-decoration:underline}.support-composer__preview-empty{color:var(--text-muted);font-style:italic}.support-composer__send{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;height:38px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s,opacity .12s;display:inline-flex}.support-composer__send:hover:not(:disabled){background:color-mix(in srgb, var(--brand) 88%, white)}.support-composer__send:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.support-composer__send:disabled{opacity:.45;cursor:not-allowed}.support-composer__send svg{width:16px;height:16px}.support-composer__hint{color:var(--text-muted);-webkit-user-select:none;user-select:none;align-self:flex-end;font-size:10px}.support-composer__emoji-popover{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:10;border-radius:8px;grid-template-columns:repeat(8,1fr);gap:2px;max-width:320px;margin-bottom:6px;padding:8px;display:grid;position:absolute;bottom:100%;left:12px}.support-composer__emoji{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:18px;line-height:1;transition:background .1s;display:inline-flex}.support-composer__emoji:hover{background:var(--item-bg-hover)}@keyframes support-msg-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.support-msg__row{align-items:flex-end;gap:8px;margin-top:16px;padding:0;animation:.14s ease-out support-msg-fade-in;display:flex}@media (prefers-reduced-motion:reduce){.support-msg__row{animation:none}}.support-msg__row--self{flex-direction:row-reverse}.support-msg__row--grouped{margin-top:2px}.support-msg__row--first{margin-top:16px}.support-msg__avatar{letter-spacing:.02em;-webkit-user-select:none;user-select:none;background:var(--surface-3);width:28px;height:28px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.support-msg__avatar--img{background:0 0;overflow:hidden}.support-msg__avatar img{object-fit:cover;width:100%;height:100%}.support-msg__avatar--ai{background:var(--brand-soft);color:var(--brand-text-strong)}.support-msg__avatar--self{background:var(--brand);color:#fff}.support-msg__avatar-spacer{flex-shrink:0;width:28px;height:0}.support-msg__col{flex-direction:column;align-items:flex-start;min-width:0;max-width:78%;display:flex}.support-msg__col--self{align-items:flex-end}.support-msg__meta{color:var(--text-muted);align-items:baseline;gap:6px;margin-bottom:3px;font-size:11px;line-height:1.2;display:flex}.support-msg__meta-internal{color:var(--warn-text-strong);font-weight:500}.support-msg__bubble-wrap{align-items:center;gap:6px;display:flex;position:relative}.support-msg__row--self .support-msg__bubble-wrap{flex-direction:row-reverse}.support-msg__bubble{background:var(--surface-2);color:var(--text);border:1px solid var(--hairline);white-space:pre-wrap;word-break:break-word;border-radius:8px;min-width:44px;max-width:100%;padding:8px 12px;font-size:13px;line-height:1.45}.support-msg__bubble--self{background:var(--brand);color:#fff;border-color:#0000}.support-msg__bubble--ai{background:var(--brand-soft);color:var(--brand-text-strong);border-color:var(--brand-soft)}.support-msg__bubble--internal{background:var(--warn-bg-soft);color:var(--text);border-color:var(--warning)}.support-msg__row:not(.support-msg__row--self) .support-msg__bubble--group-first{border-bottom-left-radius:4px}.support-msg__row:not(.support-msg__row--self) .support-msg__bubble--group-middle{border-top-left-radius:4px;border-bottom-left-radius:4px}.support-msg__row:not(.support-msg__row--self) .support-msg__bubble--group-last{border-top-left-radius:4px}.support-msg__row--self .support-msg__bubble--group-first{border-bottom-right-radius:4px}.support-msg__row--self .support-msg__bubble--group-middle{border-top-right-radius:4px;border-bottom-right-radius:4px}.support-msg__row--self .support-msg__bubble--group-last{border-top-right-radius:4px}.support-msg__attachments{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.support-msg__attachment{color:inherit;opacity:.9;align-items:center;gap:4px;font-size:12px;text-decoration:underline;display:inline-flex}.support-msg__attachment:hover{opacity:1}.support-msg__expand{color:inherit;cursor:pointer;opacity:.85;background:0 0;border:none;margin-top:6px;padding:2px 0;font-family:inherit;font-size:12px;text-decoration:underline;display:inline-block}.support-msg__expand:hover{opacity:1}.support-msg__actions{opacity:0;flex-shrink:0;align-items:center;gap:2px;transition:opacity .12s;display:inline-flex}.support-msg__row:hover .support-msg__actions,.support-msg__row:focus-within .support-msg__actions{opacity:1}@media (hover:none){.support-msg__actions{opacity:.4}}.support-msg__action{background:var(--surface-2);border:1px solid var(--hairline);width:26px;height:26px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.support-msg__action:hover{background:var(--item-bg-hover);border-color:var(--line-strong);color:var(--text)}.support-msg__action:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);outline:none}.support-msg__action svg{width:14px;height:14px}.support-msg__system{color:var(--text-muted);align-items:center;gap:10px;margin:16px 4px 8px;font-size:11px;display:flex}.support-msg__system:before,.support-msg__system:after{content:"";background:var(--hairline);flex:1;height:1px}.support-msg__system-body{white-space:nowrap}