.layout-parity-harness{color:#f5f7fa;background:#11141b;min-width:320px;min-height:100vh;position:relative;overflow:hidden}.layout-parity-surface{position:absolute;inset:0}.layout-parity-rail{z-index:20;background:#11141bdb;border:1px solid #ffffff1f;border-radius:6px;gap:8px;width:220px;padding:10px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 12px 28px #00000038}.layout-parity-rail label{color:#f5f7fa;justify-content:space-between;align-items:center;gap:8px;min-width:0;font-size:12px;line-height:16px;display:flex}.layout-parity-rail select{width:96px}.layout-parity-rail input,.layout-parity-rail select{accent-color:#52b788}@media (width<=640px){.layout-parity-rail{grid-template-columns:repeat(2,minmax(0,1fr));width:auto;left:8px;right:8px}.layout-parity-rail label{justify-content:flex-start}}.room-presence-status{z-index:30;color:#f5f7fa;background:#11141be0;border:1px solid #ffffff1f;border-radius:6px;flex-wrap:wrap;gap:8px;max-width:min(520px,100vw - 24px);padding:8px 10px;font-size:12px;line-height:16px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 12px 28px #00000038}.room-presence-status span{overflow-wrap:anywhere;min-width:0}.rtc-debug-app{color:#f7f8f3;background:#111612;min-height:100svh;position:relative;overflow:hidden}.rtc-debug-app--gate{place-items:start center;padding:8px 14px 48px;display:grid;overflow-y:auto}.rtc-debug-gate{gap:10px;width:min(100%,480px);display:grid}.rtc-debug-gate-header{gap:4px;padding-top:0;display:grid}.rtc-debug-gate-header h1{margin:0}.rtc-debug-preview{aspect-ratio:auto;background:#20251f;border:1px solid #ffffff24;border-radius:8px;width:100%;height:clamp(180px,52vw,260px);min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 70px #00000057}.rtc-debug-preview video,.rtc-debug-preview-placeholder{width:100%;height:100%}.rtc-debug-preview video{object-fit:cover;transform:scaleX(-1)}.rtc-debug-preview-placeholder{background:radial-gradient(circle at 50% 38%,#69cd9d2e,#0000 38%),linear-gradient(145deg,#25221c,#151a16 62%,#0f1211);place-items:center;display:grid}.rtc-debug-preview-placeholder span{color:#fff;background:#315f4a;border-radius:50%;place-items:center;width:92px;height:92px;font-size:32px;font-weight:700;display:grid}.rtc-debug-preview-status{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0f0dc2;border:1px solid #ffffff24;border-radius:999px;padding:4px 8px;position:absolute;bottom:10px;right:10px}.rtc-debug-entry-fields,.rtc-debug-device-setup,.rtc-debug-device-selects,.rtc-debug-device-actions{gap:10px;min-width:0;display:grid}.rtc-debug-device-actions .fui-Select__select{width:100%;min-width:0}.rtc-debug-join-button{min-height:44px}.rtc-debug-app--room{grid-template-rows:minmax(0,1fr);height:100svh;min-height:0;display:grid}.rtc-debug-layout{min-width:0;height:100%;min-height:0;padding:0;position:relative}.rtc-debug-layout>[data-participant-layout-root]{width:100%;height:100%;min-height:0}.rtc-debug-empty-layout{color:#ffffffb8;background:#171b18;place-items:center;height:100%;min-height:0;padding:24px;display:grid}.rtc-debug-speaker-diagnostics.rtc-debug-speaker-diagnostics--room{z-index:21;right:12px;bottom:calc(144px + env(safe-area-inset-bottom));pointer-events:none;min-height:0;position:fixed;left:12px}.rtc-debug-speaker-diagnostics.rtc-debug-speaker-diagnostics--room>*{pointer-events:auto}.rtc-debug-toolbar-wrap{z-index:20;right:0;bottom:max(14px, env(safe-area-inset-bottom));pointer-events:none;place-items:center;display:grid;position:fixed;left:0}.rtc-debug-call-toolbar{pointer-events:auto;grid-template-columns:repeat(4,auto);justify-content:center;align-items:center;gap:8px;max-width:calc(100vw - 28px);display:grid}.rtc-debug-floating-triggers{z-index:22;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));gap:8px;display:grid;position:fixed}.rtc-debug-app--gate .rtc-debug-floating-triggers,.rtc-debug-app--room .rtc-debug-floating-triggers{top:max(12px, env(safe-area-inset-top));bottom:auto}.rtc-debug-floating-triggers .fui-Button{border-radius:999px;width:44px;min-width:44px;height:44px;box-shadow:0 10px 30px #0000004d}.rtc-debug-drawer{z-index:40;background:#181c19;border:1px solid #ffffff24;border-bottom:0;border-radius:8px 8px 0 0;max-height:min(78svh,760px);display:grid;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -22px 70px #0000006b}.rtc-debug-drawer-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 12px 8px 16px;display:flex}.rtc-debug-drawer [aria-label=Debug\ console]{gap:12px;min-height:0;padding:14px;display:grid;overflow-y:auto}.rtc-debug-diagnostic-list{gap:8px;margin:0;display:grid}.rtc-debug-diagnostic-row{justify-content:space-between;gap:12px;display:flex}.rtc-debug-diagnostic-row dt,.rtc-debug-diagnostic-row dd{margin:0}.rtc-debug-diagnostic-row dt{color:#ffffffb3}.rtc-debug-microphone-control,.rtc-debug-microphone-status,.rtc-debug-camera-control,.rtc-debug-camera-status{gap:8px;min-width:0;display:grid}.rtc-debug-microphone-row,.rtc-debug-camera-row{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;display:grid}.rtc-debug-microphone-diagnostics,.rtc-debug-camera-diagnostics,.rtc-debug-speaker-diagnostics{gap:8px;min-width:0;min-height:52px;display:grid}.rtc-debug-speaker-control,.rtc-debug-audio-device-controls{gap:10px;min-width:0;display:grid}.rtc-debug-speaker-control--compact{min-width:220px}.rtc-debug-permission-dialog-image{width:min(100%,350px);height:auto;display:block}@media (width>=720px){.rtc-debug-app--gate{place-items:center;padding:16px 24px 56px}.rtc-debug-gate{width:min(100%,720px)}.rtc-debug-gate-header{padding-top:0}.rtc-debug-preview{height:clamp(200px,30vw,260px)}.rtc-debug-floating-triggers{right:18px;bottom:calc(28px + env(safe-area-inset-bottom))}.rtc-debug-app--gate .rtc-debug-floating-triggers,.rtc-debug-app--room .rtc-debug-floating-triggers{top:max(18px, env(safe-area-inset-top));bottom:auto}.rtc-debug-drawer{border:1px solid #ffffff24;border-radius:8px;width:min(420px,100vw - 32px);max-height:none;inset:16px 16px 16px auto;box-shadow:0 24px 80px #00000075}}@media (width>=1100px){.rtc-debug-gate{grid-template-rows:auto repeat(3,auto);grid-template-columns:minmax(380px,560px) minmax(320px,420px);align-items:start;gap:18px 32px;width:min(100%,1060px)}.rtc-debug-app--gate .rtc-debug-floating-triggers{top:auto;bottom:calc(28px + env(safe-area-inset-bottom))}.rtc-debug-gate-header{grid-column:1/-1}.rtc-debug-preview{grid-area:2/1/5}.rtc-debug-entry-fields,.rtc-debug-device-setup,.rtc-debug-join-button{grid-column:2}.rtc-debug-gate>.fui-MessageBar,.rtc-debug-gate>.rtc-debug-microphone-diagnostics,.rtc-debug-gate>.rtc-debug-camera-diagnostics,.rtc-debug-gate>.rtc-debug-speaker-diagnostics{grid-column:1/-1}.rtc-debug-entry-fields{grid-row:2}.rtc-debug-device-setup{grid-row:3;padding-top:6px}.rtc-debug-join-button{grid-row:4;margin-top:0}.rtc-debug-preview{aspect-ratio:4/3;height:auto;min-height:390px}}@media (width>=1280px){.rtc-debug-gate{grid-template-columns:minmax(420px,560px) minmax(600px,680px);width:min(100%,1240px)}.rtc-debug-device-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px}}:root{color:#f7f7f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}.app-shell{color:#f7f7f7;background:#111;place-items:center;min-height:100vh;padding:24px;font-size:20px;display:grid}.fui-MenuPopover.rtc-media-toggle-button-menu-popover{max-width:min(100%,500px)}.fui-Select.rtc-debug-microphone-device-select{max-width:100%}