.visio-videos{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.visio-videos figure{margin:0;min-width:0}.visio-videos video{width:100%;aspect-ratio:4/3;object-fit:cover;background:radial-gradient(circle,#624275,#21152b);border:1px solid #ba97c6;border-radius:28px}.visio-videos figcaption{padding:.6rem;text-align:center;color:#ead5e5}.visio-controls{display:flex;flex-wrap:wrap;gap:.3rem;margin:1rem 0}[data-timer]{color:#f2d18e;border:1px solid #c9a965;padding:.6rem 1rem;border-radius:999px;font-variant-numeric:tabular-nums}.workspace-card details{margin:1rem 0;line-height:1.8}.workspace-card summary{cursor:pointer;min-height:44px;color:#f2d18e}@media(max-width:620px){.visio-videos{grid-template-columns:1fr}.visio-videos figure:last-child{max-width:50%;margin-left:auto}.visio-controls{display:grid}}
.visio-videos video,.visio-comfort-preview{border:1px solid var(--video-comfort-border,rgba(180,139,212,.19));box-shadow:var(--video-comfort-shadow,none)}
.visio-comfort{margin:0 0 1.5rem;border:1px solid #b48bd433;border-radius:18px;padding:.5rem 1rem;background:#21182b}
.visio-comfort summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#ead5e5}
.visio-comfort-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem;padding:1rem 0}
.visio-comfort-body>p,.visio-palette{grid-column:1/-1}.visio-palette,.visio-play-menu{display:flex;flex-wrap:wrap;gap:.6rem}
.visio-comfort-body label{display:grid;gap:.5rem;align-content:start}.visio-comfort-body input[type=color]{width:100%;max-width:100px;height:44px;padding:3px}.visio-comfort-body input[type=range]{width:100%;min-height:44px;padding:0}.visio-comfort-body output{font-variant-numeric:tabular-nums}
.visio-comfort-preview{padding:1rem;border-radius:14px;align-self:center;text-align:center}.visio-palette [aria-pressed=true]{outline:1px solid #d3b477;outline-offset:2px}
.visio-play-menu .button,.visio-comfort .button,.visio-controls .button{min-height:44px;padding:.65rem 1rem;font-size:.95rem}
.visio-device-settings{border-bottom:1px solid #b48bd422;padding-bottom:.5rem}.visio-device-settings summary{font-size:.95rem}
.visio-controls [data-camera]::before{content:'◉ ';opacity:.75}.visio-controls [data-microphone]::before{content:'♪ ';opacity:.75}.visio-controls [data-leave]::before{content:'↗ ';opacity:.75}
/* Focused call: scheduling and history never compete with the live controls. */
[data-room][hidden],.visio-controls [hidden]{display:none!important}
.visio-room-focused>.workspace-heading,.visio-room-focused>.workspace-grid,.visio-room-focused>.workspace-private-note{display:none}
[data-room]{scroll-margin-top:12px}[data-room] h2:focus{outline-offset:4px}
[data-room] .visio-videos video{max-height:58dvh}
[data-room] .workspace-feedback:empty{display:none}
[data-room] .visio-controls{position:sticky;bottom:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.7rem;background:#201729f5;border:1px solid #b48bd433;border-radius:18px;margin:1rem 0}
[data-room]:not(.is-joined) [data-camera],[data-room]:not(.is-joined) [data-microphone],[data-room].is-joined .visio-device-settings{display:none}
.visio-controls .visio-comfort{position:static;margin:0;padding:0;border:0;background:transparent}
.visio-controls .visio-comfort summary{border:1px solid #b48bd477;border-radius:999px;padding:.55rem .9rem;min-height:44px;font-size:.95rem;list-style:none}
.visio-controls .visio-comfort summary::-webkit-details-marker{display:none}
.visio-controls .visio-comfort[open]>summary{background:#54375f}
.visio-controls .visio-comfort-body{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:#251c2e;border:1px solid #b48bd477;border-radius:18px;box-shadow:0 8px 30px #0008;padding:1rem;max-height:55dvh;overflow:auto;overscroll-behavior:contain;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.visio-controls .visio-comfort:not([open])>.visio-comfort-body{display:none}
.visio-comfort-body p{margin:0}.visio-comfort-preview{padding:.6rem}
.visio-comfort-body>button{align-self:center;justify-self:start;min-height:44px}
.visio-icebreakers,.visio-report-details,.visio-history{border-top:1px solid #b48bd433;padding-top:.4rem}
@media(max-width:620px){
 [data-room].workspace-card{padding:14px}
 [data-room] .visio-videos{position:relative;display:block}
 [data-room] .visio-videos video{max-height:43dvh}
 [data-room] .visio-videos figure:last-child{position:absolute;right:8px;bottom:46px;width:30%;max-width:155px;margin:0}
 [data-room] .visio-videos figure:last-child video{border-radius:12px}
 [data-room] .visio-videos figure:last-child figcaption{font-size:.7rem;padding:.15rem;background:#201729db;border-radius:8px}
 [data-room] .visio-controls .button,[data-room] .visio-controls .visio-comfort summary{font-size:.82rem;padding:.55rem .7rem}
 [data-room] .visio-comfort-body{grid-template-columns:1fr 1fr;max-height:48dvh}
 .visio-comfort-body .visio-comfort-preview{display:none}
}