.portrait-open{display:block;flex:none;border-radius:50%;cursor:zoom-in}
.portrait-open:hover{outline:1px solid #777;outline-offset:4px}
.portrait-open:focus-visible{outline:2px solid #aaa;outline-offset:4px}
html.portrait-modal-open{overflow:hidden}
.portrait-dialog{--portrait-border:#393939;--portrait-muted:#aaa;width:min(440px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:16px;border:1px solid var(--portrait-border);border-radius:12px;background:#1d1d1d;color:#e8e8e8;box-shadow:0 24px 100px #0008;overflow:auto}
.portrait-dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}
.portrait-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.portrait-dialog h2{margin:0;font-size:.875rem;font-weight:400}
.portrait-dialog button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:1rem;cursor:pointer}
.portrait-dialog .portrait-close{font-size:1.5rem;margin:-8px -8px -8px 0}
.portrait-dialog button:hover{background:#ffffff0d}
.portrait-dialog button:focus-visible,.portrait-dialog a:focus-visible{outline:2px solid #aaa;outline-offset:2px}
.portrait-full{margin:0}
.portrait-full img{display:block;width:100%;height:min(54svh,470px);object-fit:contain;border-radius:5px;background:#151515;touch-action:pan-y}
.portrait-full figcaption{color:var(--portrait-muted);font-size:.75rem;line-height:1.5;margin-top:12px}
.portrait-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:10px}
.portrait-navigation{display:flex;align-items:center;gap:2px;margin-left:-10px}
.portrait-count{min-width:42px;text-align:center;font-size:.75rem;color:var(--portrait-muted);font-variant-numeric:tabular-nums}
.portrait-dialog .portrait-download{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 12px;border:1px solid var(--portrait-border);border-radius:6px;color:inherit;text-decoration:none;font-size:.8125rem}
.portrait-dialog .portrait-download:hover{background:#ffffff0d}
[data-theme="light"] .portrait-dialog{--portrait-border:#d6d6d6;--portrait-muted:#707070;background:#fafafa;color:#292929}
[data-theme="light"] .portrait-full img{background:#eee}
[data-theme="light"] .portrait-dialog button:hover,[data-theme="light"] .portrait-dialog .portrait-download:hover{background:#00000008}