.gen-page{--gen-canvas: #fbfbfd;--gen-cue-band: 72px;--gen-glass-bg: rgba(255, 255, 255, .62);--gen-glass-border: rgba(255, 255, 255, .78);--gen-glass-shadow: 0 1px 1px rgba(15, 23, 42, .04), 0 12px 32px -12px rgba(15, 23, 42, .22);--gen-frame-radius: 32px;--gen-sticky-h: 60px;background:radial-gradient(900px 520px at 78% 8%,rgba(0,122,255,.055),transparent 70%),radial-gradient(700px 520px at 18% 62%,rgba(0,122,255,.04),transparent 70%),var(--gen-canvas)}@media(max-width:767px){.gen-page{--gen-frame-radius: 26px;--gen-sticky-h: 56px}}[data-gen-offscreen] *,[data-gen-offscreen] *:before,[data-gen-offscreen] *:after{animation-play-state:paused!important}.gen-reveal{transition:opacity .9s cubic-bezier(.22,1,.36,1) var(--gen-reveal-delay, 0ms),translate .9s cubic-bezier(.22,1,.36,1) var(--gen-reveal-delay, 0ms)}[data-revealed=false] .gen-reveal{opacity:0;translate:0 22px}.gen-section-blue{background:linear-gradient(180deg,#f3f7fd,#eef4fc)}.gen-frame-w{width:min(78vw,380px);transition:width .7s cubic-bezier(.22,1,.36,1)}@media(min-width:1024px){.gen-frame-w{width:min(38vw,540px,calc((100svh - var(--ds-header-h) - 136px) * .8));min-width:300px}.gen-frame-w--card{width:min(34vw,440px,calc((100svh - var(--ds-header-h) - var(--gen-cue-band) - 80px - 40px - 152px) * var(--gen-doc-aspect, .78)));min-width:320px}}.gen-photo-card{--gen-frame-radius: 14px}@media(max-width:1023px){.gen-photo-card .gen-frame-w{width:100%}}@media(min-width:480px){.gen-photo-card{--gen-frame-radius: 16px}}.gen-glass{background:var(--gen-glass-bg);border:1px solid var(--gen-glass-border);box-shadow:var(--gen-glass-shadow);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px)}.gen-glass-dark{background:#ffffff29;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 28px -14px #0f172a59;-webkit-backdrop-filter:saturate(160%) blur(18px);backdrop-filter:saturate(160%) blur(18px)}.gen-glass--active{background:#ffffffc7;border-color:#007aff38;box-shadow:0 0 0 4px #007aff0f,0 1px 1px #0f172a0a,0 16px 36px -14px #007aff59}.gen-progress{transition:opacity var(--gen-dock-dur) var(--gen-dock-ease),transform var(--gen-dock-dur) var(--gen-dock-ease)}.gen-progress[data-dock=transitioning]{opacity:.55}.gen-progress[data-dock=sticky]{opacity:0;transform:translateY(-4px)}@keyframes gen-scroll-wheel{0%{opacity:0;transform:translateY(-2px)}25%{opacity:1}70%{opacity:0;transform:translateY(8px)}to{opacity:0;transform:translateY(8px)}}.gen-scroll-mouse{position:relative;display:block;width:24px;height:36px;border-radius:12px;border:1.5px solid rgba(15,23,42,.32);transition:border-color .2s ease}.group:hover .gen-scroll-mouse{border-color:#0f172a8c}.gen-scroll-mouse__wheel{position:absolute;top:7px;inset-inline-start:50%;width:3px;height:7px;margin-inline-start:-1.5px;border-radius:2px;background:var(--ds-primary);animation:gen-scroll-wheel 1.9s cubic-bezier(.45,0,.55,1) infinite}.gen-dock{position:fixed;top:var(--gen-dock-gap);inset-inline:0;z-index:calc(var(--ds-z-sticky) - 1);pointer-events:none;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.gen-dock[data-docked=true] .gen-dock__mover{pointer-events:auto}.gen-dock__surface,.gen-dock__shadow{border-radius:var(--gen-dock-radius)}.gen-dock__shadow{position:absolute;inset:0;opacity:0;box-shadow:0 1px 2px #0f172a0d,0 14px 36px -18px #0f172a47}.gen-dock__surface{position:relative;opacity:0;height:var(--gen-dock-h);display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);overflow:hidden;background:#ffffffc7;border:1px solid rgba(15,23,42,.07);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.gen-page{--gen-dock-radius: 20px;--gen-dock-h: 64px}@media(max-width:767px){.gen-page{--gen-dock-radius: 18px;--gen-dock-h: 62px}}.gen-dock__layer{grid-area:1 / 1;transition:opacity .36s var(--gen-dock-ease),transform .36s var(--gen-dock-ease)}.gen-dock__layer[data-shown=false]{opacity:0;pointer-events:none}.gen-dock__layer[data-shown=true]{transition-delay:90ms}.gen-gift{background:linear-gradient(135deg,#fffaf3eb,#fcf3e8db);border:1px solid rgba(176,118,59,.12)}.gen-gift-accent{color:#ad5a10;transition:color .2s ease}button.gen-gift-accent:hover{color:#8c470a}.gen-cta.gen-cta{background-image:linear-gradient(180deg,#1a8bff 0%,var(--ds-primary) 100%);box-shadow:0 1px #ffffff40 inset,0 12px 28px -14px #007aff99}.gen-cta.gen-cta:hover{filter:brightness(1.04)}.gen-cta--sheen{position:relative;overflow:hidden;isolation:isolate}.gen-cta--sheen:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.18) 50%,transparent 62%);transform:translate(-120%);animation:gen-sheen 7s cubic-bezier(.45,0,.25,1) 1.6s infinite;pointer-events:none}@keyframes gen-sheen{0%{transform:translate(-120%)}18%,to{transform:translate(120%)}}[dir=rtl] .gen-cta--sheen:after{scale:-1 1}@keyframes gen-fade-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.gen-fade-in{animation:gen-fade-in .22s cubic-bezier(.22,1,.36,1) both}@keyframes gen-click{0%{opacity:.35;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.gen-click{animation:gen-click .55s ease-out forwards}.gen-mock-sweep{background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.75) 50%,transparent 80%);background-size:250% 100%;background-position:120% 0;opacity:0;transition:opacity .4s ease,background-position 1.1s var(--gen-dock-ease)}.gen-mock-sweep.is-on{opacity:1;background-position:-20% 0}@keyframes gen-scan{0%{transform:translate(7%)}50%{transform:translate(93%)}to{transform:translate(7%)}}.gen-scan{position:absolute;inset:0;pointer-events:none;animation:gen-scan 7.5s cubic-bezier(.45,0,.55,1) infinite}.gen-scan__glow{position:absolute;top:0;bottom:0;left:-70px;width:140px;background:radial-gradient(closest-side,#78afff57,#78afff00)}.gen-scan__line{position:absolute;top:0;bottom:0;left:-1px;width:2px;background:linear-gradient(180deg,#fff0,#ffffffe6 14%,#fff,#ffffffe6 86%,#fff0);box-shadow:0 0 10px 1px #007aff8c,0 0 34px 6px #007aff38}@keyframes gen-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-7px,0)}}.gen-float{animation:gen-float var(--gen-float-dur, 7s) ease-in-out var(--gen-float-delay, 0s) infinite}@keyframes gen-editor-panel{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.gen-editor-panel{animation:gen-editor-panel .52s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){.gen-progress,.gen-dock__layer{transform:none!important;transition:opacity .2s linear!important}.gen-cta--sheen:after{animation:none!important;opacity:0}.gen-scan{animation:none;transform:translate(50%)}.gen-float,.gen-click,.gen-scroll-mouse__wheel,.gen-editor-panel{animation:none}}
