*{box-sizing:border-box}body{margin:0;background:#141a18;color:#f8f6ed;font-family:Arial,sans-serif}#viewer{position:fixed;inset:140px 0 235px;overflow:hidden;touch-action:none;display:flex;align-items:center;justify-content:center}#photo{width:100%;height:100%;object-fit:contain;user-select:none;transition:opacity .2s;cursor:grab}header{position:fixed;top:24px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px}h1{font-size:26px;font-weight:400;margin:7px 0}a,button,select{color:inherit;font:inherit}a{font-size:13px}aside{position:fixed;top:100px;left:30px;right:30px;display:flex;align-items:center;gap:15px}aside label,aside p{font-size:11px;color:#b8c4bc}select{background:#26352e;border:1px solid #647069;padding:7px;max-width:240px}footer{position:fixed;bottom:0;width:100%;padding:18px 30px 15px;background:#141a18;display:grid;grid-template-columns:1fr auto;gap:10px 25px}h2{font-size:23px;font-weight:400;margin:6px 0}p{font-size:12px;margin:5px 0;line-height:1.5}#note{max-width:580px;color:#bdc9c1}#angles{display:flex;gap:7px;align-items:center;justify-content:flex-end}#angles button{padding:3px;background:transparent;border:1px solid #637267;opacity:.65}#angles button[aria-pressed=true]{border-color:#fff;opacity:1}#angles img{width:62px;height:49px;object-fit:cover;display:block}button{cursor:pointer;background:#e9ede5;color:#26392e;border:0;padding:11px 15px;border-radius:3px}button:hover{background:white}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #dab887;outline-offset:3px}nav{display:flex;gap:7px}#zoom{display:flex;justify-content:flex-end;gap:5px}small{grid-column:1/-1;font-size:10px;color:#a9b6ae}#failure{position:absolute;background:#141a18;padding:20px}@media(max-width:650px){header{top:16px;left:16px;right:16px}h1{font-size:20px}header a{font-size:11px;max-width:85px}aside{top:83px;left:16px;right:16px;flex-wrap:wrap;gap:5px 10px}aside label{display:none}aside p{font-size:9px}#viewer{top:140px;bottom:280px}footer{padding:12px 16px;gap:7px;grid-template-columns:1fr}#angles{justify-content:flex-start;grid-row:2}#angles img{width:46px;height:36px}h2{font-size:19px}#note{font-size:11px}nav{grid-row:3}nav button{flex:1;font-size:12px;padding:9px}#zoom{justify-content:flex-start}#zoom button{padding:7px 12px;font-size:11px}small{font-size:9px}}@media(max-height:580px){#viewer{inset:75px 270px 20px 0}aside{display:none}footer{right:0;top:80px;bottom:0;width:270px;display:flex;flex-direction:column;overflow:auto;padding:10px}#angles{justify-content:flex-start}h1{font-size:20px}header{top:10px}nav button{font-size:11px;padding:8px}}