.mlmv-viewer{--mlmv-red:#e43b27;--mlmv-ink:#171717;position:relative;left:50%;transform:translateX(-50%);width:min(1200px,calc(100vw - 32px));max-width:none!important;margin:2rem 0;background:#131313;color:#f7f4ef;box-shadow:0 18px 50px rgba(0,0,0,.22);font-family:Arial,Helvetica,sans-serif}
.mlmv-viewer *{box-sizing:border-box}
.mlmv-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:18px 22px 15px;border-bottom:3px solid var(--mlmv-red)}
.mlmv-title{display:flex;flex-direction:column;gap:4px;min-width:0}
.mlmv-title strong{font-size:clamp(17px,2vw,26px);line-height:1.1;letter-spacing:.015em;text-transform:uppercase;overflow-wrap:anywhere}
.mlmv-kicker{font-size:10px;font-weight:700;letter-spacing:.22em;color:#c6c3bd}
.mlmv-issue{white-space:nowrap;border:1px solid #777;padding:5px 9px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.mlmv-stage{height:min(72vh,820px);min-height:360px;position:relative;display:flex;align-items:stretch;background:#202020;outline-offset:3px}
.mlmv-sheet{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:14px;perspective:1600px;background:radial-gradient(circle at 50% 45%,#444 0,#272727 58%,#1a1a1a 100%)}
.mlmv-page{display:none;max-width:none;flex:none;background:#fff;box-shadow:0 10px 36px rgba(0,0,0,.5);transform-origin:center center}
.mlmv-ready .mlmv-page{display:block}
.mlmv-poster{max-width:80%;max-height:calc(100% - 24px);object-fit:contain;box-shadow:0 10px 36px rgba(0,0,0,.5)}
.mlmv-poster[hidden]{display:none}
.mlmv-loading{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);padding:10px 14px;border-radius:3px;background:rgba(0,0,0,.82);color:#fff;font-size:13px;z-index:2;text-align:center;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}
.mlmv-loading[hidden]{display:none}
.mlmv-loading.mlmv-error{white-space:normal;background:#8d241b}
.mlmv-edge{position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:0;border-radius:50%;width:46px;height:46px;background:rgba(0,0,0,.68);color:#fff;font-size:34px;line-height:1;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.2)}
.mlmv-edge:hover,.mlmv-button:hover,.mlmv-icon:hover{background:var(--mlmv-red);color:#fff}
.mlmv-edge:disabled,.mlmv-button:disabled{opacity:.28;cursor:default;background:transparent}
.mlmv-prev{left:12px}.mlmv-next{right:12px}
.mlmv-controls{display:flex;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid #454545}
.mlmv-button,.mlmv-icon{border:0;background:#303030;color:#fff;cursor:pointer;white-space:nowrap;font:inherit}
.mlmv-button{padding:9px 12px;font-size:13px}
.mlmv-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;text-decoration:none;font-size:21px;font-weight:400}
.mlmv-page-label{white-space:nowrap;font-size:12px;color:#dedbd7}
.mlmv-page-input{width:48px;height:31px;margin-left:5px;background:#f7f4ef;border:0;border-radius:2px;color:#171717;text-align:center;font:inherit;font-size:14px}
.mlmv-page-input::-webkit-inner-spin-button{appearance:none}
.mlmv-range{min-width:40px;flex:1;accent-color:var(--mlmv-red);cursor:pointer}
.mlmv-divider{width:1px;height:25px;background:#5b5b5b;margin:0 3px}
.mlmv-hint{margin:0;padding:0 18px 13px;color:#aaa;font-size:11px;letter-spacing:.02em}
.mlmv-viewer:fullscreen{left:0;transform:none;width:100vw;max-width:none;margin:0;display:flex;flex-direction:column}
.mlmv-viewer:fullscreen .mlmv-stage{flex:1;min-height:0;height:auto}
.mlmv-turn-next .mlmv-page{animation:mlmv-turn-next .36s ease-in-out}
.mlmv-turn-prev .mlmv-page{animation:mlmv-turn-prev .36s ease-in-out}
@keyframes mlmv-turn-next{0%{transform:rotateY(0);opacity:1}45%{transform:rotateY(-70deg);opacity:.25}55%{transform:rotateY(70deg);opacity:.25}100%{transform:rotateY(0);opacity:1}}
@keyframes mlmv-turn-prev{0%{transform:rotateY(0);opacity:1}45%{transform:rotateY(70deg);opacity:.25}55%{transform:rotateY(-70deg);opacity:.25}100%{transform:rotateY(0);opacity:1}}
@media(max-width:700px){.mlmv-header{padding:14px}.mlmv-stage{height:58vh;min-height:290px}.mlmv-controls{gap:5px;padding:9px}.mlmv-button{padding:7px}.mlmv-button span{display:none}.mlmv-icon{width:29px;height:29px;font-size:18px}.mlmv-issue{font-size:9px}.mlmv-hint{padding:0 10px 10px}.mlmv-edge{width:35px;height:35px;font-size:27px}.mlmv-prev{left:5px}.mlmv-next{right:5px}}
@media(prefers-reduced-motion:reduce){.mlmv-turn-next .mlmv-page,.mlmv-turn-prev .mlmv-page{animation:none}}
