/* Existing red tapes keep the user's manual pause state independently. */
#portfolio-content .cv-tool-tapes[data-cv-tapes-paused] .cv-tape-lanes :is(.cv-tool-tape,.cv-tape-track),
#portfolio-content .cv-tool-tapes[data-cv-tapes-paused] .cv-tool-tape::before,
#portfolio-content .cv-tool-tapes[data-cv-tapes-paused] .cv-tool-tape::after{animation-play-state:paused}
#portfolio-content a[data-image-preview]{cursor:zoom-in}
#portfolio-content .cv-image-dialog{position:fixed;inset:0;width:fit-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:60px 16px 16px;overflow:auto;border:1px solid #ffffff30;border-radius:12px;background:#101012;color:#f5f2ef;box-shadow:0 24px 90px #0009;color-scheme:dark}
#portfolio-content .cv-image-dialog::backdrop{background:#08090be6}
#portfolio-content .cv-image-dialog-image{display:block;width:auto;height:auto;max-width:min(1100px,calc(100vw - 68px));max-height:calc(100dvh - 150px);object-fit:contain;background:#fff}
#portfolio-content .cv-image-dialog-close{position:absolute;top:10px;right:12px;min-height:40px;padding:6px 12px;border:1px solid #ffffff40;border-radius:6px;background:#101012;color:#f5f2ef;font:600 14px/1.5 "Space Grotesk",sans-serif;cursor:pointer}
#portfolio-content .cv-image-dialog-close:hover{border-color:#ff3d3d;color:#ff3d3d}
#portfolio-content .cv-image-dialog-caption{margin-top:12px;color:#d0c9c3;font-size:13px;text-align:center}
@media(max-width:479.98px){#portfolio-content .cv-image-dialog{padding-inline:10px;max-width:calc(100vw - 20px)}#portfolio-content .cv-image-dialog-image{max-width:calc(100vw - 42px)}}