body.card-viewer-open{overflow:hidden}#cardDialog.card-viewer{width:min(1080px,96vw);max-width:1080px;height:min(880px,94dvh);max-height:94dvh;padding:0;border:1px solid #ddd7ca;border-radius:20px;background:#fffdf7;overflow:hidden;box-shadow:0 24px 80px #16263655}#cardDialog.card-viewer[open]{display:flex;flex-direction:column}#cardDialog::backdrop{background:#142231bd;backdrop-filter:blur(3px)}.card-viewer .dialoghead{margin:0;padding:16px 20px;border-bottom:1px solid #e4dfd3;align-items:center;gap:12px;flex:none}.card-viewer .dialoghead h2{font-size:21px;line-height:1.3;margin:0;overflow-wrap:anywhere}.card-viewer #closeDialog{min-height:42px;min-width:42px;padding:6px 10px;flex:none}.card-viewer-stage{position:relative;min-height:40px;flex:1;overflow:hidden;background:radial-gradient(#c7c9bf55 1px,transparent 1px) 0 0/16px 16px,#f1f0e8;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none}.card-viewer-stage:focus-visible{outline:3px solid #2968a6;outline-offset:-3px}.card-viewer-stage.is-zoomed{cursor:grab}.card-viewer-stage.is-zoomed:active{cursor:grabbing}#cardDialog #dialogImage{max-width:none;max-height:none;margin:0;display:block;flex:none;object-fit:contain;border-radius:7px;transform-origin:center;pointer-events:none;box-shadow:0 8px 20px #25374722;will-change:transform}#cardDialog #dialogImage[hidden]{display:none}.card-viewer-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px 5px;flex:none}.card-viewer-controls button{min-height:42px;min-width:42px;padding:7px 12px}.card-viewer-controls output{font-size:12px;font-weight:750;min-width:58px;text-align:center}.card-viewer-hint{margin:5px 18px;text-align:center;color:#73808a;font-size:11px;line-height:1.4}.card-viewer-bottom{flex:none;padding:5px 20px 15px;text-align:center}.card-viewer-bottom #dialogInfo{margin:5px 0;font-size:12px;line-height:1.5}.card-viewer-status{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:11px;color:#6b7c82}.card-viewer-status .error{color:#a43340}.card-viewer-status button{font-size:11px;padding:5px 9px;min-height:32px}#cardImageRetry[hidden]{display:none}@media(max-width:620px){#cardDialog.card-viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.card-viewer .dialoghead{padding:12px 14px}.card-viewer .dialoghead h2{font-size:17px}.card-viewer-controls{padding:9px 10px 3px;gap:7px}.card-viewer-controls button{font-size:12px;padding:7px 10px}.card-viewer-hint{font-size:10px;margin:4px 12px}.card-viewer-bottom{padding:4px 14px max(12px,env(safe-area-inset-bottom))}.card-viewer-bottom #dialogInfo{font-size:11px}.card-viewer-status{font-size:10px}}

@media(max-height:450px){.card-viewer-hint{display:none}.card-viewer .dialoghead{padding:8px 14px}.card-viewer-bottom{padding-bottom:8px}}