body.room-demo{background:#f1f3eb;color:#284635;margin:0}.room-demo main{max-width:1500px;margin:auto}.room-demo h1,.room-demo h2,.room-demo h3{margin:0 0 12px}.room-demo h2{font-size:23px}.room-demo label{display:block;font-size:14px;margin:9px 0}.room-demo button,.room-demo select,.room-demo input,.room-demo textarea{font:inherit}.room-demo button{border:1px solid #b9c9b4;background:#f8faf3;border-radius:7px;color:#284635;min-height:42px;padding:7px 13px;cursor:pointer}.room-demo button:disabled{opacity:.45;cursor:default}.room-demo input:not([type=checkbox]),.room-demo textarea,.room-demo select{box-sizing:border-box;width:100%;border:1px solid #b9c9b4;border-radius:6px;padding:9px;background:#fffef9;color:#284635}.room-demo textarea{resize:vertical}.room-demo [hidden]{display:none!important}.room-demo .dialog-top{position:sticky;top:0;z-index:5;display:flex;gap:15px;align-items:center;background:#183c32;color:#fff}.room-demo .room-title{margin:0;flex:1}.demo-brand{display:flex;align-items:center;gap:6px}.demo-brand a{display:grid;place-items:center;width:42px;height:42px;text-decoration:none;color:#def0e2}.demo-brand a:first-child{border:1px solid #9ac3b8;border-radius:50%;font:bold 21px Georgia;background:radial-gradient(at 30% 30%,#44776c,#163b39)}.demo-brand svg{width:30px;fill:#254e45;stroke:currentColor;stroke-width:1.6}.demo-badge{font-size:13px;border:1px solid #b5cbbc;border-radius:20px;padding:4px 13px}.demo-notice{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;padding:14px 18px;margin:0 0 15px;border:1px solid #decea9;background:#fff8e7;border-radius:9px;font-size:13px}.demo-notice>span{flex:1;min-width:200px}.demo-notice label{display:flex;gap:8px;align-items:center;white-space:nowrap}.demo-notice select{min-width:135px}#demo-status{font-size:14px;margin:0 0 12px;min-height:22px}.demo-media-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.demo-media-actions h2{margin:0;margin-inline-end:auto}.demo-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}.demo-tile{min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1e3c36;border:2px solid transparent;border-radius:9px;color:#e7f0e4;position:relative}.demo-tile.is-speaking{border-color:#9eb57a;box-shadow:0 0 0 2px #9eb57a30}.demo-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#5b7668;font:25px var(--serif);margin-bottom:6px}.demo-tile small{font-size:12px;color:#bbd0c4}.demo-tile strong{font-size:15px}.demo-tile[data-camera=true]{background:linear-gradient(135deg,#425747,#254144)}.demo-tile .demo-signal{position:absolute;top:7px;right:10px;font-size:12px;color:#d7e8b8}#demo-screen{padding:20px;margin:14px 0 0;background:#fffef7;border:1px solid #ccd7c3;border-radius:8px}.room-demo .lab-layout{display:grid}.demo-source-nav{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}#demo-results{display:flex;gap:6px;flex-wrap:wrap}#demo-source-preview{font:21px/1.9 var(--serif);margin:14px 0;padding:13px;background:#eef3e8;border-radius:7px}#demo-references{padding-inline-start:22px}#demo-references li{padding:8px 0;border-bottom:1px solid #d9dfcf}#demo-references p{white-space:pre-wrap;font:19px/1.8 var(--serif);margin:5px 0}#demo-references a{overflow-wrap:anywhere;color:#355b48}#demo-chat{padding:10px;overflow:auto;background:#fafbf7;border:1px solid #dce3d4;border-radius:8px}#demo-chat article{padding:12px;border-bottom:1px solid #dce3d4}#demo-chat article[data-kind=ai]{background:#ecf1e6;border-inline-start:3px solid #718a57}#demo-chat article p{white-space:pre-wrap;margin:5px 0;line-height:1.8}#demo-chat time{font-size:11px;color:#6b7764;margin-inline-start:8px}.demo-review{padding:12px;border:1px solid #cad7be;border-radius:6px;margin:8px 0}.room-demo :is(a,button,input,select,textarea):focus-visible{outline:2px solid #497c6f;outline-offset:3px}@media(max-width:760px){.room-demo .demo-notice{padding:10px}.demo-notice>span{flex-basis:100%}.demo-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-tile{min-height:120px}#research-dialog .room-desk{display:grid;grid-template-columns:1fr}#research-dialog .room-source{max-height:none}.room-demo .room-controls{position:static}.demo-media-actions h2{flex-basis:100%}.demo-brand a{width:36px;height:36px}.room-demo .dialog-top{gap:8px}.room-demo .demo-badge{padding:3px 8px}}

#room-presence #demo-participants{display:flex;flex:1;min-width:0;overflow-x:auto;margin:0;gap:8px}#room-presence .demo-tile{flex:0 0 140px;min-height:110px}#room-presence #demo-ai{width:105px;min-height:100px;white-space:normal;background:#e2ebf2}#room-presence:has(#demo-participants)+#room-video:not(:has(#demo-screen:not([hidden]))){display:none}

#room-presence .demo-avatar{width:32px;height:32px;font-size:19px;margin:13px 0 3px}#room-presence #demo-ai{min-height:70px;width:90px;font-size:13px}#room-presence .demo-tile strong{font-size:13px}#room-presence .demo-signal{font-size:10px}

#research-dialog #room-presence.demo-fullscreen{position:fixed;inset:0;z-index:1000;margin:0;border-radius:0;padding:48px 15px 15px;background:#e9f1f4;box-sizing:border-box;width:100%;height:100dvh}#room-presence.demo-fullscreen #demo-participants{height:100%;align-items:stretch}#room-presence.demo-fullscreen .demo-tile{flex:1;min-width:160px}#room-presence.demo-fullscreen .demo-avatar{width:90px;height:90px;font-size:48px}

#room-presence .demo-tile{padding:7px 7px 0;box-sizing:border-box;min-height:122px}#room-presence .demo-tile>strong{margin-top:auto;align-self:stretch;background:#152f2bcc;padding:4px;text-align:center;order:5;border-radius:0 0 5px 5px}.demo-audio-wave{height:17px;display:flex;gap:3px;align-items:center;margin:2px 0}.demo-audio-wave i{display:block;width:3px;height:3px;background:#718a83;border-radius:3px}.demo-audio-wave.is-playing i{background:#a5d8b0;animation:demo-voice .8s ease-in-out infinite alternate;animation-delay:calc(var(--bar)*-.17s)}@keyframes demo-voice{from{height:3px}to{height:15px}}@media(prefers-reduced-motion:reduce){.demo-audio-wave.is-playing i{animation:none;height:10px}}