.vuitalk-camera-panel{background:#102034;border:1px solid #273d57;border-radius:14px;padding:10px;margin:10px 0}.vuitalk-camera-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vuitalk-camera-bar strong{margin-right:auto}.vuitalk-camera-bar button{min-height:40px}.vuitalk-camera-strip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;margin-top:10px}.vuitalk-camera-tile,.vuitalk-camera-add{position:relative;flex:0 0 calc((100% - 16px)/3);aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#15283c;scroll-snap-align:start}.vuitalk-camera-tile video{width:100%;height:100%;object-fit:contain;background:#08131f}.vuitalk-camera-tile>span{position:absolute;bottom:0;left:0;right:0;background:#08131fcc;font-size:11px;padding:4px 7px}.vuitalk-camera-tile>button{position:absolute;top:3px;right:3px;min-height:30px;padding:3px 8px}.vuitalk-camera-status{font-size:12px;color:#93aac3;margin:7px 0 0}.vuitalk-camera-add{font-size:28px}.vuitalk-camera-panel[hidden],.vuitalk-camera-strip[hidden]{display:none}@media(min-width:900px){.vuitalk-camera-tile,.vuitalk-camera-add{flex-basis:calc((100% - 24px)/4)}}
.vuitalk-camera-bar{flex-wrap:nowrap;gap:5px}.vuitalk-camera-bar strong{font-size:12px;white-space:nowrap}.vuitalk-camera-bar button{min-height:30px;padding:4px 7px;font-size:11px;white-space:nowrap}.vuitalk-camera-status{font-size:10px;margin:5px 0 0}

@media(min-width:900px){.vuitalk-camera-tile,.vuitalk-camera-add{flex-basis:calc((100% - 16px)/3)}}.vuitalk-camera-strip{overscroll-behavior-x:contain;scrollbar-width:thin}.vuitalk-camera-tile>button{opacity:0;transition:opacity .12s}.vuitalk-camera-tile:hover>button,.vuitalk-camera-tile:focus-within>button{opacity:1}.vuitalk-camera-tile>.vuitalk-camera-remove{right:36px}.vuitalk-camera-picker{display:flex;flex-direction:column;gap:6px;margin:10px 0}.vuitalk-camera-picker button{font-size:12px;min-height:32px;text-align:left}.vuitalk-camera-status:empty{display:none}@media(hover:none){.vuitalk-camera-tile>button{opacity:1}}

.vuitalk-camera-zoom{position:relative;width:min(420px,100%);margin:8px auto 0;border:1px solid #29405b;border-radius:10px;background:#08131f;overflow:hidden}.vuitalk-camera-zoom video{display:block;width:100%;max-height:30dvh;aspect-ratio:16/9;object-fit:contain}.vuitalk-camera-zoom>button{position:absolute;right:4px;top:4px;min-height:26px;padding:3px 6px;font-size:10px}.vuitalk-camera-zoom[hidden]{display:none}@media(max-width:600px){.vuitalk-camera-zoom{width:min(320px,100%)}.vuitalk-camera-zoom video{max-height:25dvh}}