.mdemo{--sep:rgba(255,255,255,0.11);--r-lg:14px;--sans:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--disp:var(--font-jakarta),-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif}.mdemo .screen{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--sep);border-radius:var(--r-lg);overflow:hidden}.mdemo .screen:fullscreen{border-radius:0;border:0;aspect-ratio:auto;width:100vw;height:100vh}.mdemo .chrome{position:absolute;inset:0;z-index:60;pointer-events:none;transition:opacity .45s ease}.mdemo .chrome.idle{opacity:0}.mdemo .chrome.idle .opts,.mdemo .chrome.idle .tico{pointer-events:none}.mdemo .chrome:after{content:"";position:absolute;left:0;right:0;bottom:0;height:58%;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.92) 0,rgba(0,0,0,.7) 22%,rgba(0,0,0,.3) 52%,transparent)}.mdemo .chrome>*{position:relative;z-index:2}.mdemo .lower{position:absolute;left:0;right:0;bottom:0;padding:0 1.9rem .55rem}.mdemo .instrow{display:flex;align-items:center;gap:.85rem;margin-bottom:.55rem;flex-wrap:nowrap}.mdemo .instname{font:700 10.5px/1.2 var(--sans);letter-spacing:.02em;color:#fff;flex:0 0 auto;white-space:nowrap}.mdemo .instlogo{height:22px;width:auto;max-width:150px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1);flex:0 0 auto}.mdemo .oa{flex:0 0 auto;white-space:nowrap;font:600 9.5px/1 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.9);padding:.4rem .55rem;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.mdemo .wtitle{font-family:var(--disp);font-size:clamp(19px,2.1vw,26px);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#fff;margin:0 0 .2rem}.mdemo .wsub{font-size:13.5px;color:rgba(255,255,255,.72);margin:0 0 .8rem}.mdemo .prog{height:2px;background:rgba(255,255,255,.28);border-radius:2px;overflow:hidden;margin-bottom:.45rem}.mdemo .prog i{display:block;height:100%;width:0;background:#fff}.mdemo .times{font-size:12px;color:rgba(255,255,255,.62);margin-bottom:.35rem;display:flex;gap:1.1rem;justify-content:space-between}.mdemo .tbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:52px}.mdemo .tbar .m{justify-self:start;width:30px;height:30px;border-radius:7px;display:block;flex:0 0 auto}.mdemo .tmid{gap:1.1rem}.mdemo .tmid,.mdemo .tright{display:flex;align-items:center}.mdemo .tright{justify-self:end;gap:1.35rem}.mdemo .tico{background:none;border:0;color:#fff;cursor:pointer;pointer-events:auto;padding:0;display:flex;align-items:center;justify-content:center;opacity:.95}.mdemo .tico svg{width:22px;height:22px}.mdemo .tico.big svg{width:27px;height:27px}.mdemo .opts{position:absolute;right:1.1rem;top:4.2rem;width:15rem;background:rgba(0,0,0,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);backdrop-filter:blur(10px);border-radius:14px;padding:.6rem;display:none;pointer-events:auto;z-index:70}.mdemo .opts.on{display:block}.mdemo .opts b{display:block;font:600 10.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);padding:.55rem .6rem .5rem}.mdemo .opts button{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;color:rgba(255,255,255,.8);font:500 13px/1.35 var(--sans);padding:.5rem .6rem;border-radius:9px;cursor:pointer;text-align:left}.mdemo .opts button:hover{background:rgba(255,255,255,.09);color:#fff}.mdemo .opts button.cur{background:rgba(255,255,255,.14);color:#fff;font-weight:650}.mdemo .opts button .tick{opacity:0}.mdemo .opts button.cur .tick{opacity:1}.mdemo .opts .sep{height:1px;background:rgba(255,255,255,.12);margin:.45rem .3rem}