.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:16px 14px 92px;display:grid;overflow-y:auto}.rtc-debug-gate{gap:14px;width:min(100%,480px);display:grid}.rtc-debug-gate-header{gap:4px;padding-top:4px;display:grid}.rtc-debug-preview{aspect-ratio:4/3;background:#20251f;border:1px solid #ffffff24;border-radius:8px;min-height:260px;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{gap:10px;min-width:0;display:grid}.rtc-debug-device-actions{gap:10px;display:grid}.rtc-debug-join-button{min-height:44px}.rtc-debug-app--room{min-height:100svh;display:grid}.rtc-debug-layout{min-width:0;min-height:100svh;padding:0}.rtc-debug-layout>[data-participant-layout-root]{width:100%;height:100%;min-height:100svh}.rtc-debug-empty-layout{color:#ffffffb8;background:#171b18;place-items:center;min-height:100svh;padding:24px;display:grid}.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{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#141714db;border:1px solid #ffffff24;border-radius:999px;grid-template-columns:repeat(4,48px);justify-content:center;align-items:center;gap:8px;max-width:calc(100vw - 28px);padding:8px;display:grid;box-shadow:0 16px 48px #0000005c}.rtc-debug-call-toolbar .fui-Button{border-radius:999px;width:48px;min-width:48px;height:48px}.rtc-debug-call-toolbar .fui-Button .fui-Text{display:none}.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-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{gap:8px;min-width:0;display:grid}.rtc-debug-microphone-row{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;display:grid}.rtc-debug-microphone-diagnostics{gap:8px;min-width:0;min-height:52px;display:grid}.rtc-debug-native-permission-recovery{background:#101411c7;border:1px solid #ffffff24;border-radius:8px;gap:8px;min-width:0;padding:10px 12px;display:grid}.rtc-debug-native-permission-copy{color:#ffffffc7;margin:0;font-size:13px;line-height:1.35}.rtc-debug-native-permission-control{justify-self:start;max-width:100%}.rtc-debug-permission-dialog-backdrop{z-index:60;background:#0000009e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rtc-debug-permission-dialog{color:#1f2420;text-align:center;background:#f6f7f4;border:1px solid #ffffff29;border-radius:12px;justify-items:center;gap:14px;width:min(100%,520px);padding:36px 24px 24px;display:grid;position:relative;box-shadow:0 24px 80px #0000006b}.rtc-debug-permission-dialog-close{position:absolute;top:10px;right:10px}.rtc-debug-permission-dialog-icon{color:#fff;background:#1564d6;border-radius:999px;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.rtc-debug-permission-dialog-question,.rtc-debug-permission-dialog-copy{margin:0}.rtc-debug-permission-dialog-copy{color:#515a52;max-width:390px;line-height:1.45}.rtc-debug-permission-dialog-actions{gap:8px;width:min(100%,280px);display:grid}.rtc-debug-permission-dialog .rtc-debug-native-permission-recovery{color:#1f2420;background:#141a160a;width:min(100%,360px);margin-top:2px}.rtc-debug-permission-dialog .rtc-debug-native-permission-copy{color:#515a52}@media (width>=720px){.rtc-debug-app--gate{place-items:center;padding:32px 24px 104px}.rtc-debug-gate{grid-template-rows:auto repeat(3,auto);grid-template-columns:minmax(380px,560px) minmax(320px,420px);align-items:start;gap:16px 28px;width:min(100%,1020px)}.rtc-debug-gate-header{grid-column:1/-1;padding-top:0}.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{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:8px}.rtc-debug-preview{min-height:360px}.rtc-debug-floating-triggers{right:18px;bottom:calc(28px + env(safe-area-inset-bottom))}.rtc-debug-app--room .rtc-debug-floating-triggers{bottom:calc(96px + env(safe-area-inset-bottom))}.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{gap:18px 32px;width:min(100%,1060px)}.rtc-debug-preview{min-height:390px}}: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}.fluent-theme-root{--spacingHorizontalXXS:2px;--spacingHorizontalXS:4px;min-height:100%}.fluent-theme-root[data-portal-node=true]{pointer-events:none;background:0 0!important}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}