.file-preview-overlay{align-items:stretch;background:rgba(8,18,20,.88);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:10050}.file-preview-overlay,.file-preview-overlay *{box-sizing:border-box}.file-preview-overlay[hidden]{display:none!important}.file-preview-dialog{background:#181d1f;border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.38);color:#fff;display:flex;flex-direction:column;max-height:calc(100vh - 48px);max-width:1500px;overflow:hidden;position:relative;width:100%}.file-preview-header{align-items:center;background:#202628;display:flex;flex:0 0 auto;gap:14px;min-height:58px;padding:8px 10px 8px 20px}.file-preview-title{display:flex;flex:1;flex-direction:column;line-height:1.25;min-width:0}.file-preview-title strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-title span{color:#aeb8ba;font-size:11px;margin-top:3px}.file-preview-actions{align-items:center;display:flex;gap:4px}.file-preview-action{align-items:center;background:transparent;border:0;border-radius:6px;color:#e7eded;cursor:pointer;display:inline-flex;font-size:16px;height:40px;justify-content:center;text-decoration:none;width:40px}.file-preview-action:hover,.file-preview-action:focus-visible{background:rgba(255,255,255,.1);color:#fff}.file-preview-counter{color:#c6cecf;font-size:12px;margin:0 7px;white-space:nowrap}.file-preview-stage{align-items:center;background:#32383a;display:flex;flex:1;justify-content:center;min-height:0;overflow:auto;padding:28px;position:relative}.file-preview-frame{background:#fff;border:0;border-radius:3px;height:100%;max-width:1100px;width:100%}.file-preview-image{display:block;max-height:100%;max-width:100%;object-fit:contain;transform-origin:center;transition:transform .16s ease}.file-preview-text{background:#fff;border-radius:4px;color:#253133;font:13px/1.6 Consolas,"Courier New",monospace;height:100%;margin:0;max-width:1100px;overflow:auto;padding:28px;white-space:pre-wrap;width:100%}.file-preview-empty{align-items:center;color:#dbe2e3;display:flex;flex-direction:column;max-width:430px;text-align:center}.file-preview-empty i{color:#aebabc;font-size:54px;margin-bottom:18px}.file-preview-empty strong{font-size:18px}.file-preview-empty p{color:#aebabc;margin:8px 0 20px}.file-preview-empty .btn{background:var(--brand);border-color:var(--brand);color:var(--brand-button-text)}.file-preview-empty-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}.file-preview-empty-actions .btn{margin:0}.file-preview-nav{align-items:center;background:rgba(18,23,25,.78);border:0;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:21px;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:48px;z-index:2}.file-preview-nav:hover,.file-preview-nav:focus-visible{background:var(--brand)}.file-preview-nav--previous{left:16px}.file-preview-nav--next{right:16px}.file-preview-nav[hidden]{display:none}.file-preview-loading{align-items:center;color:#fff;display:flex;flex-direction:column;gap:12px}.file-preview-loading i{font-size:28px}.file-preview-zoom{align-items:center;background:rgba(18,23,25,.78);border-radius:7px;bottom:14px;display:flex;gap:2px;padding:4px;position:absolute}.file-preview-zoom[hidden]{display:none}.file-preview-zoom button{background:transparent;border:0;border-radius:4px;color:#fff;height:34px;width:36px}.file-preview-zoom button:hover{background:rgba(255,255,255,.12)}body.file-preview-open{overflow:hidden}
@media(max-width:767px){.file-preview-overlay{padding:0}.file-preview-dialog{border-radius:0;max-height:100vh}.file-preview-header{min-height:56px;padding-left:14px}.file-preview-title span,.file-preview-action--external{display:none}.file-preview-counter{font-size:11px;margin:0 2px}.file-preview-stage{padding:10px}.file-preview-nav{height:42px;width:42px}.file-preview-nav--previous{left:8px}.file-preview-nav--next{right:8px}.file-preview-text{padding:18px}.file-preview-frame{border-radius:0}}