:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.error-fallback{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#1a1a1a;color:#f5f5f5;font-family:system-ui,-apple-system,sans-serif;text-align:center}.error-fallback h1{font-size:1.5rem;margin-bottom:1rem}.error-message{color:#f87171;font-family:monospace;margin-bottom:1rem;max-width:90%;word-break:break-word}.error-hint{color:#a3a3a3;font-size:.9rem;margin-bottom:1.5rem;max-width:400px}.error-fallback button{padding:.5rem 1rem;border-radius:6px;border:none;background:#3b82f6;color:#fff;cursor:pointer;font-size:1rem}#root{width:100%;min-height:100vh;margin:0;padding:0}#root.receiver-mode{max-width:none}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--corner-w: 22vw;--corner-h: calc(var(--corner-w) * 9 / 16);--corner-portrait-w: 12.4vw;--corner-portrait-h: calc(var(--corner-portrait-w) * 16 / 9);--corner-r: 10px;--corner-gap: 14px;--ease: cubic-bezier(.4, 0, .2, 1);--dur: .38s}.receiver-root{width:100vw;height:100vh;background:#000;overflow:hidden}.receiver-grid{position:relative;width:100%;height:100%}.cell{position:absolute;overflow:hidden;box-sizing:border-box;background:#0a0a0a;transition:top var(--dur) var(--ease),left var(--dur) var(--ease),width var(--dur) var(--ease),height var(--dur) var(--ease),border-radius var(--dur) var(--ease),box-shadow .22s ease;will-change:top,left,width,height}.layout-quad .slot-1{top:0;left:0;width:50%;height:50%;border-radius:0;box-shadow:inset 0 0 0 1px #262626;z-index:0}.layout-quad .slot-2{top:0;left:50%;width:50%;height:50%;border-radius:0;box-shadow:inset 0 0 0 1px #262626;z-index:0}.layout-quad .slot-3{top:50%;left:0;width:50%;height:50%;border-radius:0;box-shadow:inset 0 0 0 1px #262626;z-index:0}.layout-quad .slot-4{top:50%;left:50%;width:50%;height:50%;border-radius:0;box-shadow:inset 0 0 0 1px #262626;z-index:0}.layout-split .split-main-left{top:0;left:0;width:50%;height:100%;border-radius:0;box-shadow:inset -1px 0 #2a2a2a;z-index:0}.layout-split .split-main-right{top:0;left:50%;width:50%;height:100%;border-radius:0;box-shadow:none;z-index:0}.cell-corner{z-index:2;cursor:pointer;border-radius:var(--corner-r);box-shadow:0 0 0 2px #fff3,0 6px 24px #0009}.cell-corner:hover{box-shadow:0 0 0 2px #ffffffbf,0 6px 24px #000000b3}.layout-split .split-corner.slot-1{top:var(--corner-gap);left:var(--corner-gap);width:var(--corner-w);height:var(--corner-h)}.layout-split .split-corner.slot-2{top:var(--corner-gap);left:calc(100vw - var(--corner-gap) - var(--corner-w));width:var(--corner-w);height:var(--corner-h)}.layout-split .split-corner.slot-3{top:calc(100vh - var(--corner-gap) - var(--corner-h));left:var(--corner-gap);width:var(--corner-w);height:var(--corner-h)}.layout-split .split-corner.slot-4{top:calc(100vh - var(--corner-gap) - var(--corner-h));left:calc(100vw - var(--corner-gap) - var(--corner-w));width:var(--corner-w);height:var(--corner-h)}.layout-focus .slot-1{top:var(--corner-gap);left:var(--corner-gap);width:var(--corner-w);height:var(--corner-h)}.layout-focus .slot-2{top:var(--corner-gap);left:calc(100vw - var(--corner-gap) - var(--corner-w));width:var(--corner-w);height:var(--corner-h)}.layout-focus .slot-3{top:calc(100vh - var(--corner-gap) - var(--corner-h));left:var(--corner-gap);width:var(--corner-w);height:var(--corner-h)}.layout-focus .slot-4{top:calc(100vh - var(--corner-gap) - var(--corner-h));left:calc(100vw - var(--corner-gap) - var(--corner-w));width:var(--corner-w);height:var(--corner-h)}.layout-focus.focus-slot-1 .slot-1,.layout-focus.focus-slot-2 .slot-2,.layout-focus.focus-slot-3 .slot-3,.layout-focus.focus-slot-4 .slot-4{top:0;left:0;width:100%;height:100%;border-radius:0;box-shadow:none;z-index:1;cursor:default}.video{width:100%;height:100%;object-fit:contain;background:#000}.qr-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#00000040,#000000e0)}.qr-overlay img{width:40%;max-width:260px;border-radius:12px;background:#fff;padding:12px}.qr-overlay .label{margin-top:12px;color:#fff;font-size:1.1rem;font-family:system-ui,-apple-system,sans-serif}.cell-corner .qr-overlay img{width:55%;max-width:80px;padding:6px;border-radius:6px}.cell-corner .qr-overlay .label{font-size:.6rem;margin-top:4px}.qr-fallback-overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#000000e6}.qr-fallback-content{max-width:90%;padding:2rem;text-align:center;color:#fff;font-family:system-ui,-apple-system,sans-serif}.qr-fallback-content h2{font-size:1.25rem;margin-bottom:.5rem}.qr-fallback-content p{margin:.5rem 0;color:#d4d4d4}.qr-fallback-hint{margin-top:1rem;font-size:.9rem;color:#a3a3a3}.qr-placeholder{color:#555;font-size:1rem;font-family:system-ui,-apple-system,sans-serif}.layout-toolbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;display:flex;gap:4px;padding:6px 8px;background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:999px;opacity:.2;transition:opacity .3s ease}.layout-toolbar:hover{opacity:1}.layout-toolbar button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:#ffffffa6;cursor:pointer;border-radius:999px;transition:background .18s ease,color .18s ease}.layout-toolbar button:hover{background:#ffffff1f;color:#fff}.layout-toolbar button.active{background:#fff3;color:#fff}.orientation-badge{position:absolute;z-index:3;border:none;padding:0;cursor:pointer;border-radius:calc(var(--corner-r) * .5);box-shadow:0 0 0 2px #ffffff40,0 3px 10px #0000008c;background:#00000040;transition:width var(--dur) var(--ease),height var(--dur) var(--ease),box-shadow .18s ease}.orientation-badge:hover{box-shadow:0 0 0 2px #ffffffb3,0 3px 10px #000000b3}.slot-1 .orientation-badge{top:10px;left:10px}.slot-2 .orientation-badge{top:10px;right:10px}.slot-3 .orientation-badge{bottom:10px;left:10px}.slot-4 .orientation-badge{bottom:10px;right:10px}.orientation-badge.orientation-landscape{width:28px;height:16px}.orientation-badge.orientation-portrait{width:16px;height:28px}.voice-only-indicator{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#ffffffbf;font-family:system-ui,-apple-system,sans-serif;font-size:.9rem;background:radial-gradient(circle,#0000001a,#000000b3);pointer-events:none}.audio-controls{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:5px;padding:4px 8px 4px 5px;background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:999px;white-space:nowrap;opacity:.25;transition:opacity .25s ease}.cell:hover .audio-controls{opacity:1}.audio-mute-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;background:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .18s ease,color .18s ease}.audio-mute-btn:hover{background:#ffffff2e}.audio-mute-btn.muted{color:#ff5050e6;background:#ff323238;border-radius:50%}.audio-volume{width:56px;flex-shrink:0;height:3px;accent-color:rgba(255,255,255,.8);cursor:pointer}.audio-level-bar{width:48px;flex-shrink:0;height:4px;border-radius:2px;background:#ffffff26;overflow:hidden;position:relative}.audio-level-bar:after{content:"";position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--level, 0));background:linear-gradient(to right,#64dc64e6,#ffc832e6 70%,#ff5050e6);transition:transform .05s linear}.audio-level-corner{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:28px;height:3px;border-radius:2px;background:#ffffff26;overflow:hidden;z-index:3}.audio-level-corner:after{content:"";position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--level, 0));background:#64dc64d9;transition:transform .05s linear}.corner-mute-btn{position:absolute;top:4px;right:4px;z-index:4;width:18px;height:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#ffffffbf;cursor:pointer;padding:0;transition:background .18s ease,color .18s ease}.corner-mute-btn:hover{background:#fff3;color:#fff}.corner-mute-btn.muted{color:#ff5050e6;background:#ff32324d}.corner-mute-btn svg{width:11px;height:11px;flex-shrink:0}.cast-root{min-height:100vh;padding:16px;background:#050505;color:#f5f5f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.cast-root h1{font-size:1.5rem;margin-bottom:8px}.cast-root button{margin:12px 0;padding:10px 16px;border-radius:999px;border:none;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}.cast-root button:hover{background:#1d4ed8}.status{margin-top:4px;font-size:.9rem;opacity:.8}.preview{margin-top:16px;width:100%;max-height:40vh;background:#111}