.showcase-dialogue{position:relative;display:flex;align-items:flex-start;gap:.75rem;margin:.6rem 0}.showcase-dialogue-body{flex:1;min-width:0;border-radius:var(--dialogue-radius);background:var(--dialogue-bg);border:1px solid var(--dialogue-border);box-shadow:0 2px 8px #0000000f;overflow:hidden}.showcase-dialogue-avatar{flex-shrink:0;width:var(--dialogue-avatar-size);height:var(--dialogue-avatar-size);border-radius:50%;background:var(--dialogue-avatar-bg);border:var(--dialogue-avatar-ring);color:var(--dialogue-avatar-text);display:flex;align-items:center;justify-content:center;font-size:var(--dialogue-avatar-font-size);font-weight:var(--dialogue-avatar-font-weight);text-transform:uppercase;margin:.1rem 0 0;box-shadow:0 2px 8px #fc017c40}.showcase-dialogue-name{display:block;font-variant:small-caps;font-size:var(--dialogue-name-font-size);font-weight:var(--dialogue-name-font-weight);letter-spacing:var(--dialogue-name-letter-spacing);color:var(--dialogue-name-color);line-height:1.2;margin-bottom:.15rem;padding:var(--dialogue-padding-y) var(--dialogue-padding-x) 0}.showcase-dialogue-text{font-weight:var(--dialogue-text-font-weight);color:var(--dialogue-text-color);line-height:var(--dialogue-text-line-height);padding:0 var(--dialogue-padding-x) var(--dialogue-padding-y)}.showcase-dialogue-translation{display:block;font-style:italic;color:var(--text-2, #6d7285);font-size:.85em;line-height:1.4;padding:0 var(--dialogue-padding-x) var(--dialogue-padding-y);margin-top:-.25rem;opacity:.8}.showcase-narration-translation{font-style:italic;color:var(--text-2, #6d7285);font-size:.9em;opacity:.8}.showcase-monologue{font-style:italic;color:var(--text-2, #989ca4);font-size:.95em;line-height:1.5;padding-left:1.5rem;border-left:2px solid rgba(252,1,124,.2);margin:.5rem 0;opacity:.85}.dark .showcase-monologue{color:#94a3b8;border-left-color:#e773b159;opacity:.9}