/* The original image stays mounted in the Matrix. This layer adds no blur or sleeve. */
#cardMount .image-card[data-picture-card]{cursor:zoom-in;user-select:none;-webkit-user-drag:none}
#cardMount .image-card[data-picture-card]:focus-visible{outline:2px solid var(--accent,#d5b879);outline-offset:-3px}
body.picture-view-open124{overflow:hidden}
dialog.picture-view124{
 position:fixed;inset:0;margin:0;box-sizing:border-box;
 width:100%;height:100%;height:100dvh;max-width:none;max-height:none;
 padding:max(56px,calc(env(safe-area-inset-top,0px) + 52px)) max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));
 border:0;border-radius:0;overflow:hidden;background:rgba(6,9,13,.96);color:#f3f5f7;
}
dialog.picture-view124[open]{display:grid;place-items:center}
dialog.picture-view124::backdrop{background:rgba(0,0,0,.5)}
.picture-view124 .picture-view-image124{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;user-select:none;-webkit-user-drag:none}
.picture-view124 .picture-view-close124{
 position:absolute;top:max(6px,env(safe-area-inset-top,0px));right:max(8px,env(safe-area-inset-right,0px));
 display:grid;place-items:center;width:44px;height:44px;padding:0;
 border:1px solid #ffffff3b;border-radius:12px;background:#151b22;color:#f3f5f7;
 font:30px/1 system-ui,sans-serif;cursor:pointer;
}
.picture-view124 .picture-view-close124:hover{background:#29333f}
.picture-view124 .picture-view-close124:focus-visible{outline:2px solid var(--accent,#d5b879);outline-offset:2px}
