._4-6f5G_demo{background:var(--color-pearl);flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}._4-6f5G_banner{background:var(--color-ink);color:#fff;flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:7px 40px;display:flex}._4-6f5G_bannerText{font-size:12px;line-height:1.6}._4-6f5G_bannerActions{align-items:center;gap:8px;display:flex}._4-6f5G_mode{background:#ffffff17;border-radius:999px;padding:3px;display:flex}._4-6f5G_mode button{border-radius:999px;min-height:32px;padding:0 13px;font-size:12px}._4-6f5G_activeMode{color:var(--color-ink);background:#fff}._4-6f5G_cta{background:var(--color-blossom);min-height:36px;color:var(--color-ink);white-space:nowrap;border-radius:999px;align-items:center;padding:0 17px;font-size:12px;font-weight:700;display:inline-flex}._4-6f5G_header{border-bottom:1px solid var(--color-line);flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:8px 40px;display:flex}._4-6f5G_headerActions{align-items:center;gap:12px;display:flex}._4-6f5G_assistantButton{border:1px solid var(--color-line);background:#fff;border-radius:999px;min-height:38px;padding:0 14px;font-size:12px;font-weight:600}._4-6f5G_content{flex-direction:column;flex:1;gap:10px;width:100%;max-width:1440px;min-height:0;margin:0 auto;padding:20px 40px 14px;display:flex}._4-6f5G_viewerNotice{color:var(--color-body);background:#eaf0f2;border-radius:14px;flex:none;padding:12px 16px;font-size:12px}._4-6f5G_gallery{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}._4-6f5G_grid{flex:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;min-height:0;display:grid}._4-6f5G_tile{background:var(--color-lilac);border-radius:4px;min-width:0;min-height:0;position:relative;overflow:hidden}._4-6f5G_photoButton{width:100%;height:100%;display:block}._4-6f5G_photo{object-fit:cover;width:100%;height:100%}._4-6f5G_heart{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#2b232c47;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:8px;right:8px}._4-6f5G_selection{border:1px solid var(--color-line);min-height:48px;box-shadow:var(--shadow-glass);background:#fff;border-radius:999px;flex:none;align-self:center;align-items:center;gap:14px;padding:7px 20px;font-size:12px;display:flex}._4-6f5G_pages{display:none}._4-6f5G_assistantDialog{width:min(92vw,900px);max-height:88dvh;box-shadow:var(--shadow-glass);background:#fff;border:0;border-radius:20px;margin:auto;padding:24px;overflow-y:auto}._4-6f5G_assistantDialog::backdrop{background:#2b232ca6}@media (max-width:767px){._4-6f5G_banner{flex-wrap:wrap;gap:5px;min-height:0;padding:7px 16px}._4-6f5G_bannerText{width:100%;font-size:11px}._4-6f5G_bannerActions{justify-content:space-between;gap:4px;width:100%}._4-6f5G_mode button{min-height:32px;padding:0 9px}._4-6f5G_cta{min-height:34px;padding:0 12px}._4-6f5G_header{min-height:58px;padding:6px 16px}._4-6f5G_headerActions{gap:6px}._4-6f5G_content{gap:6px;padding:10px 16px}._4-6f5G_viewerNotice{padding:8px 12px}._4-6f5G_grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}._4-6f5G_offPage{display:none}._4-6f5G_selection{min-height:40px;padding:5px 14px}._4-6f5G_pages{flex:none;justify-content:center;gap:6px;display:flex}._4-6f5G_pages button{border:1px solid var(--color-line);background:#fff;border-radius:999px;min-width:42px;min-height:38px;font-size:12px}._4-6f5G_pages ._4-6f5G_currentPage{border-color:var(--color-plum);background:var(--color-plum);color:#fff}}._4-6f5G_photo{transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}._4-6f5G_tile:hover ._4-6f5G_photo{transform:scale(1.04)}._4-6f5G_mode button,._4-6f5G_assistantButton,._4-6f5G_pages button{transition:background-color .2s,border-color .2s,color .2s}._4-6f5G_assistantButton:hover,._4-6f5G_pages button:hover{border-color:var(--color-glass)}._4-6f5G_cta{transition:background-color .2s,color .2s,box-shadow .25s}._4-6f5G_cta:hover{box-shadow:var(--shadow-cta)}._4-6f5G_heart{transition:background-color .2s,color .2s}._4-6f5G_heart:hover{background:var(--color-plum)}._4-6f5G_demo button:focus-visible,._4-6f5G_demo a:focus-visible,._4-6f5G_demo input:focus-visible,._4-6f5G_demo textarea:focus-visible{outline:2px solid var(--color-plum);outline-offset:3px}._4-6f5G_assistantDialog[open],._4-6f5G_lightboxDialog[open]{animation:.45s cubic-bezier(.2,.8,.2,1) both _4-6f5G_demoModalIn}._4-6f5G_assistantDialog::backdrop,._4-6f5G_lightboxDialog::backdrop{animation:.3s both _4-6f5G_demoOverlayIn}._4-6f5G_runningSpinner{vertical-align:middle;border:2px solid var(--color-line);border-top-color:var(--color-plum);border-radius:50%;width:14px;height:14px;margin-inline-end:8px;animation:.8s linear infinite _4-6f5G_demoSpin;display:inline-block}@keyframes _4-6f5G_demoModalIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes _4-6f5G_demoOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes _4-6f5G_demoSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){._4-6f5G_demo *,._4-6f5G_demo :before,._4-6f5G_demo :after{transition:none!important;animation:none!important}._4-6f5G_assistantDialog::backdrop,._4-6f5G_lightboxDialog::backdrop{animation:none!important}}