.pl-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:rgba(31,35,33,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:pl-in .16s ease-out}@keyframes pl-in{0%{opacity:0}to{opacity:1}}.pl-panel{width:100%;max-width:840px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden}.pl-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 14px;border-bottom:1px solid var(--border-soft)}.pl-code{font-size:15px;letter-spacing:.06em;color:var(--forest-700);font-weight:700}.pl-code,.pl-dims{font-family:var(--mono)}.pl-dims{margin-top:4px;font-size:12.5px;color:var(--muted)}.pl-close{flex:none;width:34px;height:34px;border-radius:9px;cursor:pointer;display:grid;place-items:center;background:var(--stone-100);border:1px solid var(--border-soft);color:var(--ink-700);transition:background .15s,color .15s}.pl-close:hover{background:var(--stone-200);color:var(--ink)}.pl-close svg{width:17px;height:17px}.pl-art{flex:1 1 auto;min-height:0;overflow:auto;padding:26px 24px;background:var(--stone-50);display:grid;place-items:center}.pl-art img{width:100%;max-width:760px;height:auto}.pl-meta{padding:14px 20px 0;display:flex;flex-direction:column;gap:7px}.pl-note{font-size:13.5px;color:var(--ink-700)}.pl-gap{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--clay-700);background:var(--clay-100);border-radius:9px;padding:9px 11px}.pl-gap svg{flex:none;width:15px;height:15px;margin-top:1px}.pl-mm{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--subtle)}.pl-foot{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 20px 18px;background:var(--surface);color:var(--muted)}.pl-nav{width:36px;height:36px;border-radius:10px;cursor:pointer;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--ink-700);transition:border-color .15s,color .15s,background .15s}.pl-nav:hover{border-color:var(--forest-600);color:var(--forest-700);background:var(--forest-50)}.pl-nav svg{width:18px;height:18px}.pl-nav.prev svg{transform:rotate(90deg)}.pl-nav.next svg{transform:rotate(-90deg)}.pl-count{font-family:var(--mono);font-size:12px;color:var(--muted);min-width:60px;text-align:center}.pl-count span{opacity:.5;margin:0 2px}@media(max-width:600px){.pl-backdrop{padding:12px}.pl-panel{max-height:calc(100vh - 24px)}.pl-art{padding:16px 12px}.pl-top{padding:14px 15px 12px}.pl-meta{padding:12px 15px 0}}@media(max-height:520px){.pl-art{padding:12px}.pl-foot{padding:10px 20px 12px}}