/* One-to-one: a shared stage, fluid controls, explicit fit and layout choices. */
body.call-page main{max-width:1680px;padding-inline:clamp(12px,3.5vw,60px)}.real-room{max-width:1560px;width:100%;min-width:0}.video-wait:has(#labMedia){max-width:1560px}.video-check{max-width:1260px}.video-check-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr)}.video-check-grid>*{min-width:0}.device-preview{min-height:0;align-self:start;aspect-ratio:4/3;max-height:65dvh}.device-preview video{display:block;object-fit:contain;background:#32232e}.device-controls select{margin:8px 0 0}.device-controls label{font-size:12px}.device-controls button,.device-controls select{min-height:46px}.call-view{--call-fit:contain;width:100%;min-width:0;max-width:1560px;margin-inline:auto;padding:clamp(8px,1.25vw,18px);border:1px solid #5b3e51;background:linear-gradient(145deg,#2d232e,#382837);color:#fff4f8;border-radius:clamp(18px,2.4vw,30px);position:relative;overflow:hidden;isolation:isolate}.call-view[data-fit=cover]{--call-fit:cover}.call-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(8px,1.5vw,20px);height:clamp(280px,59dvh,800px);min-width:0}.call-peer,.call-self,.lk-video .lk-remote,.lk-video .lk-local{position:relative;inset:auto;width:auto;max-width:none;min-width:0;min-height:0;height:100%;overflow:hidden;border-radius:clamp(12px,1.6vw,22px);background:#493441;display:grid;place-items:center;border:1px solid #ffffff16}.call-self{background:#352a36}.call-peer>video,.call-self>video,.lk-remote>video,.lk-local>video{position:absolute;inset:0;width:100%;height:100%;max-height:none!important;object-fit:var(--call-fit)!important;object-position:center;display:none;border-radius:inherit;background:#211b25}.call-self>video{transform:scaleX(-1)}.call-peer.has-video>video,.call-self.has-video>video{display:block}.call-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:25px;max-width:100%;text-align:center}.call-empty h2{font:400 clamp(22px,3vw,40px) Georgia,serif;color:#fff0f8;margin:0}.call-empty p{font-size:clamp(10px,1.1vw,13px);color:#d6b9cb;margin:0;max-width:280px}.call-empty>span:not(.call-demo-avatar){font-size:11px;color:#e5ccd9}.call-demo-avatar{display:grid;place-items:center;overflow:hidden;width:clamp(66px,10vw,124px);height:auto;aspect-ratio:1;border-radius:50%;background:#9e7394;color:white;font:400 clamp(32px,5vw,58px) Georgia,serif;box-shadow:0 8px 40px #160e181f}.has-video>.call-empty{visibility:hidden}.call-name{position:absolute;z-index:3;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:7px 11px;border-radius:20px;background:#251b28d4;color:#fff4fa;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.call-audio-pill{border:1px solid #d2b6c93b;border-radius:24px;padding:9px 15px}.call-controls,.lk-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:clamp(12px,1.6vw,20px) 0 6px}.call-controls button,.lk-controls button{min-height:46px;min-width:46px;border-radius:14px;background:#ffffff0b;border:1px solid #e4c5d342;color:#ffeff7;font-size:12px;gap:8px;padding:12px 17px;white-space:normal}.call-controls button:disabled{opacity:.45}.call-view-tools{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;padding:4px 0 2px}.call-view-tools button{min-height:44px;padding:10px 13px;border:0;background:transparent;color:#ceb1c4;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:16px}.call-view-tools button span{font-size:10px}.call-view-tools button:hover,.call-view-tools button[aria-pressed=true]{background:#af739427;color:#fff}.call-view>p{font-size:11px;color:#cfb3c6;text-align:center;line-height:1.7;margin:8px auto 5px;max-width:700px}.call-view[data-layout=pip] .call-stage{grid-template-columns:1fr}.call-view[data-layout=pip] .call-self{position:absolute;top:clamp(10px,2vw,24px);right:clamp(10px,2vw,24px);width:clamp(100px,22%,240px);height:auto;aspect-ratio:3/4;z-index:5;box-shadow:0 10px 35px #100a1952}.call-view[data-layout=pip] .call-self .call-name{left:8px;bottom:8px;font-size:9px;padding:5px 8px}.call-view[data-layout=pip] .call-self .call-demo-avatar{width:50px;font-size:24px}.call-view[data-self=hidden] .call-self{display:none}.call-view[data-self=hidden] .call-stage{grid-template-columns:1fr}.call-end-button{margin:18px 0 6px;min-height:48px}.salon-app:has(.call-view){max-width:1500px}.call-view:fullscreen,.call-expanded{display:flex;flex-direction:column;width:100%;height:100dvh;max-width:none;border:0;border-radius:0;padding:clamp(10px,2vw,25px);padding-bottom:max(12px,env(safe-area-inset-bottom));background:#241c29}.call-view:fullscreen .call-stage,.call-expanded .call-stage{flex:1;min-height:0;height:auto}.call-expanded{position:fixed;inset:0;z-index:1000}.call-overlay-open{overflow:hidden}.call-view:fullscreen>p,.call-expanded>p{flex-shrink:0}.call-view button:focus-visible{outline:3px solid #edb2d1;outline-offset:-3px}.room-top{min-width:0}.room-top h2{overflow-wrap:anywhere}.room-clock{flex-shrink:0}.salon-local-controls button{min-height:44px}.salon-local-preview video{object-fit:contain}
@media(min-width:1900px){body.call-page main{max-width:1920px}.real-room,.video-wait:has(#labMedia),.call-view{max-width:1760px}.call-stage{height:min(66dvh,960px)}.call-view-tools button span{font-size:12px}.call-controls button{font-size:14px;padding-inline:24px}.call-name{font-size:13px;padding:9px 15px}}
@media(max-width:900px){.video-check-grid{grid-template-columns:minmax(0,1fr) minmax(240px,.85fr);gap:20px}.device-preview{position:sticky;top:18px}.call-stage{height:clamp(260px,53dvh,620px)}}
@media(max-width:700px){body.call-page main{padding:20px 12px 94px}.video-check-grid{grid-template-columns:1fr;gap:22px}.device-preview{position:relative;top:auto;max-height:48dvh;aspect-ratio:4/3}.video-check h1{font-size:clamp(36px,9vw,50px)}.call-view{padding:8px;border-radius:22px}.call-stage{height:clamp(300px,61dvh,720px);grid-template-columns:1fr}.call-view[data-layout=auto] .call-self{position:absolute;top:12px;right:12px;width:clamp(84px,26%,150px);height:auto;aspect-ratio:3/4;z-index:5;box-shadow:0 10px 35px #100a1952}.call-view[data-layout=split] .call-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:clamp(220px,45dvh,460px)}.call-view[data-layout=auto] .call-self .call-name,.call-view[data-layout=pip] .call-self .call-name{font-size:8px;padding:5px;left:5px;bottom:5px;max-width:calc(100% - 10px)}.call-self .call-empty{padding:8px;gap:8px}.call-view[data-layout=auto] .call-self .call-demo-avatar{width:42px;font-size:23px}.call-view[data-layout=auto] .call-self .call-empty>span:not(.call-demo-avatar){font-size:8px}.call-controls{gap:7px;padding-top:12px}.call-controls button{flex:1;max-width:220px;font-size:11px;padding:11px 9px}.call-view-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.call-view-tools button{flex-direction:column;gap:5px;padding:8px 2px;min-width:0;min-height:54px}.call-view-tools button span{font-size:8px;line-height:1.35;text-align:center}.call-empty{gap:12px;padding:18px}.call-demo .call-empty p{max-width:190px}.call-view[data-layout=split] .call-demo-avatar{width:60px;font-size:30px}.call-view[data-layout=split] .call-empty h2{font-size:20px}.call-view[data-layout=split] .call-empty p{font-size:10px}.call-view[data-layout=split] .call-name{font-size:9px;left:6px;bottom:6px;padding:6px 8px;max-width:calc(100% - 12px)}.call-view[data-self=hidden] .call-stage{grid-template-columns:1fr}.call-view:fullscreen,.call-expanded{height:100dvh;padding:8px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));border-radius:0}.call-view:fullscreen .call-stage,.call-expanded .call-stage{height:auto;min-height:0}}
@media(max-width:360px){.call-view-tools button span{font-size:7px}.call-controls button{font-size:10px}.call-view[data-layout=auto] .call-self{width:78px;top:9px;right:9px}.call-name{font-size:10px}.room-top{gap:8px}.room-clock{font-size:20px;padding:8px}.room-top h2{font-size:19px}.call-empty h2{font-size:24px}.call-audio-pill{font-size:9px!important;padding:7px 10px}}
@media(orientation:landscape) and (max-height:600px){.call-stage{height:clamp(180px,65dvh,360px)}.call-view-tools button{min-height:40px}.call-controls{padding-top:8px}.call-view[data-layout=auto] .call-self{width:100px;max-height:80%;aspect-ratio:4/3}.call-view:fullscreen .call-stage,.call-expanded .call-stage{height:auto}.device-preview{max-height:65dvh;aspect-ratio:16/9}.call-empty{gap:8px}.call-demo-avatar{width:60px;font-size:30px}.call-view>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.call-view *{transition:none!important}}
body.call-page.salon-mode main{max-width:1760px;width:100%;padding-inline:clamp(12px,3vw,54px)}.match-profile-photo{width:76px;height:76px;border-radius:50%;object-fit:cover;margin-bottom:14px;border:3px solid #fff}.call-self .call-demo-avatar img{object-fit:cover}.call-controls .call-end{border-color:#f5b1c8;background:#9b4266;color:white}