.card-dialog{width:min(1200px,94vw);max-height:94dvh;padding:20px;border:1px solid #c6d8e6;border-radius:14px;color:#223d51;box-shadow:0 20px 70px #102d4840}.card-dialog::backdrop,.app-dialog::backdrop{background:#122b3f99;backdrop-filter:blur(3px)}.card-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:18px;margin-bottom:14px}.viewer-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:14px}.viewer-toolbar span{font-size:12px;color:#637b8d;min-width:44px}.viewer-toolbar .primary{margin-left:auto}.viewer-viewport{position:relative;width:100%;height:60dvh;overflow:hidden;border:1px solid #dce5ed;border-radius:8px;background:#eaf0f5;overscroll-behavior:contain;touch-action:none;cursor:grab}.viewer-viewport.dragging{cursor:grabbing}.viewer-image{position:absolute;left:0;top:0;display:block;max-width:none!important;transform-origin:0 0;user-select:none;pointer-events:none}.card-dialog>.small{margin:12px 0 0}.card-slot>a:has(img){cursor:zoom-in}body:has(dialog[open]){overflow:hidden}@media(max-width:600px){.card-dialog{padding:14px;width:96vw}.card-dialog>header{font-size:16px}.viewer-toolbar{gap:6px;flex-wrap:wrap}.viewer-toolbar button{min-width:44px;min-height:44px;padding:8px}.viewer-toolbar .primary{font-size:12px}.viewer-viewport{height:56dvh}}