moqi-app-preview{display:block;width:100%;aspect-ratio:4/3;container-type:inline-size;font-family:"Segoe UI Variable Display","Segoe UI","Microsoft YaHei",sans-serif;color:#191919}.mq-live-app{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid rgba(0,0,0,.15);border-radius:inherit;background:linear-gradient(135deg,#f8fbff,#f3f5f8 52%,#edf4fb);user-select:none}.mq-winbar{height:4.5%;display:flex;justify-content:flex-end;align-items:center;padding:0 1.2%}.mq-win-control{width:5.2%;text-align:center;font-size:1.9cqw;line-height:1}.mq-shell{width:91%;height:89%;margin:0 auto}.mq-app-head{height:10%;display:flex;align-items:center;justify-content:space-between;gap:2%}.mq-app-title{font-size:2.35cqw;font-weight:650;white-space:nowrap}.mq-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:1.1%;width:60%}.mq-ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.65cqw;height:4.3cqw;padding:0 1.65cqw;border:1px solid rgba(0,0,0,.09);border-bottom-color:rgba(0,0,0,.18);border-radius:.78cqw;color:#191919;background:rgba(255,255,255,.75);box-shadow:0 .2cqw .5cqw rgba(0,0,0,.05);font-size:1.42cqw;font-weight:500;white-space:nowrap;cursor:pointer}.mq-settings{width:4.3cqw;padding:0}.mq-roll-actions{height:11%;display:flex;align-items:center;justify-content:center;gap:1.3cqw}.mq-roll-actions .mq-ui-btn{height:5.1cqw;padding:0 2.5cqw;font-size:1.55cqw}.mq-roll-actions .mq-primary{color:#fff;background:#0786d8;border-color:#0067c0;box-shadow:0 .45cqw 1.35cqw rgba(0,103,192,.23)}.mq-roll-actions .mq-secondary{color:#0f6cbd;background:rgba(15,108,189,.08);border-color:rgba(15,108,189,.25)}.mq-roll-actions .mq-muted{background:rgba(243,243,243,.86)}.mq-display{height:68%;display:flex;align-items:center;justify-content:center;padding:2%;border:1px solid rgba(255,255,255,.8);border-radius:1.15cqw;background:rgba(255,255,255,.78);box-shadow:0 .2cqw .7cqw rgba(15,23,42,.07);font-size:5.6cqw;font-weight:650;text-align:center;overflow:hidden}.mq-name{transition:transform .18s,opacity .18s}.mq-name.changing{transform:scale(.88);opacity:.35}.mq-batch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.2cqw}.mq-batch span{padding:1cqw 1.7cqw;border:1px solid rgba(0,0,0,.06);border-radius:.8cqw;color:#0067c0;background:#fff;font-size:2.3cqw;box-shadow:0 .2cqw .6cqw rgba(0,0,0,.05)}.mq-mode{position:absolute;left:50%;bottom:2.3%;transform:translateX(-50%);height:4.6cqw;padding:0 2.7cqw;border:1px solid rgba(255,255,255,.7);border-radius:99px;background:rgba(255,255,255,.9);box-shadow:0 1.2cqw 3.2cqw rgba(15,23,42,.15);font-size:1.45cqw;font-weight:650;white-space:nowrap}.mq-live-label{position:absolute;left:1.3%;bottom:1.3%;display:flex;align-items:center;gap:.55cqw;padding:.55cqw .8cqw;border:1px solid rgba(0,0,0,.08);border-radius:99px;color:#61656c;background:rgba(255,255,255,.75);font-size:.95cqw;font-weight:700}.mq-live-label:before{content:"";width:.65cqw;height:.65cqw;border-radius:50%;background:#42b94e;box-shadow:0 0 0 .35cqw rgba(66,185,78,.13)}
.mq-ui-btn i{width:1.55cqw;font-size:1.45cqw;text-align:center}.mq-win-control i{font-size:1.35cqw}.mq-mode i{margin-right:.7cqw;font-size:1.35cqw}.mq-live-label{max-width:48%;line-height:1.35;white-space:normal}
@media(max-width:600px){.mq-head-actions .mq-list{display:none}.mq-shell{width:94%}.mq-app-title{font-size:2.65cqw}.mq-roll-actions .mq-ui-btn{padding:0 2cqw}.mq-display{height:69%}}