.ogmlc-toggle.is-active{background:rgba(45,140,255,.18);border-color:rgba(77,163,255,.38)}
.ogmlc-panel{position:relative;margin:8px 14px 0;min-height:126px;padding:0;background:transparent;border:0;box-shadow:none}
.ogmlc-stage{position:relative;height:114px}
.ogmlc-float-card{position:absolute;top:0;left:0;width:198px;height:114px;border-radius:16px;overflow:hidden;background:rgba(8,12,20,.72);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 28px rgba(0,0,0,.28)}
.ogmlc-float-card.is-large{width:248px;height:144px;z-index:5}
.ogmlc-float-card.is-draggable{box-shadow:0 0 0 1px rgba(113,153,255,.55),0 14px 30px rgba(0,0,0,.34)}
.ogmlc-float-toolbar{position:absolute;top:8px;left:8px;right:8px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px}
.ogmlc-card-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#eaf1ff;background:rgba(8,12,20,.76);padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);cursor:default}
.ogmlc-card-label.is-draggable{cursor:grab;background:rgba(48,96,255,.22);border-color:rgba(110,160,255,.4)}
.ogmlc-card-label.is-draggable::after{content:"Move";font-size:10px;opacity:.85}
.ogmlc-card-controls{display:flex;align-items:center;gap:6px}
.ogmlc-mini-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(8,12,20,.72);color:#e7f0ff;cursor:pointer;transition:all .18s ease}
.ogmlc-mini-btn:hover{background:rgba(45,140,255,.18);border-color:rgba(77,163,255,.38)}
.ogmlc-local-video,.ogmlc-remote-stage,.ogmlc-remote-img,.ogmlc-idle{width:100%;height:100%}
.ogmlc-local-video,.ogmlc-remote-img{display:block;object-fit:cover;background:#03070d}
.ogmlc-idle{display:flex;align-items:center;justify-content:center;padding:18px;color:#8ea1bf;text-align:center;line-height:1.4;background:radial-gradient(circle at top,rgba(77,163,255,.10),transparent 45%),#03070d}
.ogmlc-remote-stage{position:relative}
.ogmlc-remote-img{position:absolute;inset:0;display:none}
.ogmlc-live-badge{position:absolute;right:10px;bottom:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;background:rgba(67,189,100,.18);color:#cffff2;border:1px solid rgba(67,189,100,.32);padding:6px 10px;border-radius:999px}
.ogmlc-live-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#57e38c;box-shadow:0 0 0 rgba(87,227,140,.55);animation:ogmlcPulse 1.8s infinite}
.ogmlc-status{margin-top:6px;font-size:12px;color:#8ea1bf;min-height:18px}
.ogmlc-status.is-error{color:#ff9c9c}
.ogmlc-float-card.is-hidden-preview video,.ogmlc-float-card.is-hidden-preview .ogmlc-remote-stage{visibility:hidden}
.ogmlc-float-card.is-hidden-preview .ogmlc-idle{position:absolute;inset:0;z-index:2;display:flex}
.ogmlc-float-card.is-hidden-preview .ogmlc-idle::before{content:"Preview hidden"}
body.ogmlc-dragging,.ogmlc-card-label.is-draggable{user-select:none}
@keyframes ogmlcPulse{0%{box-shadow:0 0 0 0 rgba(87,227,140,.45)}70%{box-shadow:0 0 0 8px rgba(87,227,140,0)}100%{box-shadow:0 0 0 0 rgba(87,227,140,0)}}
@media (max-width:900px){
 .ogmlc-panel{min-height:0;margin:8px 10px 0}
 .ogmlc-stage{height:auto;display:grid;grid-template-columns:1fr;gap:10px}
 .ogmlc-float-card,.ogmlc-float-card.is-large{position:relative !important;left:auto !important;top:auto !important;width:100%;height:124px}
 .ogmlc-card-label.is-draggable::after{content:""}
}

@media (pointer: coarse){
 .ogmlc-card-label,.ogmlc-card-label.is-draggable{cursor:default}
 .ogmlc-card-label.is-draggable::after{content:""}
}