.chat-replay{background:#b2c7d9;border-radius:12px;padding:16px 12px;display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch}.chat-replay--preview{max-height:160px;overflow:hidden;position:relative}.chat-replay--preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:48px;background:linear-gradient(transparent,#b2c7d9f2);pointer-events:none}.chat-msg{display:flex;align-items:flex-end;gap:6px;max-width:85%;margin-bottom:2px}.chat-msg--left{align-self:flex-start}.chat-msg--right{align-self:flex-end;flex-direction:row-reverse}.chat-msg__name{font-size:11px;font-weight:600;color:#2c3e50;margin-bottom:3px;margin-left:4px}.chat-msg--right .chat-msg__name{text-align:right;margin-left:0;margin-right:4px}.chat-msg__bubble{padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.5;word-break:break-word;max-width:240px}.chat-msg--left .chat-msg__bubble{background:#fff;color:#1a1a1a;border-bottom-left-radius:4px}.chat-msg--right .chat-msg__bubble{background:#fee500;color:#1a1a1a;border-bottom-right-radius:4px}.chat-msg__time{font-size:10px;color:#0006;white-space:nowrap;flex-shrink:0}.chat-msg--system{align-self:center;max-width:none;display:block;text-align:center}.chat-msg--system .chat-msg__bubble{background:transparent;color:#00000073;font-size:11px;padding:4px 12px}.chat-msg--narrator{align-self:center;max-width:none;display:block;text-align:center;margin:8px 0}.chat-msg--narrator .chat-msg__bubble{background:#00000026;color:#000000b3;font-size:11px;font-weight:500;padding:5px 16px;border-radius:20px;display:inline-block}.chat-editor{border:1px solid var(--nj-border);border-radius:var(--nj-radius);overflow:hidden;background:var(--nj-white)}.chat-editor__speakers{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;background:var(--nj-cream);border-bottom:1px solid var(--nj-border-light)}.chat-editor__speaker-input{padding:8px 12px;border:1px solid var(--nj-border);border-radius:8px;font-size:13px;font-family:inherit;background:var(--nj-white);text-align:center;font-weight:600}.chat-editor__speaker-input:focus{outline:none;border-color:var(--nj-charcoal)}.chat-editor__speaker-input::placeholder{color:var(--nj-text-muted);font-weight:400}.chat-editor__preview{min-height:120px;max-height:300px;overflow-y:auto}.chat-editor__preview .chat-replay{border-radius:0;min-height:120px}.chat-editor__msg-wrap{position:relative}.chat-editor__msg-wrap .chat-editor__delete-btn{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;border:none;background:#0006;color:#fff;font-size:10px;cursor:pointer;display:none;align-items:center;justify-content:center;line-height:1}.chat-editor__msg-wrap:hover .chat-editor__delete-btn{display:flex}.chat-editor__input-area{padding:10px 12px;border-top:1px solid var(--nj-border-light);display:flex;gap:6px;align-items:flex-end}.chat-editor__text-input{flex:1;padding:8px 12px;border:1px solid var(--nj-border);border-radius:20px;font-size:13px;font-family:inherit;resize:none;min-height:36px;max-height:80px}.chat-editor__text-input:focus{outline:none;border-color:var(--nj-charcoal)}.chat-editor__speaker-btns{display:flex;gap:4px;flex-shrink:0}.chat-editor__speaker-btn{padding:6px 10px;border-radius:16px;border:1px solid var(--nj-border);background:var(--nj-white);font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}.chat-editor__speaker-btn.active{background:var(--nj-charcoal);color:#fff;border-color:var(--nj-charcoal)}.chat-editor__speaker-btn:hover:not(.active){border-color:var(--nj-charcoal)}.chat-editor__utils{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--nj-border-light)}.chat-editor__util-btn{padding:5px 10px;border-radius:12px;border:1px solid var(--nj-border);background:var(--nj-cream);font-size:11px;color:var(--nj-text-muted);cursor:pointer;font-family:inherit;transition:all .2s}.chat-editor__util-btn:hover{border-color:var(--nj-text-muted);color:var(--nj-text)}