.demo-workspace:has(.collab-scene){display:block}.collab-scene{background:#ffffffa6;border:1px solid #fff;border-radius:26px;padding:26px;overflow:hidden}.collab-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.collab-private{font-size:.75rem;color:#6c8682}.collab-people{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:850px;margin:28px auto 0;position:relative}.collab-person{appearance:none;background:#ffffffa6;border:1px solid #e3efed;border-radius:22px;padding:22px 12px;display:flex;flex-direction:column;align-items:center;color:#294642;position:relative;transition:background .4s,border-color .4s,box-shadow .4s,transform .4s;min-width:0}.collab-person[aria-pressed=true]{border-color:#4bdec8;background:white;box-shadow:0 10px 30px #3db2a015}.collab-person.is-speaking{transform:translateY(-5px);box-shadow:0 12px 35px #3fb9a720}.collab-avatar{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#e8fcf9;color:#43cdb8;font-size:1.7rem;font-weight:600;position:relative;margin-bottom:12px}.violet .collab-avatar{background:#e9f8f6;color:#5d9990}.peach .collab-avatar{background:#fae9dd;color:#996044}.collab-person strong{font-size:1.1rem}.collab-person>span:not(.collab-avatar){font-size:.875rem;color:#5e7c77}.collab-person small{font-size:.75rem;color:#678681;margin-top:9px;min-height:2.6em;line-height:1.4}.collab-sound{position:absolute;right:-8px;bottom:0;display:flex;align-items:center;justify-content:center;gap:3px;width:30px;height:30px;border-radius:50%;background:#3ed8c1;border:3px solid #fff;opacity:0;transition:opacity .3s}.is-speaking .collab-sound{opacity:1}.collab-sound i{height:8px;width:2px;background:#fff;border-radius:2px}.is-playing .is-speaking .collab-sound i{animation:collab-voice .8s ease-in-out infinite alternate}.collab-sound i:nth-child(2){animation-delay:.2s!important}.collab-sound i:nth-child(3){animation-delay:.4s!important}.collab-exchange{position:relative;text-align:center;margin:0 auto;padding:34px 20px 26px;max-width:850px;min-height:235px}.collab-route{height:2px;background:#dcf2ef;position:absolute;top:11px;left:16.6%;right:16.6%;overflow:hidden}.collab-route i{position:absolute;left:-25%;width:25%;height:100%;background:linear-gradient(90deg,transparent,#4ce1cb,transparent)}.is-playing .collab-route i{animation:collab-connect 3s ease-in-out infinite}.collab-exchange h4{font-size:1.5rem;letter-spacing:-.04em;margin-bottom:10px;line-height:1.2}.collab-quote{font-size:1.125rem;line-height:1.65;color:#3e615c;max-width:680px;margin:auto;min-height:3.3em}.collab-caption{display:block;margin-top:14px;font-size:.75rem;color:#718c88}.collab-personal{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;background:#effaf9;border:1px solid #e7f6f4;padding:24px;border-radius:22px;align-items:center}.collab-path-copy h4{font-size:1.55rem;letter-spacing:-.035em;margin-bottom:9px;line-height:1.2}.collab-path-copy>p{font-size:.9375rem}.collab-path-copy .demo-note{margin-top:12px}.collab-work{padding:23px;background:white;border:1px solid #e4f3f1;border-radius:18px;box-shadow:0 10px 25px #2d71670a}.collab-work-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.collab-work-top strong{font-size:.9375rem}.collab-work>p{font-size:1rem;color:#52726d;min-height:3.2em}.collab-equation{font-size:1.2rem;font-weight:600;letter-spacing:-.02em;color:#3fc0ad;background:#f3fefc;padding:16px;margin:16px 0;border-radius:12px}.collab-work .demo-button{font-size:.875rem}.collab-help-text{margin-top:15px;background:#f0fdfb;padding:14px;border-radius:12px}.collab-playbar{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:24px}.collab-playbar>.demo-button{min-width:145px}.collab-beats{display:flex;gap:6px}.collab-beats button{width:35px;height:35px;border:0;background:transparent;border-radius:50%;font-size:.875rem;color:#678681}.collab-beats button[aria-pressed=true]{background:#e3fbf8;color:#40c4b0}.collab-playbar>span{font-size:.8125rem;color:#678681;white-space:nowrap}.collab-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.collab-enter{animation:collab-reveal .4s ease both}.demo-workspace>.demo-paper,.demo-workspace>.demo-side{animation:collab-reveal .35s ease both}.demo-ratio>div:nth-child(2){animation:collab-reveal .55s ease both}.demo-switch[aria-checked=true]~*{transition:all .25s}
@keyframes collab-voice{from{transform:scaleY(.6)}to{transform:scaleY(1.7)}}@keyframes collab-connect{from{left:-25%}to{left:100%}}@keyframes collab-reveal{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.collab-scene{padding:16px}.collab-people{gap:8px;margin-top:20px}.collab-person{padding:15px 7px;border-radius:16px}.collab-avatar{width:46px;height:46px;font-size:1.3rem}.collab-person>span:not(.collab-avatar){font-size:.875rem;line-height:1.35;min-height:2.7em}.collab-person small{min-height:4.2em}.collab-exchange{padding:30px 0 22px;min-height:275px}.collab-exchange h4{font-size:1.3rem}.collab-quote{font-size:1rem;min-height:5em}.collab-personal{grid-template-columns:1fr;padding:18px;gap:18px}.collab-work{padding:18px}.collab-playbar{gap:10px;flex-wrap:wrap}.collab-playbar>.demo-button{min-width:135px}.collab-beats{gap:1px}.collab-beats button{width:30px;height:38px}.collab-playbar>span{display:none}.collab-private{font-size:.75rem}.collab-equation{font-size:1.0625rem}.collab-path-copy h4{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.collab-scene *,.demo-workspace>.demo-paper,.demo-workspace>.demo-side,.demo-ratio>div:nth-child(2){animation:none!important;transition:none!important}.collab-person.is-speaking{transform:none}}