:root{--pink:#f00a78;--pink2:#ff3a9b;--chrome:#d6d6d6;--chrome2:#ececec;--line:#a9a9a9;--dark:#4c4c4c;--text:#3e3e3e;--green:#56b86b;--red:#d73838;--blue:#3d78a8}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--text)}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:#888}.classicBody{background:#f2f2f2;font-size:13px}
.mogTopbar{height:58px;background:linear-gradient(#f9f9f9,#dadada);border-bottom:1px solid #999;display:grid;grid-template-columns:260px 1fr 260px;align-items:stretch;padding:0 10px;box-shadow:inset 0 -1px #fff}.mogBrand{display:flex;align-items:center;gap:4px;color:#555;font-size:20px}.mogBrand strong{font-weight:700}.mogBrand span{font-weight:300;font-style:italic;color:#777}.mogNav{display:flex;justify-content:center;align-items:end;gap:2px;padding-top:5px}.navPill{min-width:92px;height:47px;border:1px solid #8b8b8b;border-bottom:0;border-radius:8px 8px 0 0;background:linear-gradient(#777,#565656);color:#fff;font-size:9px;line-height:11px;text-align:left;padding:6px 10px;box-shadow:inset 0 1px rgba(255,255,255,.3)}.navPill b{font-size:11px}.liveNav{background:linear-gradient(#ff3599,#e3006d)}.mogPresence{display:flex;align-items:center;justify-content:flex-end;gap:7px}.mogPresence small{color:#777}.lamp{width:9px;height:9px;border-radius:50%;background:#888;display:inline-block}.lamp.on{background:#f00;box-shadow:0 0 8px rgba(255,0,0,.5)}.pinkRule{height:9px;background:linear-gradient(#ff3b9c,#ec0074);border-top:1px solid #ff78b8;border-bottom:1px solid #ad0054}.studioTitle{text-align:center;padding:8px 10px 10px;background:linear-gradient(#fafafa,#e9e9e9);border-bottom:1px solid #c5c5c5;color:#666}.studioTitle strong{display:block;font-size:12px}.studioTitle span{font-size:14px;color:#7a7a7a}
.classicStudio{max-width:1440px;margin:10px auto 0;padding:0 10px 10px;display:grid;grid-template-columns:38% 62%;gap:8px}.sourcePane,.productionPane{min-width:0}.sourcePane{background:#ddd;border:1px solid #aaa;border-radius:10px 10px 0 0;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.15)}.paneTitle{text-align:center;font-size:17px;padding:3px 0 6px;background:linear-gradient(#f8f8f8,#d4d4d4);border-bottom:1px solid #aaa}.sourceTabs{height:36px;background:#d2d2d2;padding:5px 8px 0;display:flex;gap:2px}.sourceTabs button{border:1px solid #999;border-bottom:0;background:#f3f3f3;color:#555;border-radius:7px 7px 0 0;padding:5px 18px;font-size:11px}.sourceTabs button.active{background:#6d6d6d;color:#fff}.sources{background:#fff;min-height:600px;max-height:690px;overflow:auto;padding:6px}.source{position:relative;display:grid;grid-template-columns:118px 1fr 72px;gap:8px;align-items:center;min-height:82px;margin-bottom:5px;border:2px solid #ffc0dd;border-radius:7px;background:linear-gradient(90deg,#ffadce,#ff7db4);padding:5px;color:#8b1748;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}.source:hover{border-color:var(--pink);background:linear-gradient(90deg,#ffb6d5,#ff8fbe)}.source.active{border-color:#ff0077;box-shadow:0 0 0 2px rgba(255,0,119,.16)}.thumb{height:68px;position:relative;background:#2f2f2f;border:1px solid #666;overflow:hidden}.thumb.remote{background:#43586d}.thumb.media{background:#64506f}.thumb.slides{background:#eee;color:#333}.thumb.safe{background:#111}.sourceVideoHost{position:absolute;inset:0}.sourceVideoHost video{width:100%;height:100%;object-fit:cover}.thumbLabel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;text-shadow:0 1px 3px #000}.srcStatus{position:absolute;left:4px;bottom:4px;background:rgba(0,0,0,.68);color:#fff;padding:2px 4px;border-radius:2px;font-size:8px}.sourceName{font-weight:bold;font-size:12px}.source .status{font-size:9px;text-transform:uppercase;color:#8a3e60;margin-top:4px}.cueSourceBtn{border:1px solid #c0005d;background:linear-gradient(#ff3b9b,#e50070);color:#fff;border-radius:7px;padding:10px 7px;font-weight:bold;box-shadow:inset 0 1px rgba(255,255,255,.5)}.sourceFooter{display:flex;justify-content:space-between;padding:8px;background:#d4d4d4;border-top:1px solid #aaa}.sourceFooter a{color:#a40052;text-decoration:none;font-size:11px;font-weight:bold}
.productionPane{display:flex;flex-direction:column;gap:8px}.monitorStrip{background:#d2d2d2;border:1px solid #aaa;border-radius:10px;padding:7px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.cueMonitor,.liveMonitor{min-width:0}.monitorLabel{font-size:14px;margin-bottom:4px;color:#4f4f4f}.screen{position:relative;aspect-ratio:16/9;background:#8d8d8d;border:1px solid #9a9a9a;overflow:hidden;display:flex;align-items:center;justify-content:center;color:white;font-size:19px;font-weight:bold;text-shadow:0 1px 3px #000}.screen::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);pointer-events:none}.videoHost{position:absolute;inset:0}.videoHost video{width:100%;height:100%;object-fit:cover}.screenName{z-index:2}.transitionBar{display:flex;align-items:center;gap:4px;padding:5px 0}.transitionBar span{margin-right:auto;color:#666;font-size:10px}.transition{border:1px solid #999;background:#efefef;color:#555;padding:4px 12px;border-radius:3px;font-size:10px}.transition.active{background:#555;color:#fff}.pinkAction{width:100%;border:1px solid #bd005d;background:linear-gradient(#ff2c94,#e4006d);color:#fff;border-radius:6px;padding:10px;font-size:14px;font-weight:bold;box-shadow:inset 0 1px rgba(255,255,255,.45)}.liveControls{display:flex;align-items:center;justify-content:space-between;padding-top:6px}.liveStatus{font-size:10px;color:#666}.greyBtn{border:1px solid #8b8b8b;background:linear-gradient(#f5f5f5,#c9c9c9);color:#555;border-radius:3px;padding:5px 11px;font-weight:bold}.lowerThird{position:absolute;left:6%;bottom:15%;background:rgba(20,20,20,.88);border-left:4px solid var(--pink);padding:8px 12px;display:none;z-index:4;font-size:14px}.lowerThird.show{display:block}.ticker{position:absolute;left:0;right:0;bottom:0;background:rgba(20,20,20,.9);padding:6px 10px;display:none;z-index:4;font-size:11px}.ticker.show{display:block}.bug{position:absolute;right:4%;top:6%;z-index:4;border:2px solid rgba(255,255,255,.85);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.hiddenBug{display:none}
.toolDeck{background:#d0d0d0;border:1px solid #aaa;border-radius:8px;overflow:hidden}.classicTabs{display:flex;background:#c8c8c8;padding:6px 8px 0;gap:3px;border-bottom:1px solid #8f8f8f}.tab{border:1px solid #898989;border-bottom:0;border-radius:6px 6px 0 0;background:linear-gradient(#777,#565656);color:#fff;padding:7px 14px;font-size:10px;font-weight:bold}.tab.active{background:linear-gradient(#f7f7f7,#dadada);color:#555}.deckGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:7px;padding:7px}.classicPanel{background:#eee;border:1px solid #aaa;min-width:0}.classicPanelHead{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#f8f8f8,#d8d8d8);border-bottom:1px solid #aaa;padding:6px 8px;color:#555;font-size:11px}.classicPanelHead.inner{margin:0 -9px 8px}.classicPanelHead span{font-size:9px;color:#888}.nextCue{padding:8px;background:#f7f7f7;border-bottom:1px solid #bbb}.nextCue small{display:block;color:#777}.nextCue strong{display:block;font-size:15px;color:#a2004f;margin:2px 0}.cueBar{display:flex;gap:4px;padding:5px;border-bottom:1px solid #bbb}.go{flex:1;border:1px solid #bd005d;background:linear-gradient(#ff2f96,#e2006d);color:#fff;border-radius:5px;font-weight:bold;padding:8px}.smallBtn{width:34px;border:1px solid #8f8f8f;background:linear-gradient(#f2f2f2,#c8c8c8);border-radius:4px}.cues{max-height:320px;overflow:auto;background:#fff}.cue{display:grid;grid-template-columns:35px 1fr 52px 66px;gap:6px;align-items:center;border-bottom:1px solid #ddd;padding:6px;cursor:pointer}.cue:hover{background:#fff0f7}.cue.current{background:#ffd4e8;border-left:4px solid var(--pink);padding-left:2px}.cue.past{opacity:.55}.num{font-size:10px;color:#777}.name{font-size:11px;font-weight:bold}.crew{font-size:9px;color:#888}.dur{text-align:right;font-size:10px}.laneTags{display:flex;justify-content:flex-end;gap:2px}.tag{font-size:8px;background:#777;color:#fff;border-radius:2px;padding:2px 3px}.tabBody{padding:9px;min-height:365px}.tabBody label{display:block;font-size:10px;margin-bottom:8px;color:#555}.tabBody input[type=text],.tabBody input:not([type]),.chatForm input,.joinCard input{width:100%;border:1px solid #aaa;background:#fff;padding:7px;margin-top:4px}.buttonRow{display:flex;gap:5px;margin:5px 0 11px}.pinkSmall{border:1px solid #bd005d;background:linear-gradient(#ff2f96,#e2006d);color:#fff;border-radius:3px;padding:5px 13px;font-weight:bold}.check{display:flex!important;align-items:center;gap:6px}.autopilotHint{font-size:9px;color:#888;border-top:1px solid #bbb;padding-top:8px}.crewRow,.producerRow{display:flex;justify-content:space-between;padding:8px 3px;border-bottom:1px solid #ccc}.crewRow span:last-child,.producerRow span:last-child{color:#4d925e;font-size:9px}.producerRow.me{background:#fff3f8}.logRow{padding:6px 3px;border-bottom:1px solid #d1d1d1;font-size:10px}.logRow span{color:#888;font-size:9px}.chatMessages{height:270px;overflow:auto;background:#fff;border:1px solid #aaa;padding:5px}.chatMsg{padding:6px;border-bottom:1px solid #ddd}.chatMsg span{font-size:9px;color:#888}.chatMsg p{margin:3px 0 0}.chatForm{display:grid;grid-template-columns:1fr auto;gap:4px;margin-top:5px}.chatForm input{margin:0}.chatForm button{border:1px solid #bd005d;background:var(--pink);color:#fff;font-weight:bold}.classicStatus{max-width:1440px;margin:0 auto 10px;padding:5px 12px;display:flex;gap:22px;color:#777;font-size:10px}.classicStatus span:last-child{margin-left:auto}.statusDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#888}.statusDot.good{background:#52b76b}.statusDot.bad{background:#d33}
.joinOverlay{position:fixed;inset:0;background:rgba(90,90,90,.82);z-index:100;display:flex;align-items:center;justify-content:center}.joinOverlay.gone{display:none}.joinCard{width:min(430px,calc(100% - 30px));background:#eee;border:1px solid #888;border-radius:10px;box-shadow:0 18px 60px rgba(0,0,0,.35);padding:24px}.joinBrand{font-size:18px;font-weight:bold;color:#555}.joinBrand span{font-weight:normal;font-style:italic}.joinCard h1{margin:20px 0 5px}.joinCard p,.joinCard small{color:#777}.joinCard label{display:block;margin:14px 0}.primaryLarge{width:100%;background:linear-gradient(#ff2f96,#df006c);border:1px solid #ae0055;color:#fff;padding:10px;font-weight:bold;border-radius:5px;margin-bottom:10px}
.hiddenVisual{display:none!important}.source.hasVideo .thumb{background:#111}
@media(max-width:1000px){.mogTopbar{grid-template-columns:180px 1fr}.mogPresence{display:none}.classicStudio{grid-template-columns:1fr}.sources{min-height:0;max-height:350px}.sourcePane{order:2}.productionPane{order:1}.deckGrid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.mogTopbar{height:auto;display:block;padding:7px}.mogBrand{justify-content:center}.mogNav{overflow:auto;justify-content:flex-start}.navPill{min-width:86px}.monitorStrip,.deckGrid{grid-template-columns:1fr}.classicStudio{padding:0 5px}.source{grid-template-columns:92px 1fr 62px}.classicStatus{flex-wrap:wrap}.classicStatus span:last-child{margin-left:0}}