.shot-zoom{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:zoom-in}.shot-zoom,.shot-zoom img{display:block;width:100%;border-radius:inherit}.shot-zoom img{height:auto}.shot-zoom:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lb{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:5vh 5vw;background:color-mix(in srgb,var(--fg) 82%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:zoom-out;animation:lb-in .16s ease-out}@keyframes lb-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.lb{animation:none}}.lb-img{max-width:100%;max-height:90vh;width:auto;object-fit:contain;border-radius:10px;box-shadow:0 40px 90px -30px rgba(0,0,0,.7);cursor:default}.lb-close{position:absolute;top:20px;right:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid hsla(0,0%,100%,.25);background:color-mix(in srgb,var(--surface) 10%,transparent);color:#fff;cursor:pointer;transition:background .15s ease}.lb-close:hover{background:color-mix(in srgb,var(--surface) 22%,transparent)}.shot-zoom--framed{border:1px solid var(--rule);border-radius:12px;background:var(--surface);overflow:hidden;box-shadow:0 24px 50px -30px color-mix(in srgb,var(--fg) 40%,transparent)}.shot-chrome{display:flex;align-items:center;gap:6px;padding:8px 13px;border-bottom:1px solid var(--rule);background:var(--bg)}.shot-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.shot-dot:first-child{background:oklch(.72 .19 30)}.shot-dot:nth-child(2){background:oklch(.85 .14 80)}.shot-dot:nth-child(3){background:oklch(.78 .13 145)}.shot-url{margin-left:11px;font-size:11px;color:var(--fg-3);letter-spacing:.02em}.shot-zoom--framed img{border-radius:0}