.mfc{--mfc-bg:#1d2a22;margin:0 0 8px}
.mfc-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:18px}
.mfc-tab{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1.5px solid rgba(0,0,0,.12);border-radius:14px;background:#fff;transition:.15s}
.mfc-tab strong{font-size:1.05rem}.mfc-tab span{font-size:.85rem;opacity:.7;line-height:1.35}
.mfc-tab:hover{border-color:var(--primary,#b3232a)}
.mfc-tab.on{border-color:var(--primary,#b3232a);box-shadow:0 0 0 3px rgba(179,35,42,.12)}
.mfc-tab:focus-visible,.mfc-nav:focus-visible,.mfc-bar button:focus-visible,.mfc-thumbs button:focus-visible,.mfc-stage:focus-visible{outline:3px solid #e0a100;outline-offset:2px}
.mfc-viewer{background:var(--mfc-bg);border-radius:18px;padding:18px 14px 14px;color:#fff}
.mfc-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px;overflow:hidden}
.mfc-spread{display:flex;justify-content:center;gap:0;perspective:1800px;max-width:100%;transition:opacity .22s,transform .22s}
.mfc-spread.turn-next{opacity:0;transform:translateX(-18px) rotateY(-6deg)}
.mfc-spread.turn-prev{opacity:0;transform:translateX(18px) rotateY(6deg)}
.mfc-page{margin:0;background:#fff;box-shadow:0 10px 34px rgba(0,0,0,.45);line-height:0;flex:0 1 auto;max-width:50%}
.mfc.single .mfc-page{max-width:100%}
.mfc-page img{display:block;width:100%;height:auto;max-height:82vh;object-fit:contain;cursor:zoom-in}
.mfc-page.blank{visibility:hidden;box-shadow:none}
.mfc-page.l{border-radius:4px 0 0 4px}.mfc-page.r{border-radius:0 4px 4px 0}
.mfc-spread:not(.one) .mfc-page.l::after{content:"";position:absolute}
.mfc-nav{all:unset;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.92);color:#222;font-size:2rem;line-height:44px;text-align:center;box-shadow:0 3px 12px rgba(0,0,0,.35)}
.mfc-nav:hover{background:#fff}.mfc-prev{left:4px}.mfc-next{right:4px}
.mfc-nav[disabled]{opacity:.3;cursor:default}
.mfc-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:14px 4px 4px}
.mfc-count{font-variant-numeric:tabular-nums;opacity:.85;font-size:.95rem}
.mfc-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mfc-bar button{all:unset;cursor:pointer;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);font-size:.88rem}
.mfc-bar button:hover{background:rgba(255,255,255,.12)}
.mfc-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 2px 4px;scrollbar-width:thin}
.mfc-thumbs button{all:unset;cursor:pointer;flex:0 0 auto;width:64px;border:2px solid transparent;border-radius:3px;background:#fff;line-height:0;opacity:.7}
.mfc-thumbs button img{width:100%;height:auto;display:block}
.mfc-thumbs button.on{border-color:#e0a100;opacity:1}
.mfc.zoomed .mfc-stage{overflow:auto;display:block;max-height:86vh}
.mfc.zoomed .mfc-spread{width:180%;max-width:none;justify-content:flex-start}
.mfc.zoomed .mfc-page img{max-height:none;cursor:zoom-out}
.mfc.zoomed .mfc-nav{position:sticky}
.mfc:fullscreen{background:var(--mfc-bg);padding:14px;overflow:auto}
.mfc:fullscreen .mfc-tabs{display:none}.mfc:fullscreen .mfc-page img{max-height:84vh}
@media (max-width:760px){.mfc-viewer{padding:12px 8px}.mfc-nav{width:38px;height:38px;line-height:36px}.mfc-thumbs button{width:52px}.mfc-bar{justify-content:center}}
@media (prefers-reduced-motion:reduce){.mfc-spread{transition:none}}