.interpreter-body { display:grid; gap:12px; }
.interpreter-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.interpreter-controls label { display:grid; gap:5px; color:rgba(215,236,242,.62); font:8px 'DM Mono',monospace; }
.interpreter-controls input { width:100%; min-width:0; padding:9px 10px; border:1px solid rgba(225,245,251,.18); border-radius:10px; outline:0; color:#f3fcff; background:rgba(5,21,32,.28); font:10px Manrope,system-ui,sans-serif; }
.interpreter-speaker { display:flex; align-items:center; gap:6px; flex-wrap:wrap; color:rgba(215,236,242,.62); font:8px 'DM Mono',monospace; }
.interpreter-speaker span { margin-right:auto; }
.interpreter-speaker button { padding:7px 10px; border:1px solid rgba(225,245,251,.18); border-radius:9px; color:rgba(232,249,252,.72); background:rgba(255,255,255,.05); cursor:pointer; font:8px 'DM Mono',monospace; }
.interpreter-speaker button.is-active { color:#062333; border-color:#a3ecf8; background:#a3ecf8; }
.interpreter-live-state { display:grid; grid-template-columns:auto 1fr; gap:2px 8px; align-items:center; padding:9px 10px; border:1px solid rgba(225,245,251,.14); border-radius:11px; background:rgba(5,21,32,.24); }
.interpreter-live-state > i { grid-row:span 2; width:8px; height:8px; border-radius:50%; background:#aaf3d2; box-shadow:0 0 12px #aaf3d2; }
.interpreter-live-state[data-state="translating"] > i { background:#b9a2ff; box-shadow:0 0 12px #b9a2ff; }
.interpreter-live-state[data-state="speaking"] > i { background:#ffabc0; box-shadow:0 0 12px #ffabc0; }
.interpreter-live-state strong { color:#f3fcff; font-size:11px; }
.interpreter-live-state small { color:rgba(211,232,239,.58); font:8px 'DM Mono',monospace; }
.interpreter-transcript { display:grid; gap:7px; min-height:112px; max-height:190px; overflow:auto; padding:2px; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
.interpreter-empty { display:grid; place-items:center; min-height:106px; padding:18px; color:rgba(211,232,239,.52); text-align:center; font-size:10px; }
.interpreter-row { display:grid; gap:5px; padding:9px 10px; border:1px solid rgba(225,245,251,.14); border-radius:11px; background:rgba(4,17,28,.38); }
.interpreter-row.original { border-left:2px solid #a3ecf8; }
.interpreter-row.translation { border-left:2px solid #aaf3d2; }
.interpreter-row-label { color:rgba(147,236,250,.8); font:8px 'DM Mono',monospace; letter-spacing:.08em; text-transform:uppercase; }
.interpreter-row p { margin:0; color:rgba(238,250,253,.88); font-size:11px; line-height:1.45; }
.interpreter-start { justify-content:center; width:100%; }
.mdx-spatial-tools-inline { position:relative!important; inset:auto!important; z-index:1!important; width:auto!important; max-height:none!important; margin-top:12px; overflow:visible!important; }
.mdx-spatial-tools-inline .mdx-spatial-result-image { display:block; width:100%; max-height:230px; object-fit:contain; border:1px solid rgba(141,233,250,.18); border-radius:10px; background:#081725; }
.mdx-spatial-tools-inline .mdx-spatial-evidence { margin:0 0 10px; }
.mdx-spatial-tools-inline .mdx-spatial-evidence figcaption { margin-top:5px; color:rgba(215,232,239,.62); font:9px/1.4 'DM Mono',monospace; }
@media (max-width:600px) {
  .interpreter-controls { grid-template-columns:1fr; }
  .interpreter-transcript { max-height:210px; }
  .mdx-spatial-tools-inline { margin-top:10px; padding:10px; }
  .mdx-spatial-tools-inline .mdx-spatial-result-image { max-height:180px; }
}