.win10-preview-overlay{background-color:#000!important;display:flex;align-items:center;justify-content:center;z-index:2000}
.win10-preview-content{background:transparent!important;border:none!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;padding:0!important;display:flex;flex-direction:column;position:relative;overflow:hidden}
.win10-top-bar{position:absolute;top:0;left:0;width:100%;padding:15px 10px;display:flex;align-items:center;justify-content:space-between;z-index:101;background:linear-gradient(to bottom,#0009,transparent)}
.win-back-btn{background:transparent;border:none;color:#fff;font-size:1.4rem;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center}
.win10-header-info{flex:1;margin-left:10px;color:#fff}
.win10-header-info h2{font-size:1rem;font-weight:400;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.win10-header-info span{font-size:.7rem;opacity:.7;display:block}
.win10-viewport{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;background:#000}
.win10-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .1s ease-out;user-select:none}
.win10-iframe{width:100%;height:100%;border:none;background:#fff}
.win10-toolbar{height:85px;background:linear-gradient(to top,#000000b3,transparent);display:flex;justify-content:space-around;align-items:center;padding:0 10px env(safe-area-inset-bottom);z-index:100;width:100%;position:absolute;bottom:0}
.win-btn{background:transparent;border:none;color:#fff;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.3rem;transition:opacity .2s}
.win-btn:active{opacity:.5}
@media (max-width:768px) {
.win10-toolbar{height:90px;background:#0006}
.win-btn{font-size:1.4rem}
.win10-header-info h2{font-size:.9rem}
}