.app-topbar__help{min-width:2.75rem;justify-content:center;padding-inline:var(--space-2);font-size:1.125rem}.app-topbar__help.is-busy{opacity:.6;cursor:progress}.app-topbar__help[aria-expanded=true]{color:var(--text-primary);background:var(--surface-active);border-color:var(--border-color)}.app-help{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);height:100dvh;display:flex;flex-direction:column;background:var(--surface-primary);color:var(--text-primary);border-left:1px solid var(--border-color);box-shadow:var(--shadow-xl);z-index:1300;transform:translate(100%);transition:transform .2s ease}.app-help.is-open{transform:translate(0)}.app-help[hidden]{display:none}.app-help__head{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border-color-subtle)}.app-help__head-text{min-width:0;flex:1 1 auto}.app-help__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.app-help__title i{color:var(--accent-interactive);margin-right:var(--space-1)}.app-help__subtitle{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-help__iconbtn{flex:0 0 auto;width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;font:inherit}.app-help__iconbtn:hover{color:var(--text-primary);background:var(--surface-hover);border-color:var(--border-color)}.app-help__shot{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color-subtle);background:var(--surface-secondary)}.app-help__thumb{display:block;width:100%;max-height:140px;object-fit:cover;object-position:top;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary)}.app-help__thumb:not([src]){display:none}.app-help__shot-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--text-muted)}.app-help__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.app-help__hint{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.app-help__msg{max-width:92%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);overflow-wrap:anywhere}.app-help__msg--user{align-self:flex-end;background:var(--surface-tertiary);color:var(--text-primary);border-bottom-right-radius:var(--radius-sm)}.app-help__msg--assistant{align-self:flex-start;background:var(--surface-secondary);border:1px solid var(--border-color-subtle);border-bottom-left-radius:var(--radius-sm)}.app-help__msg--assistant.is-pending{color:var(--text-muted);font-style:italic}.app-help__msg--error{align-self:stretch;max-width:none;background:transparent;border:1px solid var(--danger-500);color:var(--danger-text)}.app-help__msg p{margin:0 0 var(--space-2)}.app-help__msg p:last-child{margin-bottom:0}.app-help__msg ul,.app-help__msg ol{margin:0 0 var(--space-2);padding-left:var(--space-5)}.app-help__msg code{font-size:.9em;background:var(--surface-tertiary);padding:0 var(--space-1);border-radius:var(--radius-sm)}.app-help__form{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--border-color-subtle);background:var(--surface-primary)}.app-help__input{flex:1 1 auto;min-height:2.75rem;max-height:160px;resize:none}.app-help__send{flex:0 0 auto;width:2.75rem;height:2.75rem;padding:0;display:inline-flex;align-items:center;justify-content:center}@media(max-width:640px){.app-help{width:100vw;border-left:0}}@media(prefers-reduced-motion:reduce){.app-help{transition:none}}