body.public-demo{--demo-top:132px;padding-top:var(--demo-top)}
.public-demo .message-dock-open .message-dock-window{max-height:calc(100dvh - var(--demo-top) - 12px);min-height:0}
.public-demo .message-dock-open .message-dock-recent-window{height:calc(100dvh - var(--demo-top) - 12px)}
.public-demo-controls{position:fixed;z-index:200;inset:0 0 auto;min-height:80px;box-sizing:border-box;display:flex;align-items:center;gap:16px;padding:14px 22px;background:#fff;border-bottom:1px solid #e5ddeb;color:#30263d;font:14px/1.4 system-ui,sans-serif}
.public-demo-controls>a>img{display:block;width:88px;height:auto}.public-demo-copy{flex:1;min-width:100px}.public-demo-copy strong,.public-demo-copy span{display:block}.public-demo-copy strong{font-size:17px}.public-demo-copy span{font-size:12px;color:#71677b;max-width:370px}
.public-demo-controls label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:650}.public-demo-controls select,.public-demo-controls button{min-height:38px;padding:8px 10px;border:1px solid #d9cfe4;border-radius:9px;background:#fff;color:#40334e;font:inherit}.public-demo-join{padding:11px 15px;border-radius:10px;background:#7048a2;color:#fff!important;text-decoration:none;font-weight:650;white-space:nowrap}
.public-demo-tour{position:fixed;inset:80px 0 auto;z-index:199;display:flex;align-items:center;gap:18px;min-height:52px;box-sizing:border-box;padding:10px 22px;background:#f4eff9;border-bottom:1px solid #e5ddeb;font:12px/1.4 system-ui,sans-serif;color:#554267}.public-demo-tour a{color:#573081;text-underline-offset:3px}.public-demo-tour>span{margin-left:auto;font-size:11px;max-width:320px}
.public-demo .sidebar{top:var(--demo-top);height:calc(100dvh - var(--demo-top))}.public-demo .topbar{top:var(--demo-top)}.public-demo .demo-banner,.public-demo #storage-mode,.public-demo #outlook-connection,.public-demo #connection-status,.public-demo .tap-session-nav,.public-demo .invite-topbar,.public-demo .signout-topbar,.public-demo #test-as-toggle,.public-demo .sidebar-footer>small,.public-demo .page-footer>span:last-child{display:none!important}
.public-demo .persona-label{display:flex!important}.public-demo .persona-label select{max-width:190px}.public-demo .public-demo-controls button:focus-visible,.public-demo .public-demo-controls a:focus-visible,.public-demo .public-demo-controls select:focus-visible,.public-demo-tour a:focus-visible{outline:3px solid #725097;outline-offset:3px}
@media(max-width:1000px){.public-demo-copy span{display:none}.public-demo-controls{gap:10px}.public-demo-tour>span{display:none}.public-demo-join{font-size:12px}}
@media(max-width:650px){body.public-demo{--demo-top:178px}.public-demo-controls{min-height:126px;padding:10px 12px;gap:8px;flex-wrap:wrap}.public-demo-controls>a>img{width:66px}.public-demo-copy{flex-basis:calc(100% - 85px)}.public-demo-copy strong{font-size:15px}.public-demo-controls label{flex:1 1 130px;min-width:0}.public-demo-controls select{width:100%;min-width:0;max-width:none;font-size:11px;padding:8px 5px}.public-demo-controls button{flex:0 0 auto;font-size:11px;padding:8px}.public-demo-join{flex:0 0 100px;box-sizing:border-box;white-space:normal;width:100px;padding:8px;text-align:center;font-size:11px}.public-demo-tour{top:126px;padding:8px 12px;gap:14px;overflow:auto;white-space:nowrap}.public-demo-tour>strong{display:none}.public-demo .persona-label select{max-width:145px}}
/* A compact, theme-aware guide; actions use the same forms and rules as the workspace. */
.demo-sharing-guide{margin:0 0 24px;border:1px solid var(--border,#d8d2e5)}
.demo-sharing-guide summary{padding:16px 20px;cursor:pointer;font-weight:700}
.demo-sharing-guide-body{padding:0 20px 20px}
.demo-sharing-guide-body h2{margin-top:12px}
.demo-sharing-guide-body .actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:600px){.demo-sharing-guide summary{padding:12px}.demo-sharing-guide-body{padding:0 12px 12px}.demo-sharing-guide-body .btn{white-space:normal}}