.gallery-page{background:var(--zj-canvas);scrollbar-width:thin;scrollbar-color:var(--zj-border)transparent;height:100vh;padding-top:3rem;padding-bottom:3rem;overflow-y:auto}.gallery-wrap{max-width:1748px;margin-left:auto;margin-right:auto;padding:0 2rem}.gallery-header{margin-bottom:2rem;padding:0 .75rem}.gallery-back{cursor:pointer;color:var(--zj-action);-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:0;transition:color .2s;display:flex}.gallery-back:hover{color:var(--zj-action-pressed)}.gallery-back:focus-visible{outline:2px solid var(--zj-action);outline-offset:2px}.gallery-back__arrow{background:0 0;flex-shrink:0;width:16px;height:16px;display:inline-block;position:relative}.gallery-back__arrow:before{content:"";border-bottom:1.5px solid;border-left:1.5px solid;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-40%,-50%)rotate(45deg)}.gallery-back__text{font-family:var(--zj-font-ui);letter-spacing:.04em;font-size:13px;font-weight:500}.gallery-header__title{font-family:var(--zj-font-ui);letter-spacing:-.01em;color:var(--zj-text);font-size:24px;font-weight:600;line-height:32px}.gallery-header__sub{font-family:var(--zj-font-ui);color:var(--zj-text-secondary);font-feature-settings:"tnum" 1;margin-top:.3rem;font-size:13px;font-weight:400}.gallery-masonry{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;padding:0 .75rem;display:grid}.gallery-item{background:var(--zj-surface);border:1px solid var(--zj-border);border-radius:8px;width:100%;position:relative;overflow:hidden}.gallery-item__open{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;padding:0;display:block}.gallery-item__open:focus-visible{outline:2px solid var(--zj-action);outline-offset:-2px}.gallery-item__img{width:100%;height:auto;display:block}.gallery-item__overlay{opacity:0;pointer-events:none;background:linear-gradient(#20222400,#202224d1);flex-direction:column;gap:.5rem;padding:1.75rem .75rem .65rem;transition:opacity .25s;display:flex;position:absolute;bottom:0;left:0;right:0}.gallery-item:hover .gallery-item__overlay,.gallery-item:focus-within .gallery-item__overlay{opacity:1;pointer-events:auto}.gallery-item__prompt{font-family:var(--zj-font-ui);color:#fff;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:400;line-height:20px;display:-webkit-box;overflow:hidden}.gallery-item__use{font-family:var(--zj-font-ui);color:#fff;background:var(--zj-action);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:6px;align-self:flex-start;padding:.4rem .85rem;font-size:13px;font-weight:500;transition:background .15s}.gallery-item__use:hover{background:var(--zj-action-pressed)}.gallery-item__use:focus-visible{outline-offset:2px;outline:2px solid #fff}.gallery-item__use:disabled{opacity:.6;cursor:default}.gallery-sentinel{height:1px}.gallery-loading,.gallery-empty{text-align:center;font-family:var(--zj-font-ui);color:var(--zj-text-secondary);font-size:13px;font-weight:400}.gallery-loading{padding:2rem 0}.gallery-empty{padding:6rem 0}.gallery-footer{border-top:1px solid var(--zj-border);justify-content:center;margin-top:4rem;padding:1.5rem .75rem 2rem;display:flex}.gallery-footer__text{font-family:var(--zj-font-ui);letter-spacing:.04em;color:var(--zj-text-tertiary);-webkit-user-select:none;user-select:none;font-size:12px;font-weight:500}.gallery-lightbox{z-index:9999;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#202224e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gallery-lightbox__inner{cursor:default;flex-direction:column;align-items:stretch;max-width:90vw;display:flex}.gallery-lightbox__img{object-fit:contain;cursor:default;background:var(--zj-workspace);border-radius:8px 8px 0 0;max-width:90vw;max-height:80vh}.gallery-lightbox__caption{background:var(--zj-surface);box-sizing:border-box;border-radius:0 0 8px 8px;flex-direction:column;gap:.5rem;padding:.85rem 1.1rem;display:flex}.gallery-lightbox__prompt{font-family:var(--zj-font-ui);color:var(--zj-text);font-size:14px;font-weight:400;line-height:22px}.gallery-lightbox__meta{align-items:center;gap:.75rem;display:flex}.gallery-lightbox__date{font-family:var(--zj-font-ui);color:var(--zj-text-secondary);font-size:13px;font-weight:400}.gallery-lightbox__count{font-family:var(--zj-font-ui);color:var(--zj-text-tertiary);font-feature-settings:"tnum" 1;font-size:13px;font-weight:400}.gallery-lightbox__use{font-family:var(--zj-font-ui);color:#fff;background:var(--zj-action);cursor:pointer;border:none;border-radius:6px;place-self:flex-start start;padding:.4rem .95rem;font-size:13px;font-weight:500;transition:background .15s}.gallery-lightbox__use:hover{background:var(--zj-action-pressed)}.gallery-lightbox__use:focus-visible{outline:2px solid var(--zj-action);outline-offset:2px}.gallery-lightbox__use:disabled{opacity:.6;cursor:default}.gallery-lightbox__arrow{background:var(--zj-surface);border:1px solid var(--zj-border);cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-lightbox__arrow:hover{background:var(--zj-selection)}.gallery-lightbox__arrow:focus-visible{outline:2px solid var(--zj-action);outline-offset:2px}.gallery-lightbox__arrow:after{content:"";border-top:1.5px solid var(--zj-action);border-right:1.5px solid var(--zj-action);width:9px;height:9px}.gallery-lightbox__arrow--prev{left:1.5rem}.gallery-lightbox__arrow--next{right:1.5rem}.gallery-lightbox__arrow--prev:after{margin-left:3px;transform:rotate(-135deg)}.gallery-lightbox__arrow--next:after{margin-right:3px;transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.gallery-item__overlay,.gallery-item__use,.gallery-lightbox__use,.gallery-lightbox__arrow,.gallery-back,.gallery-back__arrow{transition:none}}@media (max-width:1024px) and (min-width:769px){.gallery-masonry{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;padding:0 .5rem}.gallery-wrap{padding:0 1.5rem}.gallery-header{margin-bottom:1.5rem;padding:0 .5rem}}@media (max-width:768px){.gallery-masonry{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;padding:0 .25rem}.gallery-wrap{padding:0 1.25rem}.gallery-header{margin-bottom:1.25rem;padding:0 .25rem}.gallery-lightbox__arrow--prev{left:.75rem}.gallery-lightbox__arrow--next{right:.75rem}}@media (max-width:480px){.gallery-masonry{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:0 .15rem}.gallery-wrap{padding:0 .75rem}.gallery-header{margin-bottom:1rem;padding:0 .15rem}.gallery-lightbox__arrow--prev{left:.5rem}.gallery-lightbox__arrow--next{right:.5rem}}