@layer halo-v277-interaction {
body.call-active #call-screen #chat-form{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}
body.call-active #call-screen #chat-form .chat-compose{display:flex!important;flex:1 1 auto!important;gap:8px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
body.call-active #call-screen #chat-input{display:block!important;flex:1 1 0%!important;width:0!important;min-width:0!important;max-width:none!important;min-height:44px!important;font-size:16px!important;padding:10px 12px!important}
body.call-active #call-screen #chat-form .translate-toggle{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:8px!important;width:auto!important;font-size:11px!important;line-height:1.4!important}
body.call-active #call-screen #chat-form .translate-toggle input{flex:0 0 16px!important;width:16px!important;height:16px!important;margin:0!important}
body.call-active #call-screen #chat-form #chat-send{display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important}
body.call-active #call-screen .beauty-preview{filter:none!important}
body.call-active #call-screen :is(.control-icon,.halo-call-window-button,.icon-action,.halo-device-settings-button) svg{display:block!important;width:22px!important;height:22px!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important;stroke:currentColor!important}
body.call-active #call-screen :is(#mute-button,#camera-button)::after{content:none!important;display:none!important}
body.call-active #call-screen .halo-device-settings-button::before{content:none!important}
body.call-active #call-screen #effects-panel{position:fixed!important;inset:auto max(16px,env(safe-area-inset-right)) max(110px,env(safe-area-inset-bottom)) auto!important;width:min(390px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 210px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;box-sizing:border-box!important;transform:none!important;padding:18px!important;border-radius:24px!important;z-index:120!important;background:linear-gradient(145deg,#173340,#1d203a)!important;border:1px solid #b0dcff40!important}
body.call-active #call-screen #effects-panel[hidden]{display:none!important}
body.call-active #call-screen .video-effect-button{width:100%!important;min-width:0!important;box-sizing:border-box!important;display:flex!important;gap:10px!important;align-items:center!important;white-space:normal!important}
body.call-active #call-screen .video-effect-button>span:nth-child(2){flex:1!important;min-width:0!important;overflow-wrap:anywhere!important}
body.call-active #call-screen .halo-beautify-level{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;width:100%!important;padding:12px 0!important;box-sizing:border-box!important}
body.call-active #call-screen .halo-beautify-level input{grid-column:1!important;width:100%!important;min-width:0!important;margin:0!important}
body.call-active #call-screen .halo-beautify-level output{grid-column:2!important;min-width:0!important}
@media(max-width:600px){body.call-active #call-screen #effects-panel{left:10px!important;right:10px!important;bottom:max(96px,calc(env(safe-area-inset-bottom) + 88px))!important;width:calc(100vw - 20px)!important;max-width:none!important;max-height:calc(100dvh - 175px)!important;padding:16px!important}}
@media(max-height:480px){body.call-active #call-screen #effects-panel{top:66px!important;bottom:68px!important;max-height:none!important;left:auto!important;right:10px!important;width:min(390px,calc(100vw - 20px))!important}}
}
.halo-mask-picker{border-top:1px solid #aaccee22;margin-top:12px;padding-top:14px;color:#e5f7ff}.halo-mask-picker h4{margin:0 0 7px;font-size:14px}.halo-mask-picker p{font-size:11px;line-height:1.5;color:#b7c9df;white-space:normal}.halo-mask-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.halo-mask-picker [data-mask]{display:grid;justify-items:center;align-content:center;gap:8px;min-height:70px;min-width:0;padding:10px 5px;border-radius:14px;border:1px solid #b3d7f92b;background:#aabbff0b;color:#dff7ff;white-space:normal;font:11px system-ui;cursor:pointer}.halo-mask-picker svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.halo-mask-picker [aria-pressed=true]{background:#307b7566;border-color:#9aeed7;color:#c6ffef}.halo-mask-picker button:focus-visible{outline:2px solid #a0ffe8;outline-offset:2px}.halo-mask-status{min-height:2.5em;margin-bottom:0}
@layer halo-v277-interaction {
body.call-active #call-screen{transform:none!important;animation:none!important}
body.call-active #call-screen #effects-panel{height:auto!important;min-height:0!important;display:block!important;backdrop-filter:none!important}
body.call-active #call-screen #effects-panel[hidden]{display:none!important}
}
#call-screen .video-effect-button .beauty-icon svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}