.viewer-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:#171812b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.viewer-dialog{width:min(900px,100%);overflow:hidden;border:1px solid #4d4e46;border-radius:16px;background:#f5f2e9;box-shadow:0 30px 100px #0008}.viewer-dialog header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}.viewer-dialog header>div{display:flex;flex-direction:column;gap:4px}.viewer-dialog header small{font-family:var(--font-mono);color:var(--muted)}.viewer-dialog header button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:25px;cursor:pointer}.viewer-dialog model-viewer{width:100%;height:min(68vh,640px);display:block;background:radial-gradient(circle at 50% 42%,#656b62 0,#343832 52%,#1d201c 100%)}.viewer-dialog footer{padding:12px 20px;text-align:center;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}@media(max-width:600px){.viewer-backdrop{padding:10px}.viewer-dialog model-viewer{height:65vh}.viewer-dialog header{height:64px}}