/* A shared title column leaves eight full-width characters at the default size. */
#sjb-boxes .rn-stage[data-mode=qa] :is(.rn-compact,.rn-edit-grid){grid-template-columns:minmax(0,min(48%,calc(var(--studio-qa-title-size,56px)*8.25))) minmax(0,1fr);gap:22px;align-items:baseline;padding:20px 8px;border-left:0}
#sjb-boxes .rn-stage[data-mode=qa] .rn-edit-grid>div{min-width:0}
#sjb-boxes .rn-stage[data-mode=qa] :is(.rn-model-preview,.rn-editor[data-field=model]){font-size:var(--studio-model-size,56px);line-height:1.48;letter-spacing:0;min-height:1.48em;word-break:normal}
#sjb-boxes .rn-stage[data-mode=qa][data-focus-line=true][data-editing=true] .rn-row.is-active .rn-edit-grid{box-shadow:inset 5px 0 var(--rn-gold)}
/* Switching rank focus never substitutes a differently sized display element. */
#sjb-boxes .rn-stage[data-mode=ranking] .rn-row,
#sjb-boxes .rn-stage[data-mode=ranking] .rn-row.is-active,
#sjb-boxes .rn-stage[data-mode=ranking][data-editing=false] .rn-row.is-active{padding:14px 8px;border-left:0}
#sjb-boxes .rn-stage[data-mode=ranking][data-editing=true] .rn-row.is-active{box-shadow:inset 5px 0 var(--rn-gold)}
#sjb-boxes .rn-stage[data-mode=ranking] .rn-ranking-heading .rn-editor[data-field=model]{font-size:var(--studio-model-size,68px);line-height:1.38;min-height:1.38em;flex:1}
#sjb-boxes .rn-stage[data-mode=ranking] .rn-rank-detail.rn-editor{font-size:var(--studio-review-size,56px);line-height:1.48;min-height:0}
#sjb-boxes .rn-stage[data-mode=ranking] .rn-row:not(.is-active) .rn-rank-detail:empty{height:0;padding:0;margin:0}
#sjb-boxes .rn-stage[data-mode=ranking] .rn-row:not(.is-active) .rn-editor:empty:before{content:none}
#sjb-boxes .rn-stage[data-mode=ranking] .rn-rows{overflow-anchor:none}