/* Mux 0.2 – styles are limited to the iframe wrapper and test controls. */
.cm-shell{position:relative;width:100%;aspect-ratio:16/9;background:#000;isolation:isolate;overflow:visible;box-sizing:border-box;}
.cm-shell.cm-absolute{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;}
.cm-original-iframe{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:none!important;aspect-ratio:auto!important;}
.cm-shell:fullscreen{width:100%!important;height:100%!important;aspect-ratio:auto!important;background:#000;}
.cm-controls{position:absolute;z-index:21;right:10px;top:10px;display:flex;align-items:flex-start;gap:5px;font-family:Inter,Arial,sans-serif;}
.cm-control-button{cursor:pointer;appearance:none;background:rgba(12,25,38,.94);color:#fff;border:1px solid rgba(255,255,255,.43);border-radius:5px;padding:6px 8px;font-size:12px;font-weight:600;line-height:1.5;}
.cm-control-button[aria-pressed="true"]{border-color:#8ee4ff;background:rgba(30,101,132,.95);}
.cm-panel{box-sizing:border-box;position:absolute;right:0;top:36px;width:min(280px,85vw);background:rgba(8,19,31,.97);border:1px solid #667d8e;padding:10px 12px;border-radius:9px;color:#fff;box-shadow:0 10px 30px #0009;}
.cm-panel[hidden]{display:none!important;}
.cm-panel p{margin:5px 0 6px!important;color:white!important;font-size:12px!important;font-weight:bold;}
.cm-button-row{display:flex;gap:3px;margin-bottom:9px;}
.cm-button-row button{flex:1;min-width:0;padding:7px 2px;font-size:11px;color:#fff;cursor:pointer;background:#263a49;border:1px solid #667d8e;border-radius:4px;}
.cm-button-row button[aria-pressed="true"]{background:#2778a3;border-color:white;}
.cm-caption{white-space:pre-line;pointer-events:none;position:absolute;z-index:14;left:50%;bottom:10%;transform:translateX(-50%);max-width:min(90%,1100px);padding:.15em .35em;color:#fff;text-align:center;font-family:Inter,Arial,Helvetica,sans-serif;font-weight:600;line-height:1.34;text-shadow:0 1px 3px #000,0 0 4px #000;border-radius:3px;}
.cm-caption[hidden]{display:none!important;}
.cm-diag{position:absolute;left:10px;top:10px;z-index:15;max-width:48%;box-sizing:border-box;pointer-events:none;padding:6px 8px;color:#fff;background:rgba(10,15,18,.82);border:1px solid #6ab5c8;border-radius:5px;font:11px/1.2 Consolas,monospace;}
.cm-next{box-sizing:border-box;position:absolute;z-index:25;right:18px;bottom:20px;width:min(390px,calc(100% - 36px));padding:18px;border-radius:12px;background:rgba(8,20,33,.97);border:1px solid rgba(255,255,255,.35);box-shadow:0 12px 30px #000c;color:#fff;font:15px/1.4 Inter,Arial,sans-serif;}
.cm-next h3{margin:0 0 8px!important;font:bold 19px/1.3 Inter,Arial,sans-serif!important;color:#fff!important;}.cm-next p{margin:0 0 9px!important;color:#e4ecf3!important;}
.cm-bar{height:4px;background:#496073;border-radius:5px;overflow:hidden;}.cm-bar span{display:block;width:100%;height:100%;background:#58afd9;transition:width .2s linear;}
.cm-next-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:15px;}.cm-next-buttons button{cursor:pointer;background:#334757;border:1px solid #8292a0;color:white;padding:9px 10px;border-radius:7px;font:14px Inter,Arial,sans-serif;}.cm-next-buttons .cm-primary{background:#2a80ad;}
@media(max-width:520px){.cm-controls{right:5px;top:5px;gap:3px}.cm-control-button{font-size:11px;padding:5px}.cm-caption{bottom:14%}.cm-next{padding:12px;right:8px;bottom:8px;width:calc(100% - 16px)}}