.fly{position:fixed;z-index:60;pointer-events:none}
.modal{position:fixed;inset:0;z-index:70;background:rgba(8,14,34,.78);display:flex;flex-direction:column;padding:18px;animation:fade .25s}
@keyframes fade{from{opacity:0}}
.modal-bar{display:flex;align-items:center;gap:10px;color:#fff;padding-bottom:12px}
.modal-bar b{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modal-bar button{height:38px;padding:0 14px;border-radius:10px;border:0;background:rgba(255,255,255,.14);color:#fff;font-weight:600}
.modal-body{flex:1;border-radius:14px;overflow:hidden;background:#fff;display:grid;place-items:center;animation:rise .35s var(--ease)}
@keyframes rise{from{transform:translateY(24px) scale(.98);opacity:0}}
.modal-body iframe{width:100%;height:100%;border:0}
.modal-body img,.modal-body video{max-width:100%;max-height:100%;object-fit:contain}
.modal-body pre{width:100%;height:100%;overflow:auto;margin:0;padding:20px;color:#16213E;white-space:pre-wrap}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120px);background:var(--navy);color:#fff;padding:12px 18px;border-radius:12px;font-weight:600;z-index:80;transition:transform .4s var(--ease);max-width:90vw;box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}
.toast.show{transform:translate(-50%,0)}

.pp-wrap{width:100%;height:100%;overflow:auto;background:#E3E7F0;padding:20px;display:block}
.pp-host{display:flex;flex-direction:column;align-items:center;gap:18px}
.pp-host>div{box-shadow:0 10px 30px -14px rgba(10,14,40,.55);border-radius:4px;overflow:hidden}
.pp-load{display:grid;place-items:center;height:100%;color:#5E6782;font-weight:600;text-align:center;padding:20px}
.pp-host .pptx-preview-wrapper{height:auto!important;overflow:visible!important;background:transparent!important;display:flex;flex-direction:column;align-items:center;gap:18px}
.pp-host .pptx-preview-slide-wrapper{margin:0!important;box-shadow:0 10px 30px -14px rgba(10,14,40,.55);border-radius:4px}