/* Comments share the drawer's full content boundary. */
@media screen {
  body.studio-refined #sidebar #productionDrawer .productionCommentsBody {
    box-sizing:border-box;
    width:100%;
    min-width:0;
    margin:0;
    padding:12px 0 0;
    gap:12px;
    overflow:visible;
  }

  body.studio-refined #sidebar #productionDrawer :is(.productionCommentFilters,.productionCommentTools) {
    box-sizing:border-box;
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
  }

  body.studio-refined #sidebar #productionDrawer .productionInlineCommentList {
    box-sizing:border-box;
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
    padding:2px 0;
    gap:10px;
    overflow-x:hidden;
    overflow-y:auto;
  }

  body.studio-refined #sidebar #productionDrawer .productionInlineCommentList::-webkit-scrollbar {width:8px;}
  body.studio-refined #sidebar #productionDrawer .productionInlineCommentList::-webkit-scrollbar-thumb {
    border:2px solid transparent;
    border-radius:8px;
    background:var(--line-strong);
    background-clip:padding-box;
  }

  body.studio-refined #sidebar #productionDrawer .productionInlineCommentList>.productionInlineComment {
    box-sizing:border-box;
    flex:none;
    width:100%;
    min-width:0;
    max-width:none;
    margin:0;
    padding:0;
    border-radius:6px;
  }

  body.studio-refined #sidebar #productionDrawer .productionInlineCommentMain {
    box-sizing:border-box;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    width:100%;
    min-width:0;
    max-width:none;
    margin:0;
    padding:12px;
    gap:8px;
    text-align:left;
    white-space:normal;
  }

  body.studio-refined #sidebar #productionDrawer .productionInlineCommentMain>span {width:100%;min-width:0;}
  body.studio-refined #sidebar #productionDrawer .productionCommentByline {white-space:normal;overflow-wrap:anywhere;}
  body.studio-refined #sidebar #productionDrawer .productionInlineCommentMain>i {align-self:start;white-space:nowrap;}

  body.studio-refined #sidebar #productionDrawer .productionInlineCommentActions {
    box-sizing:border-box;
    display:flex;
    width:100%;
    min-width:0;
    gap:8px;
    margin:0;
    padding:8px 12px;
  }

  body.studio-refined #sidebar #productionDrawer .productionInlineCommentActions>button {
    flex:1 1 0;
    min-width:0;
    margin:0;
    white-space:nowrap;
  }

  body.studio-refined #sidebar #productionDrawer .productionCommentsEmpty {box-sizing:border-box;width:100%;padding:12px 0;}
  body.studio-refined #sidebar #productionDrawer :is(.productionCommentFilters,.productionCommentTools)>button {margin:0;white-space:normal;}

}