@layer halo-v277-interaction {
body.call-active #call-screen .controls>.control-button,body.call-active #call-screen .controls>div>button.control-button{height:64px!important;border-radius:18px!important;background:linear-gradient(155deg,#315263,#19283e)!important;border:1px solid #9ebfd440!important;box-shadow:inset 0 1px 0 #ffffff28,0 5px 12px #0003!important;gap:5px!important}
body.call-active #call-screen .controls .control-icon{border:0!important;box-shadow:none!important;background:transparent!important;outline:0!important}
body.call-active #call-screen #end-button{background:linear-gradient(150deg,#ff6d7e,#c63055)!important;border-color:#ffabbc66!important}
body.call-active #call-screen .controls button:focus-visible{outline:2px solid #afffe7!important;outline-offset:3px!important}
body.call-active #call-screen .controls .control-button[aria-pressed=true]{background:linear-gradient(140deg,#763d51,#45293d)!important;border-color:#ee8eaa66!important}
body.call-active #call-screen :is(#remote-video,#local-video,.local-effects-preview){object-fit:contain!important;image-rendering:auto!important}
body.call-active #call-screen .video-card{background:#09151f!important}
body.call-active #call-screen .halo-call-window-button,body.call-active #call-screen #sidebar-toggle,body.call-active #call-screen .halo-device-settings-button{border-radius:12px!important;border-color:#c3e1f52c!important}
#halo-direct-call-layer .halo-direct-call-card{background:linear-gradient(135deg,#274859ef,#1c263fed)!important;border:1px solid #c7e5f245!important;box-shadow:0 24px 90px #0007,inset 0 1px 0 #ffffff26!important;padding:40px 32px 32px!important;border-radius:32px!important;gap:16px!important}
#halo-direct-call-layer .halo-call-pulse{border-radius:50%!important;background:radial-gradient(circle at 30% 20%,#749daf77,#203549)!important;border-color:#d1f0ff77!important;box-shadow:0 0 0 9px #c8e5ff06,0 16px 32px #0003!important}
#halo-direct-call-layer .halo-direct-call-card>div{gap:18px!important;margin-top:22px!important}
#halo-direct-call-layer :is(#halo-call-accept,#halo-call-decline){border-radius:22px!important;min-height:88px!important;font-weight:600!important;letter-spacing:.2px!important}
#halo-direct-call-layer #halo-call-accept{background:linear-gradient(145deg,#90efd0,#4eaca7)!important}
#halo-direct-call-layer #halo-call-decline{background:linear-gradient(145deg,#a44e69,#64384e)!important}
#halo-direct-call-layer[data-phase=outgoing] #halo-call-kicker{color:#c9c2ff!important}
@media(max-width:600px){body.call-active #call-screen .controls>.control-button,body.call-active #call-screen .controls>div>button.control-button{height:58px!important;border-radius:16px!important}#halo-direct-call-layer .halo-direct-call-card{padding:34px 22px 24px!important}}
@media(max-height:480px){#halo-direct-call-layer .halo-direct-call-card{padding:20px!important}#halo-direct-call-layer :is(#halo-call-accept,#halo-call-decline){min-height:54px!important}}
}
.halo-studio-retouch{border:1px solid #acccdd29;border-radius:18px;padding:14px;margin:8px 0 14px;color:#e6f7ff;background:#0c1c2d55;box-sizing:border-box}.halo-studio-retouch h4{margin:0 0 7px;font-size:14px}.halo-studio-retouch p{font-size:11px;line-height:1.5;color:#b3cbdc}.halo-retouch-presets{display:flex;gap:6px;margin-bottom:14px}.halo-retouch-presets button{flex:1;min-width:0;border-radius:12px;padding:10px 4px;border:1px solid #aecce933;background:#bddbff0c;color:#d9eaff;font:11px system-ui;cursor:pointer}.halo-retouch-presets [aria-pressed=true]{background:#397c7766;border-color:#a5f7df}.halo-studio-retouch label{display:grid;grid-template-columns:1fr 42px;gap:8px;margin-top:12px;font-size:12px}.halo-studio-retouch output{text-align:right;color:#9de4cc}.halo-studio-retouch input{grid-column:1/3;width:100%;accent-color:#99e5ce;box-sizing:border-box;min-width:0}
.halo-retouch-status{display:block;font-size:10px;line-height:1.5;color:#9bbdce;margin-top:12px}
