.collab-wrapper{flex-direction:row;gap:0;width:100%;height:100%;display:flex}.collab-sidebar{background-color:var(--warm-gray-100);border-right:1px solid var(--warm-gray-400);flex-direction:column;flex-shrink:0;gap:20px;width:280px;padding:20px;display:flex;overflow-y:auto}@media (prefers-color-scheme:dark){.collab-sidebar{background-color:var(--warm-gray-950);border-right-color:var(--warm-gray-800)}}.collab-section{flex-direction:column;gap:8px;display:flex}.collab-label{color:var(--black);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:600}@media (prefers-color-scheme:dark){.collab-label{color:var(--warm-gray-400)}}.collab-author-picker{align-items:center;gap:8px;display:flex}.collab-avatar-sm{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.collab-author-select{background:var(--white);border:1px solid var(--warm-gray-300);color:var(--black);cursor:pointer;appearance:auto;border-radius:6px;flex:1;padding:6px 10px;font-size:13px;font-weight:500}.collab-author-select:hover{border-color:var(--warm-gray-500)}@media (prefers-color-scheme:dark){.collab-author-select{background:var(--warm-gray-900);border-color:var(--warm-gray-700);color:var(--warm-gray-200)}.collab-author-select:hover{border-color:var(--warm-gray-500)}}.collab-display-modes{gap:4px;display:flex}.collab-display-btn{text-align:center;cursor:pointer;border:1px solid var(--warm-gray-300);background:var(--white);color:var(--black);border-radius:6px;flex:1;padding:6px;font-size:11px;font-weight:500;transition:all .15s}.collab-display-btn:hover{border-color:var(--warm-gray-500)}.collab-display-btn-active{background:var(--digital-pollen);border-color:var(--digital-pollen);color:var(--black);font-weight:600}@media (prefers-color-scheme:dark){.collab-display-btn{background:var(--warm-gray-900);border-color:var(--warm-gray-700);color:var(--warm-gray-300)}.collab-display-btn:hover{border-color:var(--warm-gray-500)}.collab-display-btn-active{background:var(--digital-pollen);color:var(--black)}}.collab-hint{color:var(--warm-gray-700);text-align:left;background:var(--white);border:1px solid var(--warm-gray-300);border-radius:6px;padding:12px 8px;font-size:12px;line-height:1.5}@media (prefers-color-scheme:dark){.collab-hint{color:var(--warm-gray-500);background:var(--warm-gray-900);border-color:var(--warm-gray-700)}}.collab-threads{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow-y:auto}.collab-thread-card{background:var(--white);border:1px solid var(--warm-gray-300);cursor:pointer;text-align:left;border-left:3px solid #0000;border-radius:8px;width:100%;padding:12px;font-family:inherit;transition:all .15s}.collab-thread-card:hover{border-color:var(--warm-gray-400)}@media (prefers-color-scheme:dark){.collab-thread-card{background:var(--warm-gray-900);border-color:var(--warm-gray-700)}.collab-thread-card:hover{border-color:var(--warm-gray-500)}}.collab-thread-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.collab-thread-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.collab-thread-author{color:var(--black);font-size:12px;font-weight:600}.collab-thread-time{color:var(--warm-gray-600);margin-left:auto;font-size:10px}@media (prefers-color-scheme:dark){.collab-thread-author{color:var(--warm-gray-200)}.collab-thread-time{color:var(--warm-gray-600)}}.collab-thread-text{color:var(--warm-gray-800);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:12px;overflow:hidden}.collab-thread-replies{color:var(--warm-gray-600);font-size:11px}@media (prefers-color-scheme:dark){.collab-thread-text{color:var(--warm-gray-400)}.collab-thread-replies{color:var(--warm-gray-600)}}.collab-empty{color:var(--warm-gray-700);text-align:left;padding:16px 8px;font-size:13px;line-height:1.5}@media (prefers-color-scheme:dark){.collab-empty{color:var(--warm-gray-500)}}.collab-count{background:var(--warm-gray-300);color:var(--warm-gray-800);border-radius:10px;margin-left:4px;padding:2px 8px;font-size:10px;font-weight:600}@media (prefers-color-scheme:dark){.collab-count{background:var(--warm-gray-800);color:var(--warm-gray-400)}}.collab-viewer-container{flex:1;height:100%;min-height:600px}