body,html{margin:0;height:100%}#app{height:100%;color:#fff}#app,header{background:#030b12}header{height:56px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #333}.logo{margin:0;font-weight:500;font-size:18px}.meet-room[data-v-7a992e06]{position:relative;width:100%;height:100vh;background:#030b12;overflow:hidden;display:flex;justify-content:center;align-items:center}.remote-grid[data-v-7a992e06]{display:grid;gap:8px;padding:8px;width:100%;height:100%;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:minmax(200px,1fr)}.remote-box[data-v-7a992e06]{position:relative;width:100%;height:100%}.video-box[data-v-7a992e06]{width:100%;height:100%;border-radius:8px;background:#000;-o-object-fit:cover;object-fit:cover}.username[data-v-7a992e06]{position:absolute;bottom:4px;left:8px;color:#fff;font-size:12px;background:rgba(0,0,0,.4);padding:2px 4px;border-radius:4px}.local-video[data-v-7a992e06]{position:absolute;z-index:5;display:flex;justify-content:center;align-items:center}.local-video.centered[data-v-7a992e06]{top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;height:80vh;max-width:1200px;max-height:800px}.local-video.centered video[data-v-7a992e06]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.local-video.small[data-v-7a992e06]{bottom:16px;right:16px;width:200px;height:150px}.local-video.small video[data-v-7a992e06]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.controls[data-v-7a992e06]{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10}.controls b-button[data-v-7a992e06]{font-size:18px;padding:8px 12px;border-radius:50%;background:hsla(0,0%,100%,.1);color:#fff;border:none;cursor:pointer;transition:background .2s}.controls b-button[data-v-7a992e06]:hover{background:hsla(0,0%,100%,.2)}.controls .control-btn[data-v-7a992e06]{background-color:#d3d3d3;color:#202124;border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .2s,transform .2s}.controls .control-btn[data-v-7a992e06]:hover{background-color:silver;transform:scale(1.1)}.controls .control-btn.active[data-v-7a992e06]{background-color:#ff4b5c;color:#fff}.controls .control-btn.end-call[data-v-7a992e06]{background-color:#ff3b30;color:#fff}.controls .control-btn.end-call[data-v-7a992e06]:hover{background-color:#e53935;transform:scale(1.1)}.record-canvas[data-v-7a992e06]{display:none}.enter-room[data-v-3c2eca7b]{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.enter-form[data-v-3c2eca7b]{width:300px}.logo-position[data-v-3c2eca7b]{position:absolute;text-align:center;opacity:.8;transition:all .3s ease}.bottom-center[data-v-3c2eca7b]{bottom:10px;left:50%;transform:translateX(-50%)}.top-left[data-v-3c2eca7b]{top:10px;left:10px;transform:none;text-align:left}.logo-position small[data-v-3c2eca7b]{font-size:.75rem;color:#555}.logo-position b-img[data-v-3c2eca7b]{display:block;margin:0 auto}