.pl{display:grid;gap:14px}.pl-mods{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line);border-radius:2px;width:fit-content;max-width:100%;background:#fff}.pl-mods button{all:unset;cursor:pointer;padding:9px 14px;font:600 .82rem var(--font-head);color:var(--muted);border-right:1px solid var(--line);display:inline-flex;gap:8px;align-items:center}.pl-mods button:last-child{border-right:0}.pl-mods button span{font:500 .66rem var(--mono);color:var(--muted)}.pl-mods button[aria-pressed=true]{background:var(--deep);color:#fff}.pl-mods button[aria-pressed=true] span{color:var(--accent)}.pl-mods button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.pl-main{position:relative;margin:0;background:var(--deep);padding:12px;border-radius:2px}.pl-tk{position:absolute;width:14px;height:14px;border-color:var(--accent);border-style:solid;border-width:0}.pl-tk.tl{left:-1px;top:-1px;border-left-width:2px;border-top-width:2px}.pl-tk.tr{right:-1px;top:-1px;border-right-width:2px;border-top-width:2px}.pl-tk.bl{left:-1px;bottom:-1px;border-left-width:2px;border-bottom-width:2px}.pl-tk.br{right:-1px;bottom:-1px;border-right-width:2px;border-bottom-width:2px}.pl-top{display:flex;justify-content:space-between;gap:12px;padding:0 2px 10px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#fff9}.pl-top b{color:var(--accent);font-weight:600}.pl-img{all:unset;cursor:zoom-in;display:block;position:relative;background:#0b1519;aspect-ratio:1600 / 821;overflow:hidden;border-radius:2px}.pl-img img{display:block;width:100%;height:100%;object-fit:contain;object-position:top center;transition:opacity .25s}.pl-img.swap img{opacity:.2}.pl-zoom{position:absolute;right:10px;bottom:10px;padding:6px 10px;background:#14232cd9;color:#fff;font:600 .74rem var(--font-head);border-radius:2px;opacity:0;transition:opacity .2s}.pl-img:hover .pl-zoom,.pl-img:focus-visible .pl-zoom{opacity:1}.pl-img:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pl-main figcaption{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 4px 2px;color:#ffffffb8;font-size:.88rem}.pl-main figcaption b{display:block;color:#fff;font:600 1rem var(--font-head);margin-bottom:2px}.pl-nav{display:flex;gap:6px;flex:none}.pl-nav button{all:unset;cursor:pointer;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:2px;transition:background .2s,color .2s}.pl-nav button:hover{background:var(--accent);color:var(--deep);border-color:var(--accent)}.pl-strip{list-style:none;margin:0;padding:2px 0 6px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.pl-strip li{flex:none;scroll-snap-align:start}.pl-strip li[hidden]{display:none}.pl-strip button{all:unset;cursor:pointer;display:block;position:relative;width:132px;border:1px solid var(--line);border-radius:2px;overflow:hidden;background:#fff;opacity:.72;transition:opacity .2s,border-color .2s}.pl-strip button:hover{opacity:1}.pl-strip button[aria-current=true]{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pl-strip img{display:block;width:100%;height:68px;object-fit:cover;object-position:top left}.pl-strip span{position:absolute;left:4px;top:4px;font-size:.6rem;padding:2px 5px;background:var(--deep);color:var(--accent);border-radius:1px}.pl-strip button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.pl-dlg{width:min(1500px,96vw);max-height:94vh;padding:0;border:0;border-radius:4px;background:var(--deep);color:#fff}.pl-dlg::backdrop{background:#0a1216db}.pl-dlg-bar{display:flex;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.12)}.pl-dlg-bar .mono{color:var(--accent);font-size:.72rem}.pl-dlg-bar b{flex:1;font:600 .95rem var(--font-head)}.pl-dlg-bar button,.pl-dlg-nav button{all:unset;cursor:pointer;padding:8px 14px;border:1px solid rgba(255,255,255,.3);border-radius:2px;font:600 .82rem var(--font-head)}.pl-dlg-bar button:hover,.pl-dlg-nav button:hover{background:var(--accent);color:var(--deep);border-color:var(--accent)}.pl-dlg img{display:block;width:100%;max-height:calc(94vh - 120px);object-fit:contain;background:#0b1519}.pl-dlg-nav{display:flex;justify-content:space-between;padding:10px 16px}@media(max-width:640px){.pl-main{padding:8px}.pl-main figcaption{font-size:.8rem}.pl-strip button{width:104px}.pl-strip img{height:54px}.pl-mods button{padding:8px 10px;font-size:.76rem}}