.viewer-modal{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:24px}.viewer-backdrop{position:absolute;inset:0;border:0;background:rgba(7,20,31,.72);backdrop-filter:blur(8px)}.viewer-shell{position:relative;width:min(1100px,100%);height:min(820px,calc(100vh - 48px));background:var(--surface);border:1px solid rgba(255,255,255,.18);border-radius:20px;box-shadow:0 30px 100px rgba(4,17,27,.35);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);animation:modalIn .25s var(--ease)}.viewer-head{min-height:76px;padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.viewer-head>div:first-child{min-width:0}.viewer-head h2{font:600 14px/1.3 inherit;margin:5px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-head small{font-size:9px;color:var(--tertiary)}.viewer-actions{display:flex;align-items:center;gap:8px}.viewer-body{min-height:0;background:#e9e7e0;display:grid;place-items:center;overflow:auto}.viewer-body img{display:block;max-width:100%;max-height:100%;object-fit:contain}.viewer-body video{width:100%;height:100%;background:#08141d;object-fit:contain}.viewer-body audio{width:min(640px,calc(100% - 40px))}.viewer-body iframe{width:100%;height:100%;border:0;background:#fff}.viewer-document{width:min(760px,calc(100% - 32px));height:calc(100% - 32px);display:grid;place-items:center}.viewer-document img{box-shadow:0 14px 45px rgba(16,38,59,.16)}.viewer-text{align-self:stretch;justify-self:stretch;margin:0;padding:34px clamp(20px,5vw,64px);background:var(--surface);color:var(--ink);font:400 13px/1.75 ui-monospace,monospace;white-space:pre-wrap;overflow:auto}.viewer-loading{display:grid;place-items:center;color:var(--secondary);font-size:11px}.viewer-open{border:0;cursor:pointer}.result-preview.viewer-open{width:100%}
@media(max-width:700px){.viewer-modal{padding:0}.viewer-shell{width:100%;height:100dvh;border:0;border-radius:0}.viewer-head{padding:10px 12px;min-height:66px}.viewer-head .kicker,.viewer-head small{display:none}.viewer-head h2{margin:0;max-width:46vw}.viewer-actions .button{min-height:40px;padding-inline:12px}.viewer-body{overscroll-behavior:contain}.viewer-document{width:calc(100% - 20px);height:calc(100% - 20px)}.viewer-text{padding:22px 16px;font-size:12px}}