.hdtfm-lb{position:fixed;inset:0;z-index:99999;background:rgba(15,23,42,.78);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .15s}
.hdtfm-lb.open{opacity:1}
.hdtfm-lb__box{background:#fff;width:min(1000px,96vw);height:min(90vh,1200px);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.hdtfm-lb__bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0f172a;color:#fff}
.hdtfm-lb__name{flex:1;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdtfm-lb__dl{display:inline-flex;align-items:center;gap:6px;background:#16a34a;color:#fff !important;text-decoration:none;padding:6px 14px;border-radius:7px;font-size:13px;font-weight:600;white-space:nowrap}
.hdtfm-lb__dl:hover{background:#15803d}
.hdtfm-lb__close{background:transparent;border:none;color:#fff;font-size:26px;line-height:1;cursor:pointer;padding:0 6px}
.hdtfm-lb__body{flex:1;background:#525659;display:flex;align-items:center;justify-content:center;overflow:auto}
.hdtfm-lb__body iframe{width:100%;height:100%;border:0;background:#fff}
.hdtfm-lb__body img{max-width:100%;max-height:100%;object-fit:contain;display:block}
@media (max-width:600px){.hdtfm-lb__box{width:100vw;height:100vh;border-radius:0}.hdtfm-lb__name{font-size:12px}}