.pg-gallery{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-100);margin-bottom:2rem;padding:2rem;position:relative}.pg-stage{flex-direction:row;align-items:stretch;gap:12px;display:flex}.pg-rail{scrollbar-width:thin;scrollbar-color:var(--gray-300)transparent;flex-direction:column;flex-shrink:0;gap:8px;width:72px;max-height:520px;padding-right:4px;display:flex;overflow:hidden auto}.pg-rail::-webkit-scrollbar{width:4px}.pg-rail::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.pg-main{aspect-ratio:1;cursor:zoom-in;border-radius:var(--radius);background:var(--gray-50);border:1px solid var(--gray-100);touch-action:pan-y;flex:auto;position:relative;overflow:hidden}.pg-main-img{transition:transform .4s}.pg-main:focus-visible{outline:2px solid var(--primary-red);outline-offset:2px}.pg-main.pg-zoomed .pg-main-img{cursor:zoom-out;transform:scale(2.2)}.pg-expand{z-index:3;border-radius:var(--radius-full);width:36px;height:36px;color:var(--gray-700);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);pointer-events:none;background:#ffffffeb;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:10px;right:10px}.pg-main:hover .pg-expand{color:var(--primary-red);transform:scale(1.05)}.pg-main.pg-zoomed .pg-expand{opacity:0}.pg-inline-nav{z-index:4;border-radius:var(--radius-full);width:38px;height:38px;color:var(--gray-700);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);cursor:pointer;opacity:0;background:#ffffffeb;justify-content:center;align-items:center;transition:opacity .2s,background .2s,color .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pg-inline-prev{left:10px}.pg-inline-next{right:10px}.pg-main:hover .pg-inline-nav,.pg-main:focus-visible .pg-inline-nav{opacity:1}.pg-inline-nav:hover{background:var(--white);color:var(--primary-red);transform:translateY(-50%)scale(1.06)}.pg-inline-nav:focus-visible{opacity:1;outline:2px solid var(--primary-red);outline-offset:2px}.pg-main.pg-zoomed .pg-inline-nav{opacity:0;pointer-events:none}@media (hover:none){.pg-inline-nav{opacity:.9}}.pg-counter{z-index:3;color:var(--white);border-radius:var(--radius-full);pointer-events:none;-webkit-user-select:none;user-select:none;background:#0000008c;padding:3px 10px;font-size:.78rem;font-weight:600;transition:opacity .2s;position:absolute;bottom:10px;right:10px}.pg-main.pg-zoomed .pg-counter{opacity:0}.pg-placeholder{min-height:350px;color:var(--gray-400);cursor:default;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:.95rem;display:flex}.pg-thumb{border:1px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;background:var(--white);flex-shrink:0;width:64px;height:64px;padding:0;transition:border-color .2s,box-shadow .2s,transform .15s;position:relative;overflow:hidden}.pg-thumb:hover{border-color:var(--gray-400);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pg-thumb img{transition:transform .25s}.pg-thumb:hover img{transform:scale(1.06)}.pg-thumb.pg-thumb-active{border-color:var(--primary-red);box-shadow:0 0 0 1px var(--primary-red)}.pg-thumb:focus-visible,.pg-lb-thumb:focus-visible,.pg-lb-close:focus-visible,.pg-lb-nav:focus-visible{outline:2px solid var(--primary-red);outline-offset:2px}.pg-lightbox{z-index:10000;opacity:0;background:#000000eb;flex-direction:column;animation:.25s forwards pgFadeIn;display:flex;position:fixed;inset:0}@keyframes pgFadeIn{to{opacity:1}}.pg-lb-head{color:var(--white);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.pg-lb-title{letter-spacing:.01em;color:#ffffffeb;-webkit-user-select:none;user-select:none;font-size:.95rem;font-weight:600}.pg-lb-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex}.pg-lb-close:hover{background:#ffffff4d}.pg-lb-body{flex-direction:row;flex:auto;gap:14px;min-height:0;padding:0 18px 14px;display:flex}.pg-lb-stage{flex:auto;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.pg-lightbox-img-wrap{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.pg-lightbox-img-wrap img{object-fit:contain;border-radius:var(--radius-sm)}.pg-lb-nav{z-index:10001;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pg-lb-nav:hover{background:#ffffff4d}.pg-lb-prev{left:8px}.pg-lb-next{right:8px}.pg-lb-thumbs{scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;flex:none;grid-template-columns:repeat(2,1fr);align-content:start;gap:8px;width:168px;padding-right:4px;display:grid;overflow:hidden auto}.pg-lb-thumbs::-webkit-scrollbar{width:6px}.pg-lb-thumbs::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.pg-lb-thumb{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;background:var(--white);opacity:.7;border:2px solid #0000;width:100%;padding:0;transition:border-color .2s,opacity .2s;position:relative;overflow:hidden}.pg-lb-thumb:hover{opacity:1}.pg-lb-thumb.pg-lb-thumb-active{border-color:var(--white);opacity:1}.pg-lb-counter{color:#ffffffd9;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none;background:#00000080;padding:6px 16px;font-size:.9rem;font-weight:600;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@media (max-width:768px){.pg-gallery{max-width:100%;margin-bottom:1rem;padding:1.25rem}.pg-stage{flex-direction:column-reverse;gap:10px}.pg-rail{flex-direction:row;width:100%;max-height:none;padding-bottom:4px;padding-right:0;overflow:auto hidden}.pg-rail::-webkit-scrollbar{height:4px}.pg-main{min-height:240px}.pg-inline-nav{width:44px;height:44px}.pg-main.pg-zoomed .pg-main-img{transform:none}.pg-thumb{width:56px;height:56px}.pg-lb-body{flex-direction:column;gap:10px;padding:0 10px 10px}.pg-lb-thumbs{flex-direction:row;flex:none;grid-template-columns:none;width:100%;padding-bottom:4px;padding-right:0;display:flex;overflow:auto hidden}.pg-lb-thumb{flex-shrink:0;width:60px}.pg-lb-nav{width:40px;height:40px}.pg-lb-counter{bottom:88px}}@media (max-width:480px){.pg-gallery{padding:1rem}.pg-placeholder{min-height:200px}}@media (prefers-reduced-motion:reduce){.pg-main-img,.pg-thumb,.pg-thumb img,.pg-lb-thumb,.pg-expand,.pg-inline-nav,.pg-lb-close,.pg-lb-nav{transition:none}.pg-thumb:hover,.pg-thumb:hover img{transform:none}.pg-inline-nav:hover{transform:translateY(-50%)}.pg-main.pg-zoomed .pg-main-img{transform:none}.pg-lightbox{opacity:1;animation:none}}