:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.room{grid-template:"header header""filmstrip filmstrip""stage sidebar"1fr/1fr 20rem;height:100vh;display:grid}.room-header{grid-area:header;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.room-header h1{margin:0;font-size:1.25rem}.controls{gap:.5rem;margin-left:auto;display:flex}.filmstrip{grid-area:filmstrip;gap:.25rem;margin:0;padding:.5rem 1rem;list-style:none;display:flex}.filmstrip-rows-1 .tile{flex:1 1 0;min-width:0;max-width:12rem}.filmstrip-rows-2{flex-wrap:wrap;max-height:22vh;overflow-y:auto}.filmstrip-rows-2 .tile{flex:calc(9.09091% - .25rem);min-width:0;max-width:14rem}.tile{border:3px solid #0000;border-radius:.5rem;transition:border-color .15s ease-out}.tile-speaking{border-color:#2b8a3e}.tile-media{aspect-ratio:16/9;color:#eee;background:#333;border-radius:.3rem;place-items:center;display:grid;overflow:hidden}.tile-media video{object-fit:cover;width:100%;height:100%}.tile-placeholder{font-size:1.5rem;font-weight:600}.tile-caption{flex-wrap:wrap;gap:.25rem;padding:.25rem .1rem;font-size:.7rem;display:flex}.tile-name{font-weight:600}.tile-role,.badge{background:#7f7f7f33;border-radius:.25rem;padding:0 .3rem}.badge-hand{color:#000;background:#ffd43b}.badge-signal{color:#000;background:#74c0fc}.badge-quality{color:#000;background:#ff8787}.stage-area{grid-area:stage;min-width:0;min-height:0;padding:.5rem}.stage{background:#7f7f7f14;border-radius:.5rem;width:100%;height:100%;position:relative;overflow:hidden}.frame{box-sizing:border-box;padding:1.6rem .25rem .25rem;transition:left .2s ease-out,top .2s ease-out,width .2s ease-out,height .2s ease-out;position:absolute}.frame-offstage{visibility:hidden;pointer-events:none;width:1px;height:1px;top:0;left:0}.stage-dragging .frame{pointer-events:none}.mock-frame,.participant-frame{box-sizing:border-box;color:#111;background:#333;border-radius:.4rem;flex-direction:column;gap:.25rem;height:100%;padding:.5rem;display:flex}.participant-frame{color:#eee;padding:0;overflow:hidden}.participant-frame video{object-fit:cover;width:100%;height:100%}.mock-frame-title{margin:0;font-weight:600}.frame-body{flex:1;min-height:0;font-size:.8rem;overflow-y:auto}.frame-body p{margin:0 0 .25rem}.slot-bar{box-sizing:border-box;z-index:1;border:2px solid #0000;align-items:center;gap:.5rem;height:1.5rem;padding:0 .25rem;font-size:.75rem;display:flex;position:absolute}.slot-bar-over{border-color:#4dabf7}.slot-name{font-weight:600}.slot-held{opacity:.8}.resource-list{flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.resource-list button{touch-action:none;-webkit-user-select:none;user-select:none}.drag-preview{color:#000;pointer-events:none;z-index:10;background:#4dabf7;border-radius:.25rem;padding:.25rem .5rem;position:fixed;transform:translate(.75rem,.75rem)}.sidebar{border-left:1px solid #7f7f7f66;flex-direction:column;grid-area:sidebar;gap:1rem;padding:.5rem 1rem;display:flex;overflow-y:auto}.sidebar h2{margin:0 0 .5rem;font-size:1rem}.signal-buttons{flex-wrap:wrap;gap:.25rem;display:flex}button[aria-pressed=true]{outline:2px solid}.tallies{grid-template-columns:repeat(3,1fr);gap:.25rem;margin:.5rem 0 0;display:grid}.tallies dt{font-size:.75rem}.tallies dd{margin:0;font-weight:600}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat-log{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.chat-log li{margin-bottom:.5rem}.chat-sender{font-weight:600}.chat-log time{opacity:.7;font-size:.75rem}.chat-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.chat-form{align-items:center;gap:.25rem;display:flex}.chat-form input{flex:1}.ptt-active{color:#fff;background:#2b8a3e}:focus-visible{outline-offset:2px;outline:3px solid #4dabf7}@media (prefers-reduced-motion:reduce){.tile,.frame{transition:none}}