/* Public workflow scene only. Product foundations remain in design-tokens/ui-components. */
.meeting-example-scene{padding:24px 16px;background:var(--ui-surface-soft);border:1px solid var(--ui-border);border-radius:12px;margin:16px 0;overflow:hidden}
.meeting-example-people{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:10px;align-items:center;text-align:center}
.meeting-example-person{min-width:0;display:grid;justify-items:center;gap:5px}.meeting-example-person strong{font-size:13px;overflow-wrap:anywhere}.meeting-example-person small{font-size:11px;color:var(--ui-text-secondary)}
.meeting-example-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--ui-accent-soft);color:var(--ui-accent);font-size:24px;font-weight:600;margin-bottom:5px}.meeting-example-avatar.guest{background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border)}
.meeting-example-link{color:var(--ui-text-secondary)}.meeting-example-link .icon{width:24px;height:24px}.meeting-example-caption{text-align:center;font-size:12px;color:var(--ui-text-secondary);margin:20px 0 0;min-height:38px}
.meeting-example-plan{border-top:1px solid var(--ui-border);margin:20px 0 0;padding-top:18px;display:grid;gap:8px}.meeting-example-plan>span{font-size:10px;letter-spacing:.1em;color:var(--ui-text-secondary)}.meeting-example-plan strong{font-size:14px}.meeting-example-plan>div{display:flex;gap:6px}.meeting-example-plan i{height:5px;background:var(--ui-accent);border-radius:2px;flex:1}
.meeting-example-status{font-size:12px;font-weight:600;color:var(--ui-text);margin:0}.meeting-example-controls,.meeting-example-chapters{display:flex;flex-wrap:wrap;gap:8px}.meeting-example-controls .btn,.meeting-example-chapters .btn{min-height:44px;font-size:12px}.meeting-example-controls .btn[aria-pressed=true],.meeting-example-chapters .btn[aria-pressed=true]{background:var(--ui-accent-soft);border-color:var(--ui-accent);color:var(--ui-accent)}
.meeting-example-chat{border-top:1px solid var(--ui-border);margin-top:20px;padding-top:8px}.meeting-example-recording{display:flex;align-items:center;gap:8px;color:var(--ui-text);font-size:12px}.meeting-example-recording>span{width:8px;height:8px;border-radius:50%;background:var(--ui-accent);animation:meeting-example-pulse 1.8s ease-in-out infinite}
.meeting-example-replay .field input[type=range]{accent-color:var(--ui-accent);height:44px;padding:0}.meeting-example-replay .example-row>strong{font-size:12px;min-width:0}.meeting-example-replay .example-row>span{font-size:11px}.meeting-example-replay .example-row{gap:8px}
[data-meeting-feedback]:empty{display:none}[data-meeting-feedback]{font-size:12px;color:var(--ui-text-secondary);margin-top:12px}.feature-example [name^=meeting-]{min-width:0;max-width:100%;box-sizing:border-box}.feature-example [name^=meeting-]:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}
@keyframes meeting-example-pulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.meeting-example-recording>span{animation:none}}
@media(max-width:400px){.meeting-example-scene{padding:20px 10px}.meeting-example-controls .btn{flex:1 1 42%}.meeting-example-chapters .btn{width:100%;text-align:left;justify-content:flex-start}}