
.studio-gallery{min-width:0}.studio-frame{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:#111}.studio-frame>a{display:block;aspect-ratio:3/4;cursor:zoom-in}.studio-frame img{display:block;width:100%;height:100%;object-fit:cover}.studio-frame figcaption{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;color:var(--muted);font-size:.78rem}.studio-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}.studio-thumbs button{padding:0;overflow:hidden;border:2px solid transparent;border-radius:5px;background:#151515;cursor:pointer;opacity:.6}.studio-thumbs button[aria-pressed=true]{border-color:var(--ink,#eee);opacity:1}.studio-thumbs img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.studio-gallery :focus-visible,.studio-dialog button:focus-visible{outline:3px solid #e0b984;outline-offset:3px}.studio-dialog{padding:48px 56px 24px;border:1px solid #555;border-radius:12px;background:#111;color:#fff;max-width:94vw;max-height:94dvh;overflow:auto}.studio-dialog::backdrop{background:rgb(0 0 0/.88)}.studio-dialog figure{margin:0}.studio-dialog img{display:block;max-width:calc(94vw - 112px);max-height:75dvh;object-fit:contain;margin:auto}.studio-dialog figcaption{text-align:center;font:14px system-ui;margin-top:12px}.studio-dialog button{position:absolute;background:#222;color:#fff;border:1px solid #666;border-radius:50%;width:40px;height:40px;font-size:28px;cursor:pointer}.studio-close{right:8px;top:6px}.studio-prev{left:8px;top:48%}.studio-next{right:8px;top:48%}@media(max-width:600px){.studio-frame figcaption{font-size:.72rem;padding:12px}.studio-thumbs{gap:5px}.studio-dialog{padding:50px 44px 18px}.studio-dialog img{max-width:calc(94vw - 88px)}}
