.op-file-card{display:flex;align-items:center;gap:10px;max-width:100%;width:100%;min-width:0;padding:12px;border:1px solid #d9d9d3;background:#f4f4f0;color:#171717;text-align:left;margin-top:9px;font:inherit;cursor:pointer}
.op-file-badge{display:grid;place-items:center;flex-shrink:0;min-width:37px;height:42px;border:1px solid #d4d4ce;background:#fff;padding:4px;font-size:10px;font-weight:700}
.op-file-info{display:block;min-width:0;flex:1}.op-file-info strong{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.op-file-info small{display:block;font-size:11px;margin-top:5px;color:#62625e}.op-file-card>span:last-child{font-size:19px;flex-shrink:0}
.op-file-viewer{width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:22px;border:1px solid #777;overflow:auto;overscroll-behavior:contain;background:#fff;color:#171717;box-shadow:0 16px 80px #0003;font-family:Arial,Helvetica,sans-serif}
.op-file-viewer::backdrop{background:#171717aa}.op-file-viewer header{display:flex;align-items:flex-start;gap:14px;justify-content:space-between}.op-file-viewer h2{font-size:19px;line-height:1.4;overflow-wrap:anywhere;min-width:0;margin:0}.op-file-viewer header button{flex-shrink:0;width:40px;height:40px;border:1px solid #ddd;background:#fff;font-size:26px;cursor:pointer}
.op-file-meta{font-size:13px;line-height:1.5;color:#666;margin:12px 0 18px}.op-file-content{font-size:14px;line-height:1.6}.op-file-content img{display:block;max-width:100%;max-height:55dvh;object-fit:contain;margin:auto}.op-file-download{display:block;text-align:center;padding:16px;background:#171717;color:#fff;font-size:15px;font-weight:700;text-decoration:none;margin-top:20px}
.op-file-download[hidden]{display:none}.op-file-card:focus-visible,.op-file-download:focus-visible,.op-file-viewer button:focus-visible{outline:3px solid #777;outline-offset:3px}