*{box-sizing:border-box}body{margin:0;background:#171717;color:#fff;font:16px/1.5 Arial,sans-serif}a{color:inherit}header{padding:24px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #555;flex-wrap:wrap}nav{display:flex;gap:24px}main{max-width:1200px;margin:auto;padding:24px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.gallery-grid a{display:block;background:#292929;border:1px solid #555;padding:8px}.gallery-grid img{width:100%;height:180px;object-fit:contain;display:block}dialog{background:#171717;color:white;border:1px solid #888;max-width:96vw;max-height:96vh;padding:12px}dialog::backdrop{background:rgb(0 0 0 / 90%)}[data-gallery-full]{display:block;max-width:88vw;max-height:76vh;object-fit:contain;margin:auto}.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}button{font:inherit;padding:8px 14px;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #ffb54d;outline-offset:4px}