/* Launch buttons stay aligned with the deck while the drawer uses readable UI sizes. */
#slide .conversation-launch{container-type:inline-size;display:flex;align-items:center;justify-content:flex-start;gap:4%;width:100%;min-width:0;padding:2% 4%;aspect-ratio:200 / 25;height:auto;margin:0;background:linear-gradient(115deg,#1769b7,#24209d);border:1px solid #ffffff30;border-radius:999px;color:#fff;box-shadow:0 3px 10px #123d6726;text-align:left;cursor:pointer;transition:box-shadow .15s,filter .15s}
#slide .conversation-launch:hover{filter:brightness(1.12);box-shadow:0 5px 14px #123d6740}
#slide .conversation-launch .launch-play{display:grid;place-items:center;flex:none;width:11cqw;height:11cqw;padding-left:.6cqw;border-radius:50%;background:#fff;color:#17549d;font-size:4.5cqw}
#slide .conversation-launch .launch-copy{display:grid;gap:.65cqw;min-width:0;flex:1}
#slide .launch-label{font:750 3.5cqw/1.15 system-ui,sans-serif}
#slide .launch-detail{font:400 2.6cqw/1.15 system-ui,sans-serif;color:#d9eaff}
#slide .launch-arrow{font-size:5cqw;line-height:1;flex:none}
#slide .demo-grid .conversation-launch{margin-top:auto;aspect-ratio:200 / 34}
#slide .slide3-player.conversation-launch{height:auto;padding:1.5% 3%;aspect-ratio:8 / 1}
#slide .conversation-launch:focus-visible{outline:3px solid #4cbff5;outline-offset:3px}
.conversation-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(620px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;padding:0;border:0;border-left:1px solid #cfdae9;background:#f4f7fb;color:#172a45;box-shadow:-20px 0 70px #07172e40;overflow:hidden;font:14px/1.5 system-ui,sans-serif}
.conversation-dialog::backdrop{background:#0a163369;backdrop-filter:blur(3px)}
.conversation-dialog[open]{animation:conversation-enter .2s ease-out}
.conversation-shell{display:flex;flex-direction:column;height:100%;min-height:0}
.conversation-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 24px 18px;background:white;border-bottom:1px solid #dce5ef}
.conversation-header h2{font:700 28px/1.14 Georgia,serif;margin:6px 0 0;color:#122949}
.conversation-kicker{margin:0;color:#2466a4;font-size:10px;letter-spacing:.12em;font-weight:800}
.conversation-close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border-radius:50%;background:#edf2f8;color:#355477;font-size:28px;line-height:1}
.conversation-close:hover{background:#dce8f6}
.conversation-controls{padding:18px 24px 12px;background:white}
.conversation-controls audio{display:block;width:100%;max-width:100%;height:44px;margin:0}
.conversation-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.speaker-pill{display:inline-flex;align-items:center;gap:7px;color:#42617e;font-size:12px;font-weight:650}
.speaker-pill::before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#a3b5c6}
.speaker-pill.is-live{color:#186451}
.speaker-pill.is-live::before{background:#21a274;box-shadow:0 0 0 4px #21a27415}
.conversation-clock{color:#4d6480;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.conversation-status{font-size:11px;color:#61758e;margin:9px 0 0;min-height:1.5em}
.conversation-tabs{display:flex;gap:20px;padding:0 24px;background:white;border-bottom:1px solid #dce5ef}
.conversation-tabs button{border:0;border-radius:0;background:transparent;color:#647991;font-size:13px;font-weight:650;padding:12px 0;border-bottom:3px solid transparent}
.conversation-tabs button[aria-selected=true]{color:#164780;border-bottom-color:#227ac3}
.conversation-scroll{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 24px;scroll-padding-block:30px}
.transcript-panel[hidden],.tools-panel[hidden]{display:none}
.transcript-legend{display:flex;gap:16px;margin-bottom:16px;font-size:11px;color:#536b83}
.transcript-legend span::before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#92a1b2}
.transcript-legend .legend-agent::before{background:#227bc4}
.conversation-dialog .transcript-turn{display:block;width:90%;margin:0 0 14px;padding:13px 15px;border:1px solid #dce4ed;border-radius:14px;background:#fff;color:#42536a;text-align:left;opacity:.7;transition:background .15s,border-color .15s,opacity .15s}
.conversation-dialog .transcript-turn.agent{margin-left:auto;background:#eaf1fb;border-color:#d3e1f3}
.turn-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;font-size:10px;color:#60758b}
.turn-meta strong{font-weight:750;color:#244e7d;letter-spacing:.02em}
.turn-copy{display:block;font-size:15px;line-height:1.55}
.conversation-dialog .transcript-turn.is-speaking{opacity:1;border-color:#2b89d3;background:#deefff;box-shadow:0 0 0 2px #2b89d319;color:#123757}
.conversation-dialog .transcript-turn.client.is-speaking{background:#fff;border-color:#8296ad;box-shadow:0 0 0 2px #8296ad20;color:#152e4a}
.transcript-empty{padding:24px;border:1px dashed #b8c9dc;border-radius:14px;color:#536b83;background:#ffffff80;font-size:14px;line-height:1.6;margin:0}
.tools-notice{font-size:12px;line-height:1.5;margin:0 0 20px;color:#7b5b21;background:#fff7e8;border:1px solid #ead7b1;border-radius:10px;padding:12px 14px}
.tool-event{position:relative;padding:16px;margin:0 0 14px;border:1px solid #dae3ee;background:#fff;border-radius:13px;opacity:.6}
.tool-event-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tool-badge{font-size:9px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:#916619;background:#fff3d8;border-radius:4px;padding:3px 6px}
.tool-time{font-size:11px;color:#63798f;font-variant-numeric:tabular-nums}
.tool-event h3{font:700 16px/1.3 system-ui,sans-serif;color:#233c59;margin:12px 0 6px}
.tool-event code{font-size:11px;color:#6f7e8e;overflow-wrap:anywhere}
.tool-state{display:block;margin-top:12px;font-size:11px;font-weight:700;color:#738298}
.tool-event[data-state=running]{opacity:1;border-color:#d6a038;background:#fffbf2;box-shadow:0 0 0 2px #d6a03815}
.tool-event[data-state=running] .tool-state{color:#a26a08}
.tool-event[data-state=complete]{opacity:1;border-color:#c5dfd5}
.tool-event[data-state=complete] .tool-state{color:#1a7c59}
.tool-event[data-state=complete] .tool-state::before{content:'✓ ';}
.conversation-follow{flex:none;background:white;color:#326699;font-size:11px;border:0;border-top:1px solid #dce5ef;border-radius:0;padding:13px 20px max(13px,env(safe-area-inset-bottom));min-height:44px}
.conversation-follow[aria-pressed=false]{background:#e9f2fe;color:#175ba0;font-weight:700}
@keyframes conversation-enter{from{transform:translateX(30px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(max-width:600px){.conversation-header{padding:20px 16px 16px}.conversation-header h2{font-size:24px}.conversation-controls{padding:16px}.conversation-tabs{padding:0 16px;gap:22px}.conversation-scroll{padding:18px 16px}.conversation-dialog .transcript-turn{width:94%}.turn-copy{font-size:15px}}
@media(prefers-reduced-motion:reduce){.conversation-dialog[open]{animation:none}.conversation-dialog .transcript-turn,#slide .conversation-launch{transition:none}}
.conversation-activity{padding:10px 12px;margin-top:12px;border:1px solid #efd69f;background:#fff7e6;border-radius:9px;color:#886020;font-size:12px;font-weight:650}
.conversation-activity[hidden]{display:none}
#recording-actions{display:none}
@media(max-width:720px){
 #recording-actions:not(:empty){display:grid;gap:10px;margin-top:8px;min-width:0}
 .recording-actions-title{font-size:12px;color:#526780;font-weight:700;margin:0 0 2px}
 #recording-actions .conversation-launch{display:flex;align-items:center;gap:12px;min-height:62px;height:auto;aspect-ratio:auto;width:100%;padding:12px 14px;border-radius:12px;background:linear-gradient(115deg,#1769b7,#24209d);border:1px solid #ffffff30;box-shadow:0 3px 10px #123d6726;color:white;text-align:left}
 #recording-actions .launch-play{display:grid;place-items:center;width:32px;height:32px;flex:none;background:white;color:#17549d;border-radius:50%;font-size:12px}
 #recording-actions .launch-copy{display:grid;gap:3px;flex:1;min-width:0}
 #recording-actions .launch-label{font-size:13px;font-weight:700;line-height:1.2}
 #recording-actions .launch-detail{font-size:11px;color:#d9eaff}
 #recording-actions .launch-arrow{font-size:20px;flex:none}
}
.transcript-provenance{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#637991;margin:0 0 14px}
.transcript-review{font-size:12px;line-height:1.5;background:#fff8e8;border:1px solid #ebd8b2;border-radius:9px;padding:10px 12px;margin:0 0 16px;color:#826123}
.turn-phrase{border-radius:3px;transition:background .12s,color .12s}
.turn-phrase.is-current{background:#b2dcff;color:#0c365a;box-shadow:0 0 0 2px #b2dcff}
.turn-phrase.needs-review{font-style:italic;color:#896222}
.turn-phrase.needs-review.is-current{background:#ffe3a2;box-shadow:0 0 0 2px #ffe3a2;color:#6b4910}
.conversation-dialog .transcript-turn.mixed{margin-inline:auto;width:100%;background:#f4f1e9}
.conversation-dialog .transcript-turn.mixed.is-speaking{border-color:#ad965f;box-shadow:0 0 0 2px #ad965f20}
@media(prefers-reduced-motion:reduce){.turn-phrase{transition:none}}

.conversation-timeline-label{margin:0;padding:12px 24px;font-size:13px;font-weight:700;background:white;border-bottom:1px solid #dce5ef;color:#164780}
.transcript-legend{flex-wrap:wrap;row-gap:6px}
.transcript-legend .legend-tools::before{background:#c8902e}
.conversation-dialog .inline-tool-event{width:92%;margin:8px auto 18px;padding:12px 14px;border-style:dashed;border-color:#d6c7aa;background:#fffaf0;border-radius:11px;opacity:.55}
.inline-tool-event h3{font-size:13px;margin:8px 0 4px}
.inline-tool-event code{font-size:10px}
.inline-tool-event .tool-state{margin-top:8px}
.conversation-dialog .inline-tool-event[data-state=running]{opacity:1;border-style:solid;background:#fff2d3;border-color:#cf952c;box-shadow:0 0 0 2px #cf952c19}
.conversation-dialog .inline-tool-event[data-state=complete]{opacity:1;border-style:solid;border-color:#bddbd0;background:#f0f8f4}
@media(max-width:600px){.conversation-timeline-label{padding:11px 16px}.conversation-dialog .inline-tool-event{width:96%}}

#slide .examples-grid .conversation-launch{aspect-ratio:auto;min-height:calc(36 * var(--unit));height:calc(36 * var(--unit));padding:calc(4 * var(--unit)) calc(8 * var(--unit));gap:calc(6 * var(--unit));border-radius:calc(10 * var(--unit))}
#slide .examples-grid .conversation-launch .launch-play{width:calc(24 * var(--unit));height:calc(24 * var(--unit));font-size:calc(9 * var(--unit));padding-left:calc(2 * var(--unit))}
#slide .examples-grid .launch-label{font-size:calc(11 * var(--unit))}
#slide .examples-grid .launch-detail{display:none}
#slide .examples-grid .launch-arrow{font-size:calc(15 * var(--unit))}