.public-app .product-gallery-page{background:#111b20;padding-top:0}.gallery-tour{color:#f3f7fa;font-family:var(--sans);padding:46px 0 64px}.gallery-tour .public-shell{width:calc(100% - 96px);max-width:1320px;margin:auto}.gallery-tour-intro{grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;margin-bottom:32px;display:grid}.public-app .gallery-tour .gallery-kicker{color:var(--brand-accent);text-transform:uppercase;letter-spacing:.12em;font:700 10px/1.5 var(--sans);margin:0 0 12px}.public-app .gallery-tour h1{color:#f4f8fa;font:750 clamp(34px,3.4vw,49px)/1.1 var(--sans);letter-spacing:-.04em;margin:0}.gallery-tour h1 em{color:var(--brand-accent);font-style:normal}.public-app .gallery-tour-lead p{color:#bed0d9;max-width:460px;margin:0 0 14px;font-size:14px;line-height:1.8}.gallery-tour-lead>span{color:#9fb8c6;align-items:center;gap:8px;font-size:11px;display:flex}.gallery-browser{background:#182931;border:1px solid #3c5360;border-radius:14px;grid-template-columns:248px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 18px 55px #0002}.gallery-library{background:#14232b;border-right:1px solid #344c59;min-width:0;padding:24px 14px}.public-app .gallery-library-title{color:#b4cad6;margin:0 10px 24px;font-size:12px;font-weight:650}.gallery-library-groups{gap:24px;display:grid}.public-app .gallery-library-group h2{color:#8faebb;font:600 11px/1.5 var(--sans);letter-spacing:0;align-items:center;gap:8px;margin:0 10px 10px;display:flex}.gallery-library-group h2 svg{flex-shrink:0}.gallery-library-group button{color:#c5d9e4;text-align:left;width:100%;min-height:44px;font:500 12px/1.4 var(--sans);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:12px 11px;display:flex}.gallery-library-group button svg{color:#7895a5;flex-shrink:0}.gallery-library-group button:hover{background:#263b46}.gallery-library-group button[aria-pressed=true]{color:var(--brand-accent);background:#3b342e;border-color:#a47054}.gallery-library-group button[aria-pressed=true] svg{color:var(--brand-accent)}.gallery-mobile-choice{display:none}.gallery-viewer{min-width:0;padding:26px}.gallery-viewer-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.public-app .gallery-viewer-header h2{font:700 clamp(24px,2.6vw,32px)/1.2 var(--sans);color:#f4f8fa;letter-spacing:-.03em;margin:0}.gallery-content-type{color:#a8c0cd;border:1px solid #49606b;border-radius:6px;flex-shrink:0;align-items:center;gap:7px;padding:7px 9px;font-size:10px;display:flex}.gallery-content-type.is-live{color:#bde3c7;background:#294237;border-color:#58886d}.public-app .gallery-screen-description{color:#b4cbd7;max-width:740px;min-height:44px;margin:14px 0 18px;font-size:13px;line-height:1.7}.gallery-canvas-tools{justify-content:space-between;align-items:center;gap:16px;min-height:44px;margin-bottom:12px;display:flex}.gallery-canvas-tools>span{color:#99b3c2;font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:12px}.gallery-zoom{color:#f3f8fa;min-height:44px;font:600 12px var(--sans);cursor:zoom-in;background:#2b4350;border:1px solid #577380;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.gallery-zoom:hover{background:#3c5967}.gallery-canvas{background:#0f1c23;border:1px solid #38505c;border-radius:8px;justify-content:center;align-items:center;height:clamp(380px,48vw,560px);display:flex;overflow:hidden}.gallery-desktop-image{cursor:zoom-in;background:0 0;border:0;width:100%;min-width:0;height:100%;padding:12px;display:block}.gallery-desktop-image>img{object-fit:contain;width:100%;height:100%;animation:.28s both gallery-enter;display:block}.gallery-canvas.is-phone{background:radial-gradient(#29434b,#101e25 72%)}.gallery-phone-device{flex-shrink:0;width:350px;max-width:100%;position:relative}.public-app .gallery-viewer-note{color:#92adbd;min-height:34px;margin:12px 0 16px;font-size:11px;line-height:1.6}.gallery-pager{border-top:1px solid #344d5a;justify-content:space-between;align-items:center;gap:18px;padding-top:18px;display:flex}.gallery-pager button{color:#f4f8fa;min-height:44px;font:600 12px var(--sans);cursor:pointer;background:#263e4b;border:1px solid #577380;border-radius:7px;align-items:center;gap:10px;padding:10px 14px;display:flex}.gallery-pager button:last-child{background:var(--brand-accent);border-color:var(--brand-accent);color:#17242b}.gallery-pager button:hover:not(:disabled){filter:brightness(1.12)}.gallery-pager>span{color:#9fb8c6;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.gallery-tour button:disabled{opacity:.4;cursor:default}.gallery-design-link{background:#21363e;border:1px solid #45616d;border-radius:12px;justify-content:space-between;align-items:center;gap:32px;margin-top:28px;padding:26px 30px;display:flex}.public-app .gallery-design-link h2{font:700 24px/1.25 var(--sans);color:#f4f8fa;letter-spacing:-.025em;margin:0 0 10px}.public-app .gallery-design-link p:last-child{color:#b9d1da;margin:0;font-size:13px}.public-app .gallery-design-link .button-primary{background:var(--brand-accent);color:#14232a;border-color:var(--brand-accent);flex-shrink:0;align-items:center;gap:10px;min-height:44px;display:inline-flex}.public-app .gallery-design-link .button-primary:hover{background:var(--brand-accent);border-color:var(--brand-accent)}.gallery-lightbox{color:#f5f8fa;background:#101d25;border:1px solid #55727d;border-radius:12px;width:min(1480px,100vw - 32px);max-width:none;height:calc(100dvh - 32px);max-height:none;margin:auto;padding:0;overflow:hidden}.gallery-lightbox::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#061016ed}.gallery-lightbox[open]{flex-direction:column;animation:.2s gallery-enter;display:flex}.gallery-lightbox>header{background:#1c303b;border-bottom:1px solid #435e6b;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;display:flex}.gallery-lightbox header span{color:#9fb7c4;font-size:10px}.public-app .gallery-lightbox h2{font:600 18px var(--sans);color:#f4f7f9;margin:4px 0 0}.gallery-lightbox button{color:#fff;min-width:44px;min-height:44px;font:600 12px var(--sans);cursor:pointer;background:#263e49;border:1px solid #59727d;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.gallery-lightbox button:hover{background:#365461}.gallery-lightbox .gallery-lightbox-close{padding:8px}.gallery-lightbox-tools{border-bottom:1px solid #334e5d;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.gallery-lightbox-tools>div{align-items:center;gap:14px;display:flex}.gallery-lightbox-tools span{font-variant-numeric:tabular-nums;color:#b9ceda;font-size:12px}.gallery-lightbox-image{scrollbar-color:#617e8c #101d25;flex:1;min-height:0;padding:16px;overflow:auto}.gallery-lightbox-image img{object-fit:contain;width:100%;max-width:none;height:100%;margin:auto;animation:.2s gallery-enter;display:block}.gallery-lightbox.is-actual .gallery-lightbox-image img{object-fit:initial;width:auto;max-width:none;height:auto;margin:0 auto}.gallery-tour :is(button,a,select):focus-visible{outline:3px solid var(--brand-accent);outline-offset:3px}.gallery-tour :is(button,a){transition:background .22s,border-color .22s,color .22s}@keyframes gallery-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=1050px){.gallery-tour .public-shell{width:calc(100% - 48px)}.gallery-tour-intro{gap:32px}.gallery-browser{grid-template-columns:214px minmax(0,1fr)}.gallery-viewer{padding:20px}.gallery-viewer-header{flex-direction:column;align-items:flex-start;gap:12px}.gallery-canvas{height:460px}.gallery-phone-device{width:300px}.gallery-pager{gap:10px}.gallery-pager button{padding:10px;font-size:11px}}@media (width<=760px){.gallery-tour{padding:30px 0 40px}.gallery-tour .public-shell{width:calc(100% - 32px)}.gallery-tour-intro{grid-template-columns:1fr;gap:18px;margin-bottom:24px}.gallery-tour-lead p{font-size:14px}.gallery-browser{display:block}.gallery-library{border-bottom:1px solid #344c59;border-right:0;padding:18px 16px}.public-app .gallery-library-title{margin:0 0 12px}.gallery-library-groups{display:none}.gallery-mobile-choice{color:#9fb8c6;gap:8px;font-size:11px;display:grid}.gallery-mobile-choice select{font:500 16px var(--sans);color:#f5f8fa;background:#243e4b;border:1px solid #597786;border-radius:6px;width:100%;min-width:0;min-height:46px;padding:10px}.gallery-viewer{padding:20px 14px}.gallery-viewer-header{gap:12px}.public-app .gallery-viewer-header h2{font-size:26px}.public-app .gallery-screen-description{min-height:0;margin:14px 0;font-size:13px}.gallery-content-type{font-size:10px}.gallery-canvas{aspect-ratio:1.35;height:auto}.gallery-desktop-image{padding:5px}.gallery-canvas.is-phone{aspect-ratio:auto;height:495px}.gallery-phone-device{width:330px;max-width:none}.gallery-canvas-tools{margin-bottom:10px}.gallery-viewer-note{font-size:10px}.gallery-pager{flex-wrap:wrap;gap:8px}.gallery-pager button{gap:6px;padding:10px 9px;font-size:11px}.gallery-pager>span{display:none}.gallery-design-link{padding:24px 20px;display:block}.public-app .gallery-design-link h2{font-size:23px}.gallery-design-link .button{margin-top:20px}.gallery-lightbox{border-radius:8px;width:calc(100vw - 12px);height:calc(100dvh - 12px)}.gallery-lightbox>header{padding:12px}.gallery-lightbox-tools{gap:8px;padding:10px}.gallery-lightbox-tools>div{gap:6px}.gallery-lightbox-tools button{padding:8px;font-size:11px}.gallery-lightbox-image{padding:8px}.gallery-lightbox-tools span{font-size:10px}.public-app .gallery-lightbox h2{font-size:16px}}@media (prefers-reduced-motion:reduce){.gallery-tour *{transition:none!important;animation:none!important}}