.demo-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;scroll-margin-top:30px;display:grid}.demo-cards article{min-width:0}.demo-cards img{aspect-ratio:2;object-fit:cover;object-position:center 35%;border-radius:6px;width:100%;height:auto;display:block}.demo-cards h3{margin:18px 0 8px;font-size:19px}.demo-cards p{color:var(--muted);margin:0 0 12px;font-size:16px;line-height:1.5}.demo-cards button,.demo-story button{font:inherit;color:inherit;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;min-height:44px;padding:10px 0}.demo-cards button:hover,.demo-cards [aria-expanded=true]{color:var(--accent);border-color:var(--accent)}.demo-cards [hidden],.demo-story[hidden]{display:none}.demo-credit{color:var(--muted);margin-top:18px;font-size:12px}.demo-story{border-top:1px solid var(--line);margin-top:32px;padding-top:28px;scroll-margin-top:24px}.demo-story-top{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.demo-story-top h3{max-width:550px;margin:0;font-size:26px;font-weight:400}.demo-story-top button{flex-shrink:0;font-size:14px}.story-steps{margin:0;padding:0;list-style:none}.story-step{min-width:0}.story-row{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;padding:26px 0;display:grid}.story-number{color:var(--muted);align-self:start;padding-top:6px;font-size:17px}.story-instruction{max-width:380px}.story-instruction h4{letter-spacing:-.025em;margin:0 0 10px;font-size:23px;font-weight:600;line-height:1.25}.story-instruction p{color:var(--muted);margin:0;font-size:17px;line-height:1.6}.story-phase{color:var(--accent);padding:32px 0 0 68px;font-size:15px;font-weight:600}.story-step:first-child .story-phase{padding-top:8px}.story-visual{justify-content:center;align-items:center;min-width:0;min-height:160px;padding:8px 16px;display:flex}.story-visual>div{flex-direction:column;gap:12px;width:100%;max-width:350px;font-size:15px;line-height:1.5;display:flex}.story-visual strong{font-size:21px;font-weight:400}.story-visual small{color:var(--muted);font-size:12px}.story-visual img{object-fit:cover;object-position:center 30%;border-radius:4px}.story-thumbnails{gap:8px;display:flex}.story-thumbnails img{flex:1;width:100%;min-width:0;height:140px}.story-album>span,.story-gallery>span,.story-delivery>span,.story-selection>span{color:var(--muted);font-size:12px}.story-symbol{font-size:38px;line-height:1}.story-bubble{background:var(--tint);border-radius:12px 12px 2px;padding:16px}.story-message-preview{align-items:center;gap:12px;margin-top:12px;display:flex}.story-message-preview img{width:70px;height:70px}.story-message-preview>span{font-size:13px}.story-visual .story-phone{border:2px solid var(--muted);border-radius:18px;align-items:center;gap:9px;width:165px;padding:14px 8px;font-size:11px}.story-phone img{width:100%;height:120px}.story-lock svg{width:36px;height:36px}.story-selected-photo{max-width:185px;position:relative}.story-selected-photo img{width:100%;height:140px;display:block}.story-selected-photo b{background:var(--surface);text-align:center;border-radius:50%;width:28px;height:28px;line-height:28px;position:absolute;bottom:7px;right:7px}.story-filename{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.story-delivery img{width:150px;height:145px}.story-private img{width:100%;height:135px}.story-private>span{align-items:center;gap:6px;font-size:12px;display:flex}.demo-story button:focus-visible,.demo-cards button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media (width<=650px){.demo-cards{grid-template-columns:1fr;gap:28px}.demo-cards article{grid-template-columns:110px minmax(0,1fr);align-items:start;column-gap:18px;display:grid}.demo-cards img{aspect-ratio:1;grid-row:1/4;height:110px}.demo-cards h3{margin:0 0 7px;font-size:18px}.demo-cards p{margin-bottom:4px;font-size:15px}.demo-cards button{justify-self:start}.demo-story-top{align-items:flex-start;gap:12px}.demo-story-top h3{font-size:22px}.demo-story-top button{font-size:12px}.story-row{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:24px 0}.story-instruction h4{font-size:21px}.story-instruction p{font-size:17px}.story-visual{grid-column:2;justify-content:flex-start;min-height:0;padding:8px 0 0}.story-visual>div{max-width:300px}.story-phase{padding-left:40px}.story-number{font-size:14px}.demo-story{margin-top:24px}.demo-story-top{flex-direction:column;gap:4px}.demo-story-top h3{max-width:100%}}.story-gallery>img{object-fit:contain;width:100%;height:auto;max-height:360px}.story-gallery>small{color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:8px;font-size:14px}.demo-story-switches{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.demo-story-switches button{border:1px solid var(--line);border-radius:6px;padding:10px 14px;font-size:15px}.demo-story-switches button[aria-pressed=true]{background:var(--tint);border-color:var(--accent);color:var(--accent);font-weight:600}.demo-accordions{scroll-margin-top:24px}.demo-accordion{border-bottom:1px solid var(--line)}.demo-accordion>summary{align-items:center;gap:22px;min-height:100px;padding:22px 0;list-style:none;display:flex}.demo-accordion>summary::-webkit-details-marker{display:none}.demo-accordion>summary>img{object-fit:cover;border-radius:5px;width:100px;height:75px}.demo-accordion>summary>span:nth-child(2){flex:1;min-width:0}.demo-accordion summary strong{font-size:21px;display:block}.demo-accordion summary span span{color:var(--muted);margin-top:5px;font-size:16px;font-weight:400;display:block}.demo-chevron{font-size:24px}.demo-accordion[open] .demo-chevron{transform:rotate(180deg)}.demo-accordion .demo-story{border:0;margin:0;padding:0 0 24px}.demo-accordion [data-demo-close]{margin:18px 0 0 68px}.demo-accordion[open]>summary{color:var(--accent)}.story-contact-sheet{width:100%;height:auto!important;max-height:none!important}.story-album .story-contact-sheet{border-radius:4px}@media (width<=650px){.demo-accordion>summary{gap:14px;padding:18px 0}.demo-accordion>summary>img{width:70px;height:70px}.demo-accordion summary strong{font-size:18px}.demo-accordion summary span span{font-size:14px}.demo-accordion [data-demo-close]{margin-left:40px}}.story-selected-series{position:relative}.story-selected-series b{background:var(--surface);text-align:center;border-radius:50%;width:24px;height:24px;line-height:24px;position:absolute;bottom:53%;left:25%}.story-selected-series b:nth-of-type(2){left:91%}.story-selected-series b:nth-of-type(3){bottom:3%;left:58%}.story-delivery .story-contact-sheet{width:100%}html:has(.demo-accordions){overflow-anchor:none}.story-row{grid-template-columns:36px minmax(0,.8fr) minmax(0,1.3fr);gap:24px;padding:30px 0}.story-visual{min-height:0;padding:0}.story-visual>div{gap:0;max-width:540px}.scene-window,.scene-site{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #0000000a}.scene-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 18px;font-weight:600;display:flex}.scene-badge{background:var(--tint);border-radius:20px;padding:4px 9px;font-size:11px;font-weight:400}.scene-body{padding:18px}.story-visual .scene-title{margin-bottom:14px;font-size:22px;font-weight:600;display:block}.scene-toolbar{justify-content:space-between;gap:12px;margin-bottom:12px;font-size:12px;display:flex}.story-visual .scene-toolbar strong{font-size:12px;font-weight:600}.scene-body>img{object-fit:cover;width:100%;max-height:220px;display:block}.scene-body>.story-contact-sheet{max-height:none}.scene-body .story-thumbnails img{height:145px}.scene-body>small{margin-top:12px;line-height:1.5;display:block}.scene-album-strip{align-items:center;gap:12px;margin-bottom:14px;font-size:14px;display:flex}.scene-album-strip img{width:65px;height:48px}.scene-options{flex-wrap:wrap;gap:6px;margin:12px 0;font-size:12px;display:flex}.scene-options>span,.scene-options>strong{border:1px solid var(--line);border-radius:5px;padding:7px 9px}.story-visual .scene-options strong{border-color:var(--accent);background:var(--tint);font-size:12px;font-weight:600}.scene-field{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.scene-field small{font-size:12px}.scene-confirm{color:var(--ink);border-top:1px solid var(--line);margin-top:14px;padding-top:10px;font-size:12px}.scene-message>small{margin-bottom:10px}.scene-bubble{background:var(--tint);border-radius:16px 16px 3px;padding:18px}.scene-bubble p{margin:0 0 12px;font-size:16px}.scene-preview{background:var(--surface);border-radius:8px;overflow:hidden}.scene-preview>img{width:100%;height:auto;display:block}.scene-preview>div{padding:12px}.story-visual .scene-preview strong{font-size:16px;display:block}.scene-preview span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.scene-sent{text-align:right;margin-top:9px;display:block}.scene-recipient-grid{max-height:145px;margin-top:8px;overflow:hidden}.scene-recipient-grid img{width:100%}.scene-password{padding:12px 0}.scene-password>svg{width:34px;height:34px;margin:0 auto;display:block}.scene-password>p{text-align:center;font-size:14px}.scene-action{text-align:center;border:1px solid var(--line);border-radius:5px;margin-top:16px;padding:9px;font-size:13px;display:block}.scene-chosen{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.scene-crop{aspect-ratio:1;background-size:300% 200%;border-radius:4px}.scene-file-row{color:var(--muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:6px;font-size:10px;display:grid}.scene-lightbox{background:#171a17;border-radius:10px;min-height:290px;position:relative;overflow:hidden;padding:16px!important}.scene-lightbox>img{object-fit:cover;object-position:25% center;width:100%;height:280px;display:block}.scene-download-menu{background:var(--surface);border:1px solid var(--line);border-radius:8px;width:60%;padding:14px;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 25px #0003}.story-visual .scene-download-menu>strong{font-size:15px;font-weight:600}.scene-download-menu>div{border-top:1px solid var(--line);margin-top:10px;padding-top:9px;font-size:13px}.scene-download-menu small{margin-top:3px;font-size:10px;display:block}.scene-address{border-bottom:1px solid var(--line);padding:12px 16px;font-size:13px}.scene-site>img{width:100%;height:auto;display:block}.scene-body .story-selected-series{line-height:0}.scene-body .story-selected-series b{line-height:24px}.scene-body .story-contact-sheet{width:100%;display:block}@media (width<=650px){.story-row{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:24px 0}.story-visual{grid-column:1/-1;margin-top:6px}.story-visual>div{max-width:none}.scene-body{padding:14px}.scene-bar{padding:11px 14px}.story-visual .scene-title{font-size:19px}.scene-options{gap:4px}.scene-options>span,.scene-options>strong{padding:6px}.scene-field{font-size:12px}.scene-download-menu{width:65%}}.demo-accordions{gap:12px;display:grid}.demo-accordion{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:clip}.demo-accordion>summary{gap:24px;min-height:136px;padding:18px}.demo-accordion>summary>img{border-radius:7px;width:152px;height:104px}.demo-accordion summary strong{font-size:23px}.demo-accordion summary span span{font-size:16px}.demo-chevron{text-align:center;width:24px}.demo-accordion>summary:hover{background:var(--tint)}.demo-accordion[open]>summary{color:var(--ink);background:var(--tint)}.demo-accordion .demo-story{padding:24px}.demo-accordion .story-step:last-child .story-row{border-bottom:0}.demo-accordion>summary:focus-visible{outline-offset:-4px}.demo-credit{font-size:14px}@media (width<=720px){.demo-accordion>summary{grid-template-columns:84px minmax(0,1fr) 20px;gap:5px 14px;padding:14px;display:grid}.demo-accordion>summary>img{grid-row:1;width:84px;height:84px}.demo-accordion summary strong{font-size:18px}.demo-accordion summary span span{font-size:15px}.demo-chevron{grid-area:1/3}.demo-accordion .demo-story{padding:18px 14px}.demo-accordion [data-demo-close]{margin-left:0}}.story-unselected{background:var(--surface);opacity:.68;pointer-events:none;width:33.3333%;height:50%;position:absolute}.pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:#4f4f4f66;--pswp-preloader-color-secondary:#ffffffe6;--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:2px;--pswp-error-text-color:var(--pswp-icon-color);width:100%;height:100%;z-index:var(--pswp-root-z-index);touch-action:none;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:#0000;outline:0;display:none;position:fixed;top:0;left:0}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{will-change:opacity;transform:translateZ(0)}.pswp__bg{opacity:.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{color:var(--pswp-error-text-color);margin:auto;font-size:1em;line-height:1}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);z-index:10;pointer-events:none}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{cursor:pointer;width:50px;height:60px;box-shadow:none;opacity:.85;-webkit-appearance:none;-webkit-touch-callout:none;background:0 0;border:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.pswp__button:hover,.pswp__button:active,.pswp__button:focus{box-shadow:none;opacity:1;background:0 0;border:0;padding:0;transition:none}.pswp__button:disabled{opacity:.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary);pointer-events:none;width:32px;height:32px;position:absolute;top:14px;left:9px;overflow:hidden}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{z-index:10;flex-direction:row;justify-content:flex-end;width:100%;height:60px;display:flex;position:absolute;top:0;left:0;pointer-events:none!important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{width:75px;height:100px;margin-top:-50px;position:absolute;top:50%}.pswp__button--arrow:disabled{cursor:default;display:none}.pswp__button--arrow .pswp__icn{background:0 0;border-radius:0;width:60px;height:60px;margin-top:-30px;top:50%}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{left:0;right:auto}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scaleX(-1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{width:50px;height:60px;margin-right:auto;position:relative;overflow:hidden}.pswp__preloader .pswp__icn{opacity:0;transition:opacity .2s linear;animation:.6s linear infinite pswp-clockwise}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pswp__counter{margin-top:15px;height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:.85;margin-inline-start:20px;font-size:14px;line-height:30px}.pswp--one-slide .pswp__counter{display:none}.landing-lightbox{color:#f3f2e9;--pswp-bg:#151814}.landing-lightbox .pswp__screenshot-caption{width:100%;max-height:35dvh;padding:18px max(24px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));text-align:center;pointer-events:auto;overscroll-behavior:contain;background:#151814;position:absolute;bottom:0;left:0;overflow-y:auto}.landing-lightbox .pswp__screenshot-caption h2{color:#f3f2e9;letter-spacing:-.02em;max-width:760px;margin:0 auto;font-size:1.1rem;font-weight:600;line-height:1.4}.landing-lightbox .pswp__screenshot-caption p{color:#c0c5b9;max-width:760px;margin:7px auto 0;font-size:.92rem;line-height:1.6}.landing-lightbox .pswp__button--arrow{top:40%}@media (width<=600px){.landing-lightbox .pswp__screenshot-caption{text-align:left;padding-top:12px}}