.card-image-preview{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border:0;background:transparent;color:#eef2f6}.card-image-preview[open]{display:grid;place-items:center}.card-image-preview::backdrop{background:#05080ceb}.card-image-preview-panel{display:grid;grid-template-rows:48px minmax(0,1fr);width:min(100%,520px);height:100%;max-height:840px;min-height:0}.card-image-preview-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-image-preview-panel strong{font-size:15px}.card-image-preview-panel button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid #74818e;border-radius:50%;background:#18212b;color:#fff;cursor:pointer}.card-image-preview-panel button:focus-visible{outline:2px solid #d7e5f3;outline-offset:2px}.card-image-preview-panel>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}