/* The uploaded document is the card's visual; no file-type illustration. */
.qc-main{padding-block:46px 68px;min-height:360px}
.qc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.qc-card{min-width:0;border:1px solid #dfd3e8;background:#fff;border-radius:16px;overflow:hidden}
.qc-preview{position:relative;display:block;width:100%;padding:24px 32px 33px;background:#f0ebf5;cursor:zoom-in;border:0;color:#624d70}
.qc-paper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:210/297;background:#fff;border:1px solid #e3dbea;box-shadow:0 12px 26px rgba(49,25,66,.1);transition:transform .3s ease}
.qc-paper img,.qc-paper canvas{display:block;max-width:100%;max-height:100%;object-fit:contain}.qc-paper img{width:100%;height:100%}
.qc-preview:hover .qc-paper{transform:translateY(-3px)}
.qc-preview-status{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#fff;font-size:13px;font-weight:400;line-height:1.6}
.qc-preview-status[hidden],.qc-pdf[hidden]{display:none}
.qc-hover{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;color:#73508b;opacity:0;transition:opacity .25s}.qc-hover .icon{width:15px;height:15px}
.qc-preview:hover .qc-hover,.qc-preview:focus-visible .qc-hover{opacity:1}
.qc-preview:focus-visible{outline:2px solid #7027b3;outline-offset:-4px}
.qc-card-details{padding:22px 24px 20px}.qc-card h2{color:#33263b;font-size:18px;line-height:1.45;letter-spacing:-.02em;font-weight:500;overflow-wrap:anywhere}
.qc-card-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;padding-top:14px;border-top:1px solid #eee8f2;font-size:12px}
.qc-format{color:#75677f;letter-spacing:.04em}.qc-card-meta a{display:inline-flex;align-items:center;gap:9px;color:#7027b3;font-weight:500}.qc-card-meta .icon{width:17px;height:17px}
.qc-empty{padding:38px;border-left:3px solid #ba99d0;background:#f0ebf5;color:#66586f;border-radius:0 12px 12px 0;font-size:15px;line-height:1.8}
.qc-viewer{width:min(1000px,calc(100vw - 48px));max-width:none;height:min(880px,calc(100dvh - 64px));max-height:none;margin:auto;padding:0;border:1px solid #d2bbdf;border-radius:16px;background:#f4eff7;color:#34223f;overflow:hidden;box-shadow:0 28px 90px rgba(18,10,25,.2)}
.qc-viewer[open]{display:flex;flex-direction:column}.qc-viewer::backdrop{background:rgba(20,12,28,.68)}
.qc-viewer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none;padding:16px 22px;background:#fff;border-bottom:1px solid #dfd3e8}.qc-viewer-top h2{font-size:17px;line-height:1.45;font-weight:500;letter-spacing:-.015em;overflow-wrap:anywhere}
.qc-viewer-actions{display:flex;align-items:center;gap:19px;flex:none}.qc-viewer-actions>a{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#7027b3}.qc-viewer-actions>a .icon{width:17px;height:17px}
.qc-viewer-actions>button,.qc-pagination>button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #deceea;border-radius:9px;color:#7027b3;background:#f4eef8}.qc-viewer-actions>button .icon{width:20px;height:20px}
.qc-viewer-body{position:relative;overflow:auto;flex:1;min-height:0;padding:25px;overscroll-behavior:contain}
#qc-viewer-content{display:flex;align-items:flex-start;justify-content:center;min-height:100%}
#qc-viewer-content canvas,#qc-viewer-content img{display:block;max-width:100%;height:auto;background:#fff;box-shadow:0 8px 28px rgba(49,25,66,.12)}
#qc-viewer-content img{max-height:100%;object-fit:contain;align-self:center}
#qc-viewer-status{text-align:center;font-size:14px;color:#6b5779;margin:28px 0}
.qc-pagination{display:flex;align-items:center;justify-content:center;gap:18px;flex:none;padding:11px;background:#fff;border-top:1px solid #dfd3e8;font-size:12px;font-variant-numeric:tabular-nums}.qc-pagination[hidden]{display:none}
.qc-pagination>button{width:32px;height:32px}.qc-pagination .icon{width:17px;height:17px}.qc-pagination>button:disabled{opacity:.35;cursor:default}
.qc-viewer :focus-visible,.qc-card-meta a:focus-visible{outline:2px solid #7027b3;outline-offset:4px}
@media(max-width:1023px){.qc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.qc-preview{padding-inline:28px}}
@media(max-width:639px){.qc-main{padding-block:28px 42px;min-height:270px}.qc-grid{grid-template-columns:1fr;gap:22px}.qc-preview{padding-inline:30px}.qc-card-details{padding:20px}.qc-card h2{font-size:17px}.qc-hover{opacity:1}.qc-empty{padding:25px;font-size:14px}.qc-viewer{width:calc(100vw - 20px);height:calc(100dvh - 24px);border-radius:12px}.qc-viewer-top{padding:12px;gap:10px}.qc-viewer-top h2{font-size:14px}.qc-viewer-actions{gap:10px}.qc-viewer-actions>a{font-size:11px}.qc-viewer-body{padding:12px}.qc-viewer-actions>button{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.qc-paper,.qc-hover{transition:none}.qc-preview:hover .qc-paper{transform:none}}