.shared-video-call-shell{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;isolation:isolate;background:radial-gradient(circle at top,rgba(226,232,240,.34),transparent 40%),radial-gradient(circle at bottom left,rgba(241,245,249,.38),transparent 36%),linear-gradient(180deg,#fff,#f8fafc 56%,#f1f5f9)}.shared-video-call-shell .shared-video-tile{display:block!important;align-items:initial!important;justify-content:initial!important;position:relative!important;z-index:auto!important;overflow:hidden!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.shared-video-call-shell .shared-video-layout__stage>.shared-video-tile,.shared-video-call-shell .shared-video-layout__self-preview>.shared-video-tile,.shared-video-call-shell .shared-video-rail .shared-video-tile{width:100%!important;height:100%!important}.shared-video-call-shell .shared-video-controls{z-index:20020!important;pointer-events:auto!important}.shared-video-call-shell .shared-video-controls__button,.shared-video-call-shell .shared-video-controls__select,.shared-video-call-shell .shared-video-controls__select select,.shared-video-call-shell .shared-video-controls__panel{z-index:auto!important}.shared-video-layout{position:relative;width:100%;height:100%;min-height:0}.shared-video-layout--grid{display:grid;width:100%;height:100%;gap:12px;padding:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.shared-video-layout--stage-overlay .shared-video-layout__stage{position:absolute;top:0;right:0;bottom:0;left:0;padding:12px}.shared-video-layout--screen-share .shared-video-layout__stage{padding:8px}.shared-video-layout__self-preview{position:absolute;right:16px;bottom:96px;width:min(22vw,220px);min-width:140px;height:min(18vw,160px);z-index:4}.shared-video-layout--split{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;height:100%;padding:12px}.shared-video-layout__split-top{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:12px;min-height:0}.shared-video-layout__split-secondary{display:grid;gap:12px;min-height:0}.shared-video-layout__split-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;min-height:180px}.shared-video-tile{position:relative;width:100%;height:100%;min-height:0;border:0;padding:0;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,#fffffff5,#f8fafcf0);border:1px solid rgba(226,232,240,.92);box-shadow:0 24px 48px #0f172a1f,inset 0 1px #ffffffb8;text-align:left}.shared-video-tile--interactive{cursor:pointer}.shared-video-tile--primary{border-radius:24px}.shared-video-tile--screen-share .shared-video-surface video{object-fit:contain;background:#020617}.shared-video-surface,.shared-video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.shared-video-surface video{width:100%;height:100%;object-fit:cover;background:#020617}.shared-video-surface--mirror video{transform:scaleX(-1)}.shared-video-placeholder{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,rgba(216,180,254,.5),transparent 36%),linear-gradient(180deg,#fffffff5,#f5f3fffa)}.shared-video-placeholder__image{width:min(36%,124px);aspect-ratio:1;object-fit:cover;border-radius:32px;border:1px solid rgba(196,181,253,.78);box-shadow:0 24px 44px #8b5cf629,inset 0 1px #ffffffe6}.shared-video-placeholder__avatar{width:96px;height:96px;border-radius:30px;display:flex;align-items:center;justify-content:center;color:#6d28d9;font-size:30px;font-weight:700;background:linear-gradient(180deg,#fffffffa,#f3e8fffa);border:1px solid rgba(196,181,253,.78);box-shadow:0 24px 44px #8b5cf629,inset 0 1px #ffffffe6}.shared-video-tile__scrim{position:absolute;inset:0 0 auto 0;height:38%;background:linear-gradient(180deg,#0f172a9e,#0f172a00)}.shared-video-tile__meta{position:absolute;left:14px;right:14px;top:14px;display:flex;align-items:start;justify-content:space-between;gap:12px;z-index:1}.shared-video-tile__identity{display:flex;align-items:center;gap:10px;color:#fff}.shared-video-tile__identity-main{display:flex;flex-direction:column;gap:4px}.shared-video-tile__identity-avatar{width:34px;height:34px;border-radius:14px;object-fit:cover;border:1px solid rgba(255,255,255,.82);box-shadow:0 12px 24px #0f172a2e;background:#ffffff3d}.shared-video-tile__identity-avatar--fallback{display:inline-flex;align-items:center;justify-content:center;color:#5b21b6;font-size:13px;font-weight:700;background:#ffffffeb}.shared-video-tile__name{font-size:14px;font-weight:700}.shared-video-tile__role{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.82}.shared-video-tile__status{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px}.shared-video-tile__debug-button{width:26px;height:26px;border:0;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#ffffffeb;background:#0f172a2e;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.shared-video-tile__debug-button--active{background:#0f172a80}.shared-video-tile__focus-hint{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#5b21b6ad;border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shared-video-tile__status-badge{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#5b21b6a3;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shared-video-tile__status-badge--muted{background:#be185de0}.shared-video-tile__debug-panel{position:absolute;top:52px;right:14px;z-index:2;width:min(320px,calc(100% - 28px));max-height:min(52vh,320px);overflow:auto;padding:12px;border-radius:16px;color:#e2e8f0;background:#020617d1;border:1px solid rgba(148,163,184,.28);box-shadow:0 18px 36px #02061752;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.shared-video-tile__debug-title{margin-bottom:10px;color:#f8fafc;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.shared-video-tile__debug-grid{display:grid;grid-template-columns:minmax(0,88px) minmax(0,1fr);gap:6px 10px}.shared-video-tile__debug-label{color:#e2e8f0b8;font-size:11px;font-weight:600}.shared-video-tile__debug-value{color:#f8fafc;font-size:11px;line-height:1.45;word-break:break-word}.shared-video-rail{position:absolute;z-index:3}.shared-video-rail--collapsed{right:16px;top:16px;display:inline-flex;align-items:center;gap:8px;border:0;padding:10px 14px;color:#5b21b6;border-radius:999px;background:#ffffffe0;border:1px solid rgba(196,181,253,.74);box-shadow:0 18px 32px #8b5cf624;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shared-video-rail--docked{top:16px;right:16px;bottom:96px;width:min(24vw,320px);display:grid}.shared-video-rail--stacked{right:16px;bottom:96px;width:min(24vw,300px);max-height:min(60vh,560px)}.shared-video-rail--compact.shared-video-rail--stacked,.shared-video-layout--screen-share .shared-video-rail--stacked{right:12px;bottom:92px;width:min(16vw,180px);max-height:min(42vh,340px)}.shared-video-rail--filmstrip{right:16px;bottom:96px;left:16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.shared-video-rail__items{display:grid;gap:10px;max-height:100%;overflow:auto}.shared-video-rail--compact .shared-video-rail__items,.shared-video-layout--screen-share .shared-video-rail__items{gap:8px}.shared-video-rail__items .shared-video-tile{min-height:140px}.shared-video-rail--compact .shared-video-rail__items .shared-video-tile,.shared-video-layout--screen-share .shared-video-rail__items .shared-video-tile{min-height:92px;border-radius:16px}.shared-video-rail__items--horizontal{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,220px);overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.shared-video-rail__scroll{width:34px;height:34px;border-radius:999px;border:0;color:#5b21b6;background:#ffffffe6;border:1px solid rgba(196,181,253,.74);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 14px 28px #8b5cf624}.shared-video-rail--carousel{display:grid}.shared-video-rail__carousel-frame{position:relative;width:100%;height:100%}.shared-video-rail--stacked .shared-video-rail__carousel-frame .shared-video-tile{min-height:140px}.shared-video-rail--compact.shared-video-rail--stacked .shared-video-rail__carousel-frame .shared-video-tile,.shared-video-layout--screen-share .shared-video-rail--stacked .shared-video-rail__carousel-frame .shared-video-tile{min-height:92px;border-radius:16px}.shared-video-rail--docked .shared-video-rail__carousel-frame{height:100%}.shared-video-rail__carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.72);color:#1e1b4b;background:#ffffffe0;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #0f172a29;z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shared-video-rail__carousel-nav--previous{left:-14px}.shared-video-rail__carousel-nav--next{right:-14px}.shared-video-controls{position:absolute;left:50%;bottom:max(18px,calc(env(safe-area-inset-bottom,0px) + 12px));transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:0;border-radius:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:180;pointer-events:auto;isolation:isolate}.shared-video-controls__panel{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%);width:min(92vw,420px);display:grid;gap:12px;padding:16px;border-radius:24px;background:#fffffff5;border:1px solid rgba(196,181,253,.76);box-shadow:0 24px 52px #8b5cf62e}.shared-video-controls__field{display:grid;gap:6px;min-width:0}.shared-video-controls__group{display:grid;gap:10px}.shared-video-controls__group-title,.shared-video-controls__field span{color:#6d28d9;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.shared-video-controls__option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.shared-video-controls__option-grid--compact{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.shared-video-controls__option{display:grid;gap:2px;min-height:58px;padding:12px 14px;border:1px solid rgba(196,181,253,.72);border-radius:18px;text-align:left;color:#4c1d95;background:#f8f5ffd1;box-shadow:inset 0 1px #ffffffa3}.shared-video-controls__option--active{color:#fff;background:linear-gradient(180deg,#8b5cf6f0,#7c3aedf0);border-color:#7c3aedd1}.shared-video-controls__option-title{font-size:13px;font-weight:700}.shared-video-controls__field select{width:100%;min-width:0;border:1px solid rgba(196,181,253,.82);color:#4c1d95;background:#f8fafcf5;border-radius:14px;padding:10px 12px;font-weight:600}.shared-video-controls__button{width:44px;height:44px;border:1px solid rgba(255,255,255,.46);border-radius:999px;color:#312e81;background:linear-gradient(180deg,#ffffff9e,#f3e8ff61);box-shadow:0 14px 24px #5b21b629,inset 0 1px #ffffff57;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1;cursor:pointer;pointer-events:auto;touch-action:manipulation}.shared-video-controls__button svg{flex:0 0 auto}.shared-video-controls__button:disabled{cursor:not-allowed;opacity:.56;box-shadow:0 10px 18px #5b21b614,inset 0 1px #ffffff3d}.shared-video-controls__button--labeled{width:auto;min-width:0;padding:0 14px}.shared-video-controls__button-label{font-size:12px;font-weight:700;white-space:nowrap}.shared-video-controls__button-subtitle{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.78;white-space:nowrap}.shared-video-controls__button--active{color:#fff;background:linear-gradient(180deg,#8b5cf6cc,#7c3aedc2);border-color:#c4b5fd70}.shared-video-controls__button--sharing{color:#fff;background:linear-gradient(180deg,#ef4444,#dc2626);border-color:#fecacab8;box-shadow:0 16px 28px #dc262657,inset 0 1px #ffffff2e}.shared-video-controls__button--muted{color:#fff;background:linear-gradient(180deg,#ef4444e0,#dc2626d1);border-color:#fecaca57}.shared-video-controls__button--danger{color:#fff;background:linear-gradient(180deg,#f43f5ed6,#e11d48c7);border-color:#fda4af52}@media (max-width: 900px){.shared-video-layout__split-top{grid-template-columns:minmax(0,1fr)}.shared-video-layout__self-preview{width:132px;height:96px}.shared-video-rail--docked,.shared-video-rail--stacked{width:min(42vw,220px)}.shared-video-rail__carousel-nav{width:24px;height:24px}.shared-video-rail__carousel-nav--previous{left:-10px}.shared-video-rail__carousel-nav--next{right:-10px}.shared-video-controls{left:12px;right:12px;bottom:max(12px,calc(env(safe-area-inset-bottom,0px) + 12px));width:auto;max-width:none;transform:none;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;padding:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shared-video-controls::-webkit-scrollbar{display:none}.shared-video-controls__panel{left:0;right:0;transform:none;width:auto}.shared-video-controls__button{width:38px;height:38px}.shared-video-controls__button svg{font-size:18px!important}.shared-video-controls__button--labeled{padding:0 12px;gap:6px}.shared-video-controls__button-label{font-size:11px}.shared-video-controls__button-subtitle{font-size:9px}.shared-video-tile__meta{left:12px;right:12px;top:12px}.shared-video-tile__identity-avatar{width:30px;height:30px}.shared-video-tile__name{font-size:13px}.shared-video-tile__role{font-size:10px}.shared-video-tile__focus-hint,.shared-video-tile__status-badge{min-height:24px;height:24px}.shared-video-tile__focus-hint{padding:0 8px;font-size:10px}.shared-video-tile__status-badge{width:24px}}