/* Portfolio uses existing dark surfaces, typography and blue accent. */
#gallery .gallery-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible;scroll-snap-type:none;padding:0}
#gallery .gallery-card{max-width:none;min-width:0;width:100%}
#gallery .gallery-card h3{min-height:0}
#gallery .gallery-card-photo{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#050708}
#gallery .gallery-card-body{display:flex;flex-direction:column;gap:12px}
#gallery .gallery-card-body>*{margin:0}
#gallery .gallery-card-body .button{margin-top:auto}
.portfolio-toolbar{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;margin:20px 0}
.portfolio-toolbar label{display:grid;gap:8px;min-width:180px;font-size:.9rem}
.portfolio-toolbar select{min-height:44px;max-width:100%}
.portfolio-more{margin:24px auto 0;display:flex}
.portfolio-more[hidden],#reference-dialog .portfolio-controls[hidden]{display:none}
.portfolio-status{font-size:.88rem;line-height:1.5;color:var(--muted,#b9c0c7)}
.portfolio-status[data-status="unavailable"]{border-left:2px solid var(--blue,#1675ff);padding-left:10px}
#reference-dialog .portfolio-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}
#reference-dialog .portfolio-controls button{min-width:44px;min-height:44px}
#reference-dialog .portfolio-controls button:disabled{opacity:.35;cursor:default}
#reference-dialog .portfolio-reference-image{display:block;width:100%;max-height:62vh;object-fit:contain;touch-action:pan-y}
#reference-dialog .portfolio-caption{font-size:.95rem;line-height:1.55}
#reference-dialog .portfolio-shortlist-status{min-height:1.4em}
#gallery button:focus-visible,#gallery select:focus-visible,#reference-dialog button:focus-visible{outline:2px solid var(--blue,#1675ff);outline-offset:4px}
@media(max-width:950px){#gallery .gallery-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:540px){#gallery .gallery-track{grid-template-columns:1fr;gap:20px}.portfolio-toolbar{align-items:stretch}.portfolio-toolbar label{width:100%}#reference-dialog .portfolio-reference-image{max-height:52vh}}
