.clpg{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;min-width:0}.clpg__rail{display:flex;flex-direction:column;gap:10px;max-height:620px;overflow:auto}.clpg__thumb{width:72px;aspect-ratio:1;padding:4px;border:1px solid var(--color-line,#292d35);border-radius:12px;background:var(--color-surface,#101216);color:var(--color-primary-strong,#ef2b2d);overflow:hidden;cursor:pointer;transition:border-color .18s,box-shadow .18s}.clpg__thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px}.clpg__thumb span{display:grid;place-items:center;height:100%;font-size:20px}.clpg__thumb.is-current{border-color:var(--color-primary-strong,#ef2b2d);box-shadow:var(--focus-ring,0 0 0 3px #ef2b2d2b)}.clpg__viewport{display:grid;place-items:center;min-height:480px;aspect-ratio:1;border:1px solid var(--color-line,#292d35);border-radius:var(--radius-xl,22px);background:linear-gradient(145deg,var(--color-surface-2,#15181d),var(--color-surface,#101216));overflow:hidden;box-shadow:var(--shadow-inset,inset 0 1px #ffffff08)}.clpg__zoom{width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.clpg__zoom img,.clpg__media{width:100%;height:100%;object-fit:contain;border:0}.clpg__lightbox{width:min(1100px,94vw);height:min(880px,92vh);padding:18px;border:1px solid var(--color-line,#292d35);border-radius:18px;background:var(--color-surface,#101216);color:var(--color-text,#f7f7f8);box-shadow:var(--shadow-modal,0 30px 90px #000c)}.clpg__lightbox::backdrop{background:#020305dd;backdrop-filter:blur(10px)}.clpg__lightbox>div{height:100%;display:grid;place-items:center}.clpg__lightbox img,.clpg__lightbox video,.clpg__lightbox iframe{max-width:100%;max-height:100%;border:0}.clpg__close{position:absolute;z-index:2;right:14px;top:14px;width:44px;height:44px;border:1px solid var(--color-line,#292d35);border-radius:50%;background:#0b0d11;color:#fff;font-size:24px}@media(max-width:1050px){.clpg__viewport{min-height:400px}}@media(max-width:700px){.clpg{display:flex;flex-direction:column-reverse}.clpg__rail{flex-direction:row;max-width:100%;height:64px}.clpg__thumb{width:62px;flex:0 0 62px}.clpg__viewport{min-height:0;aspect-ratio:1}.clpg__lightbox{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border-radius:0}}