.file-previewer-root{--file-previewer-bg:var(--dna-overlay-strong);--file-previewer-panel:var(--dna-surface);--file-previewer-panel-soft:var(--dna-surface-soft);--file-previewer-text:var(--dna-ink);--file-previewer-muted:var(--dna-ink-muted);--file-previewer-line:var(--dna-line);--file-previewer-brand:var(--dna-brand);position:fixed;inset:0;z-index:100001;display:none;align-items:center;justify-content:center;padding:22px;background:var(--file-previewer-bg)}.file-previewer-root.file-previewer-root--open{display:flex}.file-previewer{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1120px,94vw);max-height:90vh;overflow:hidden;border:1px solid var(--file-previewer-line);border-radius:24px 24px 24px 0;background:var(--file-previewer-panel);color:var(--file-previewer-text);box-shadow:var(--dna-shadow-modal);animation:180ms both filePreviewerIn}.file-previewer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--file-previewer-line)}.file-previewer__title{min-width:0}.file-previewer__title p{margin:0 0 5px;color:var(--file-previewer-brand);font-size:10px;font-weight:900;text-transform:uppercase}.file-previewer__title span,.file-previewer__title strong{display:block}.file-previewer__title strong{overflow:hidden;max-width:min(720px,60vw);text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:1.08}.file-previewer__title span{margin-top:7px;color:var(--file-previewer-muted);font-size:12px;font-weight:800}.file-previewer__actions{display:flex;align-items:center;flex-shrink:0;gap:8px}.file-previewer__nav{display:none;align-items:center;gap:8px;margin-left:auto}.file-previewer__actions a,.file-previewer__actions button{display:grid;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid var(--file-previewer-line);border-radius:999px;background:var(--file-previewer-panel);color:var(--file-previewer-text);cursor:pointer;font:inherit;line-height:1;text-decoration:none;transition:background 160ms,color 160ms,border-color 160ms,transform 160ms}.file-previewer__actions a:hover,.file-previewer__actions button:hover{background:var(--file-previewer-brand);color:var(--dna-surface);transform:translateY(-1px)}.file-previewer__actions img{display:block;width:18px;height:18px;object-fit:contain}.file-previewer__actions a:hover img,.file-previewer__actions button:hover img{filter:brightness(0) invert(1)}.file-previewer__body{position:relative;display:grid;place-items:center;min-height:420px;overflow:auto;padding:18px;background:var(--file-previewer-panel-soft)}.file-previewer__media{display:grid;place-items:center;width:100%;min-width:0}.file-previewer__body img,.file-previewer__body video{display:block;max-width:100%;max-height:68vh;border-radius:18px 18px 18px 0;object-fit:contain;box-shadow:var(--dna-shadow-soft)}.file-previewer__step{position:absolute;top:50%;z-index:4;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--dna-white-44);border-radius:999px;background:var(--dna-overlay-strong);color:var(--dna-white);cursor:pointer;transform:translateY(-50%);transition:transform 160ms,background 160ms,opacity 160ms}.file-previewer__step:hover:not(:disabled){background:var(--file-previewer-brand);transform:translateY(-50%) scale(1.04)}.file-previewer__step:disabled{cursor:not-allowed;opacity:.32}.file-previewer__step--prev{left:22px}.file-previewer__step--next{right:22px}.file-previewer__step span{width:12px;height:12px;border-top:2px solid currentColor;border-left:2px solid currentColor}.file-previewer__step--prev span{transform:translateX(2px) rotate(-45deg)}.file-previewer__step--next span{transform:translateX(-2px) rotate(135deg)}.file-previewer__video{position:relative;display:grid;gap:12px;justify-items:center;width:100%}.file-previewer__video video{width:min(100%,980px);background:var(--dna-black)}.file-previewer__qualities{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.file-previewer__qualities button{min-height:32px;padding:0 12px;border:1px solid var(--file-previewer-line);border-radius:999px;background:var(--file-previewer-panel);color:var(--file-previewer-text);cursor:pointer;font:inherit;font-size:11px;font-weight:900}.file-previewer__qualities .file-previewer__quality--active,.file-previewer__qualities button:hover{border-color:var(--file-previewer-brand);background:var(--file-previewer-brand);color:var(--dna-surface)}.file-previewer__loading{position:absolute;top:18px;left:50%;z-index:2;transform:translateX(-50%);padding:8px 12px;border-radius:999px;background:var(--dna-black-70);color:var(--dna-white);font-size:11px;font-weight:900}.file-previewer__pdf{width:min(100%,980px);height:min(68vh,760px);border:1px solid var(--file-previewer-line);border-radius:18px 18px 18px 0;background:var(--file-previewer-panel);box-shadow:var(--dna-shadow-soft)}.file-previewer__document{display:grid;gap:12px;justify-items:center;color:var(--file-previewer-muted);text-align:center}.file-previewer__document span{display:grid;place-items:center;width:82px;height:82px;border-radius:18px 18px 18px 0;background:var(--file-previewer-panel);color:var(--file-previewer-brand);font-size:26px;font-weight:900}.file-previewer__document p{margin:0;font-size:14px}@keyframes filePreviewerIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:720px){.file-previewer-root{padding:12px}.file-previewer{width:100%;max-height:94vh}.file-previewer__header{align-items:stretch;flex-direction:column}.file-previewer__title strong{max-width:100%;white-space:normal}.file-previewer__actions{justify-content:flex-start}.file-previewer__nav{margin-left:0}}