.ds-thread-panel{box-sizing:border-box;gap:var(--gap-xs);width:64px;height:100%;min-height:0;padding:var(--padding-md) var(--padding-sm-md);transition:width var(--motion-duration-slow) var(--motion-ease-emphasized);flex-direction:column;display:flex;overflow:hidden}.ds-thread-panel--expanded{width:280px}.ds-thread-panel:not(.ds-thread-panel--expanded){cursor:pointer}.ds-thread-panel__header{min-width:0;padding:var(--padding-xs) var(--padding-sm);transition:padding var(--motion-duration-slow) var(--motion-ease-emphasized);flex:none;align-items:center;display:flex}.ds-thread-panel--expanded .ds-thread-panel__header{padding:var(--padding-xs) var(--padding-md)}.ds-thread-panel:not(.ds-thread-panel--expanded) .ds-thread-panel__header--bare{justify-content:center}.ds-thread-panel:not(.ds-thread-panel--expanded) .ds-thread-panel__header--bare .ds-thread-panel__header-inner{display:none}.ds-thread-panel__header-inner{align-items:center;gap:var(--gap-sm);flex:1;min-width:0;display:flex}.ds-thread-panel__header-inner[role=button]{cursor:pointer}.ds-thread-panel__header-inner[role=button]:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:2px;border-radius:var(--radius-xs)}.ds-thread-panel__logo{flex:none;align-items:center;display:inline-flex}.ds-thread-panel__brand{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-title-body-family);font-size:var(--font-title-body-size);font-weight:var(--font-title-body-weight);line-height:var(--font-title-body-line-height);color:var(--color-text-primary);opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);flex-shrink:1;overflow:hidden}.ds-thread-panel--expanded .ds-thread-panel__brand{opacity:1}.ds-thread-panel__toggle{--icon-size:var(--icon-size-md);width:0;height:24px;color:var(--color-icon-primary);cursor:pointer;opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard), width var(--motion-duration-slow) var(--motion-ease-emphasized);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.ds-thread-panel--expanded .ds-thread-panel__toggle,.ds-thread-panel__toggle--standalone{opacity:1;width:24px}.ds-thread-panel__toggle:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:2px;border-radius:var(--radius-xs)}.ds-thread-panel__new,.ds-thread-panel__control,.ds-thread-panel__thread{box-sizing:border-box;align-items:center;gap:var(--gap-sm);width:100%;min-width:0;height:40px;padding:var(--padding-sm);border-radius:var(--radius-full);cursor:pointer;text-align:left;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard), padding var(--motion-duration-slow) var(--motion-ease-emphasized);background:0 0;border:none;text-decoration:none;display:flex;overflow:hidden}.ds-thread-panel--expanded .ds-thread-panel__new,.ds-thread-panel--expanded .ds-thread-panel__control,.ds-thread-panel--expanded .ds-thread-panel__thread{padding:var(--padding-sm) var(--padding-md)}.ds-thread-panel__new:hover,.ds-thread-panel__control:hover,.ds-thread-panel__thread:hover{background-color:var(--color-action-passive-bg-hover)}.ds-thread-panel__new:focus-visible,.ds-thread-panel__control:focus-visible,.ds-thread-panel__thread:focus-visible,.ds-thread-panel__more:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:-2px}.ds-thread-panel__new{flex:none}.ds-thread-panel__new-icon{--icon-size:var(--icon-size-md);color:var(--color-icon-primary);flex-shrink:0}.ds-thread-panel__new-label{white-space:nowrap;min-width:0;font-family:var(--font-paragraph-sm-em-family);font-size:var(--font-paragraph-sm-em-size);font-weight:var(--font-paragraph-sm-em-weight);line-height:var(--font-paragraph-sm-em-line-height);color:var(--color-text-primary);opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);flex:1;overflow:hidden}.ds-thread-panel--expanded .ds-thread-panel__new-label{opacity:1}.ds-thread-panel__new-kbd{gap:var(--gap-xxs);opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);flex:none;display:inline-flex}.ds-thread-panel--expanded .ds-thread-panel__new-kbd{opacity:1}.ds-thread-panel__controls{gap:var(--gap-xs);flex-direction:column;flex:none;display:flex}.ds-thread-panel__control-icon{--icon-size:var(--icon-size-md);color:var(--color-icon-primary);flex-shrink:0}.ds-thread-panel__control-label{white-space:nowrap;min-width:0;font-family:var(--font-paragraph-sm-family);font-size:var(--font-paragraph-sm-size);font-weight:var(--font-paragraph-sm-weight);line-height:var(--font-paragraph-sm-line-height);color:var(--color-text-primary);opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);flex:1;overflow:hidden}.ds-thread-panel--expanded .ds-thread-panel__control-label{opacity:1}.ds-thread-panel__history{gap:var(--gap-md);min-height:0;padding-top:var(--padding-xs);scrollbar-width:thin;scrollbar-color:transparent transparent;opacity:0;visibility:hidden;transition:opacity var(--motion-duration-base) var(--motion-ease-standard), visibility 0s var(--motion-duration-base);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ds-thread-panel--expanded .ds-thread-panel__history{opacity:1;visibility:visible;transition:opacity var(--motion-duration-base) var(--motion-ease-standard), visibility 0s}.ds-thread-panel__history:hover{scrollbar-color:var(--color-divider) transparent}.ds-thread-panel__group{gap:var(--gap-xxs);flex-direction:column;display:flex}.ds-thread-panel__group-label{padding:0 var(--padding-md);white-space:nowrap;font-family:var(--font-overline-family);font-size:var(--font-overline-size);font-weight:var(--font-overline-weight);line-height:var(--font-overline-line-height);letter-spacing:var(--font-overline-letter-spacing);text-transform:uppercase;color:var(--color-text-tertiary);overflow:hidden}.ds-thread-panel__list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.ds-thread-panel__thread--active{background-color:var(--color-bg-container-tertiary)}.ds-thread-panel__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-paragraph-sm-family);font-size:var(--font-paragraph-sm-size);font-weight:var(--font-paragraph-sm-weight);line-height:var(--font-paragraph-sm-line-height);color:var(--color-text-primary);flex:1;overflow:hidden}.ds-thread-panel__meta{font-family:var(--font-caption-family);font-size:var(--font-caption-size);font-weight:var(--font-caption-weight);line-height:var(--font-caption-line-height);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.ds-thread-panel__more{padding:var(--padding-xs) var(--padding-md);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;font-family:var(--font-caption-family);font-size:var(--font-caption-size);font-weight:var(--font-caption-weight);line-height:var(--font-caption-line-height);color:var(--color-text-tertiary);transition:color var(--motion-duration-fast) var(--motion-ease-standard);background:0 0;border:none;align-self:flex-start}.ds-thread-panel__more:hover{color:var(--color-text-secondary)}.ds-thread-panel__footer{gap:var(--gap-sm);min-width:0;padding-top:var(--padding-sm);flex-direction:column;flex:none;display:flex}.ds-thread-panel__footer-slot{opacity:0;pointer-events:none;min-width:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);overflow:hidden}.ds-thread-panel--expanded .ds-thread-panel__footer-slot{opacity:1;pointer-events:auto}.ds-thread-panel__profile{align-items:center;gap:var(--gap-sm);min-width:0;padding:var(--padding-xxs);transition:padding var(--motion-duration-slow) var(--motion-ease-emphasized);display:flex}.ds-thread-panel--expanded .ds-thread-panel__profile{padding:var(--padding-xxs) var(--padding-md)}.ds-thread-panel__profile-name{white-space:nowrap;min-width:0;font-family:var(--font-paragraph-sm-em-family);font-size:var(--font-paragraph-sm-em-size);font-weight:var(--font-paragraph-sm-em-weight);line-height:var(--font-paragraph-sm-em-line-height);color:var(--color-text-primary);opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);flex:1;overflow:hidden}.ds-thread-panel--expanded .ds-thread-panel__profile-name{opacity:1}.ds-thread-panel__profile-meta{white-space:nowrap;font-family:var(--font-caption-family);font-size:var(--font-caption-size);font-weight:var(--font-caption-weight);line-height:var(--font-caption-line-height);color:var(--color-text-tertiary);opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);flex:none;overflow:hidden}.ds-thread-panel--expanded .ds-thread-panel__profile-meta{opacity:1}