.recording-modes{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.recording-modes button,.recording-time{border:1px solid #49617f;border-radius:7px;background:#16263c;color:#c9d9f0;padding:5px 9px;font:inherit;font-size:11px;cursor:pointer}.recording-modes button.active{background:#aecaf2;color:#102037;border-color:#aecaf2}.recording-history{margin:10px 0;color:#c5d5eb;font-size:12px}.recording-history summary{cursor:pointer}.recording-timeline .chat-message{transition:opacity .2s,border-color .2s;border:1px solid transparent}.recording-timeline .chat-message.is-future{opacity:.52}.recording-timeline .chat-message.is-current{border-color:#8cb7ef}.recording-time{float:right;margin-left:6px;padding:2px 5px;color:#c4ddff}.real-dialogue .chat-message:after{content:'';display:block;clear:both}.single-visual{overflow:hidden}.single-visual video{object-fit:cover}

.dialogue-panel{scrollbar-width:thin;scrollbar-color:#9bb2d055 transparent}.dialogue-panel::-webkit-scrollbar{width:6px}.dialogue-panel::-webkit-scrollbar-track{background:transparent}.dialogue-panel::-webkit-scrollbar-thumb{background:#9bb2d055;border-radius:10px}

.viewer-layout.recording-video-only{display:block}.viewer-layout.recording-video-only video{max-width:100%;width:100%}