.meeting-pip{position:fixed;width:320px;height:240px;background:#1a1a1a;border-radius:12px;box-shadow:0 8px 32px #00000080;overflow:hidden;z-index:9999;cursor:move;transition:box-shadow .3s ease}.meeting-pip:hover{box-shadow:0 12px 48px #000000b3}.pip-video-container{position:relative;width:100%;height:100%;background:#000}.pip-remote-video{position:absolute;top:0;left:0;width:100%;height:100%}.pip-remote-video video{width:100%;height:100%;object-fit:cover}.pip-waiting{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;background:#1a1a1a}.pip-waiting p{margin-top:12px;font-size:12px}.pip-local-video{position:absolute;bottom:8px;right:8px;width:80px;height:60px;border-radius:8px;overflow:hidden;border:2px solid #fff;background:#000}.pip-local-video video{width:100%;height:100%;object-fit:cover}.pip-video-off-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#333;color:#fff}.pip-title{position:absolute;top:0;left:0;right:0;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);padding:8px 12px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:12px;font-weight:500}.pip-title span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:8px}.pip-participants-count{display:flex;align-items:center;gap:4px;background:#fff3;padding:2px 8px;border-radius:12px;font-size:11px}.pip-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:12px;display:flex;justify-content:center;gap:8px;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pip-control-btn{width:32px;height:32px;border-radius:50%;border:none;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px}.pip-control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.pip-control-btn.muted{background:#dc3545cc}.pip-control-btn.muted:hover{background:#dc3545}.pip-control-btn.video-off{background:#dc3545cc}.pip-control-btn.video-off:hover{background:#dc3545}.pip-control-btn.restore{background:#007bffcc}.pip-control-btn.restore:hover{background:#007bff}.pip-control-btn.leave{background:#dc3545cc}.pip-control-btn.leave:hover{background:#dc3545}@media (max-width: 768px){.meeting-pip{width:280px;height:210px}.pip-local-video{width:70px;height:52px}.pip-control-btn{width:28px;height:28px;font-size:14px}}