.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}.card-hover-preview{position:fixed;z-index:10000;display:flex;flex-direction:column;box-sizing:border-box;gap:8px;padding:10px;border:1px solid #a7b8c766;border-radius:6px;background:#111820f5;color:#e8edf2;box-shadow:0 16px 48px #0009;pointer-events:auto}.card-hover-preview img{display:block;flex:1;min-height:0;width:100%;object-fit:contain}.card-hover-preview>span{flex-shrink:0;text-align:center;font:13px/1.4 sans-serif}@media(max-width:860px),(hover:none),(pointer:coarse){.card-hover-preview{display:none}}