[data-swipe-builder] *{box-sizing:border-box}[data-swipe-builder]{margin:0;background:#fbfefd;color:#24312c;font-family:Centra,Arial,sans-serif}[data-swipe-builder] button{font:inherit;cursor:pointer}[data-swipe-builder] button:disabled{cursor:default;opacity:1;color:#948b9d}[data-swipe-builder] button:focus-visible,[data-swipe-builder] [tabindex]:focus-visible{outline:3px solid #449777;outline-offset:4px}[data-swipe-builder].ysb-section{max-width:1320px;margin:auto;padding:76px 40px;display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center}[data-swipe-builder] .ysb-copy h2{font-size:clamp(36px,4.1vw,58px);font-weight:400;letter-spacing:-2px;line-height:1.08;margin:0 0 25px;max-width:480px}[data-swipe-builder] .ysb-copy p{font-size:21px;line-height:1.6;color:#62776f;max-width:410px;margin:0}[data-swipe-builder] .ysb-scene{position:relative;min-height:835px;display:grid;place-items:center;border-radius:34px;background:radial-gradient(ellipse at 2% 18%,#cce5db,transparent 60%),radial-gradient(ellipse at 99% 98%,#c5e0fb,transparent 62%),#e4f7f0;padding:48px 24px}[data-swipe-builder] .ysb-phone{position:relative;width:352px;padding:8px;border-radius:49px;background:linear-gradient(130deg,#82808b,#17201d 25%,#2c3833 85%,#aaa5b0);box-shadow:0 23px 45px -17px #34554877,inset 0 0 0 1px #9c98a6}[data-swipe-builder] .ysb-screen{background:#fff;border-radius:42px;overflow:hidden;min-height:717px;position:relative;padding:0 18px 25px}[data-swipe-builder] .ysb-status{height:43px;display:flex;justify-content:space-between;align-items:center;padding:8px 12px 0;font:11px Arial,sans-serif;font-weight:600}[data-swipe-builder] .ysb-status svg{width:42px;height:13px}[data-swipe-builder] .ysb-header{display:flex;align-items:center;justify-content:space-between;margin:18px 0 17px}[data-swipe-builder] .ysb-header h2{font-size:19px;font-weight:400;letter-spacing:-.3px;margin:0}[data-swipe-builder] .ysb-iconbutton{border:0;background:none;color:#729789;padding:5px;display:flex;align-items:center;gap:4px;font-size:12px}[data-swipe-builder] .ysb-iconbutton svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}[data-swipe-builder] .ysb-rail-label{display:flex;align-items:center;justify-content:space-between;color:#8a7f94;font-size:11px;margin-bottom:8px}[data-swipe-builder] .ysb-rail{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:1px 0 5px;min-height:88px;scroll-behavior:smooth}[data-swipe-builder] .ysb-rail::-webkit-scrollbar{display:none}[data-swipe-builder] .ysb-mini{flex:0 0 63px;width:63px;position:relative;margin:0}[data-swipe-builder] .ysb-mini img{width:63px;height:69px;object-fit:contain;border-radius:8px;background:#e8dfd4;display:block}[data-swipe-builder] .ysb-mini figcaption{font-size:9px;color:#8a7f94;text-align:center;padding-top:4px}[data-swipe-builder] .ysb-slot{width:63px;height:69px;flex:0 0 63px;border:1px dashed #b9ded0;border-radius:8px;display:grid;place-items:center;color:#a0caba;background:#f9fdfc;font-size:24px}[data-swipe-builder] .ysb-hint{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#76a895;margin:15px 0 12px}[data-swipe-builder] .ysb-hint svg{height:17px;width:17px;stroke:currentColor;fill:none;stroke-width:1.5}[data-swipe-builder] .ysb-card-wrap{position:relative}[data-swipe-builder] .ysb-pose-card{margin:0;background:#e8dfd4;border-radius:17px;overflow:hidden;touch-action:pan-y pinch-zoom;user-select:none;cursor:grab;transform:translateY(var(--drag,0px));transition:transform .18s ease,opacity .18s ease;will-change:transform}[data-swipe-builder] .ysb-pose-card.ysb-dragging{transition:none;cursor:grabbing}[data-swipe-builder] .ysb-pose-card.ysb-adding{transform:translateY(-70px) scale(.88);opacity:0}[data-swipe-builder] .ysb-pose-card img{width:100%;height:299px;object-fit:contain;display:block;pointer-events:none;-webkit-user-drag:none}[data-swipe-builder] .ysb-browse{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #dfece7;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#648679;background:#fffffff0;box-shadow:0 2px 7px #2247390b}[data-swipe-builder] .ysb-browse svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.7}[data-swipe-builder] .ysb-prev{left:-12px}[data-swipe-builder] .ysb-next{right:-12px}[data-swipe-builder] .ysb-pose-info{text-align:center;margin:16px 0 15px}[data-swipe-builder] .ysb-pose-info h3{font-size:20px;letter-spacing:-.35px;margin:0 0 3px;font-weight:400}[data-swipe-builder] .ysb-pose-info p{color:#899f97;font-size:12px;margin:0}[data-swipe-builder] .ysb-feedback{height:24px;margin:9px 0 0;text-align:center;font-size:11px;color:#678f80}[data-swipe-builder] .ysb-homebar{position:absolute;bottom:8px;left:50%;width:104px;height:4px;transform:translateX(-50%);background:#25352f;border-radius:3px}[data-swipe-builder] .ysb-scene-note{position:absolute;bottom:17px;margin:0;color:#728e83;font-size:12px}[data-swipe-builder] .ysb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){[data-swipe-builder].ysb-section{grid-template-columns:1fr;padding:44px 22px;gap:32px}[data-swipe-builder] .ysb-copy{text-align:center}[data-swipe-builder] .ysb-copy h2{margin:0 auto 16px;max-width:530px;letter-spacing:-1.4px}[data-swipe-builder] .ysb-copy p{font-size:18px;line-height:1.5;max-width:450px;margin:auto}[data-swipe-builder] .ysb-scene{min-height:805px;max-width:590px;width:100%;margin:auto;padding:30px 12px 46px;border-radius:25px}}@media(max-width:400px){[data-swipe-builder].ysb-section{padding:34px 12px;gap:27px}[data-swipe-builder] .ysb-scene{padding:27px 9px 42px;min-height:0}[data-swipe-builder] .ysb-phone{width:100%;border-radius:40px;padding:6px}[data-swipe-builder] .ysb-screen{border-radius:34px;padding:0 15px 25px;min-height:0}[data-swipe-builder] .ysb-pose-card img{height:auto;aspect-ratio:1}[data-swipe-builder] .ysb-scene-note{bottom:13px;font-size:11px}[data-swipe-builder] .ysb-copy h2{font-size:35px}[data-swipe-builder] .ysb-copy p{font-size:17px}[data-swipe-builder] .ysb-status{height:35px}[data-swipe-builder] .ysb-header{margin:16px 0}}@media(prefers-reduced-motion:reduce){[data-swipe-builder] *,[data-swipe-builder] *:before,[data-swipe-builder] *:after{transition:none!important;scroll-behavior:auto!important}}
[data-swipe-builder]{font-family:Centra,"Centra No2",Arial,sans-serif;background:#fff;color:#24312c;width:100%}
[data-swipe-builder] button{appearance:none;letter-spacing:normal;text-transform:none;box-shadow:none}
[data-swipe-builder] svg{stroke-linecap:round;stroke-linejoin:round}
[data-swipe-builder] .ysb-status-icons{width:66px;height:15px;display:flex;align-items:center;gap:6px}
[data-swipe-builder] .ysb-status-icons svg{width:17px;height:14px;flex:none}
[data-swipe-builder] .ysb-status-icons svg:last-child{width:23px}
[data-swipe-builder] .ysb-iconbutton{min-width:56px;min-height:44px;color:#3bce96}
[data-swipe-builder] .ysb-iconbutton:disabled{color:#9a91a2;opacity:1}
[data-swipe-builder] .ysb-browse{width:44px;height:44px;top:50%;border:0;background:transparent;box-shadow:none}
[data-swipe-builder] .ysb-browse::before{content:"";position:absolute;inset:5px;border:1px solid #dfece7;border-radius:50%;background:#fff}
[data-swipe-builder] .ysb-browse svg{position:relative;width:18px;height:18px;stroke-width:1.8}
[data-swipe-builder] .ysb-prev{left:-17px}[data-swipe-builder] .ysb-next{right:-17px}
[data-swipe-builder] .ysb-slot{padding:0;cursor:pointer;color:#3bce96;font:inherit}
[data-swipe-builder] .ysb-slot svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8;fill:none}
[data-swipe-builder] .ysb-app-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid #edf4f1;margin:12px -8px 0;padding:9px 0 0}
[data-swipe-builder] .ysb-app-nav button{border:0;background:none;min-height:49px;padding:3px 0;display:flex;flex-direction:column;align-items:center;gap:5px;color:#889d95;font-size:9px;line-height:1.2}
[data-swipe-builder] .ysb-app-nav button[aria-pressed="true"]{color:#3bce96}
[data-swipe-builder] .ysb-app-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
[data-swipe-builder] .ysb-app-nav img{width:21px;height:21px;object-fit:cover;border-radius:50%;border:1px solid #d5e7e0}
[data-swipe-builder] .ysb-feedback{height:30px;line-height:1.4;margin-top:8px}
[data-swipe-builder] .ysb-hint{font-size:11px;min-height:20px}
[data-swipe-builder] .ysb-pose-info h3{font-size:18px;line-height:1.25}
[data-swipe-builder] .ysb-rail:focus-visible{outline:2px solid #3bce96;outline-offset:3px}
[data-swipe-builder] .ysb-pose-card{touch-action:pan-y pinch-zoom}
@supports(touch-action:pan-down pinch-zoom){[data-swipe-builder] .ysb-pose-card{touch-action:pan-down pinch-zoom}}

        [data-swipe-builder] .ysb-ios-status-bar {
            display: flex;
            height: 1.95rem;
            align-items: center;
            justify-content: space-between;
            padding: 0.42rem 1.35rem 0.08rem;
            background: rgba(248, 247, 250, 0.74);
            -webkit-backdrop-filter: blur(12px) saturate(108%);
            backdrop-filter: blur(12px) saturate(108%);
            font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;
            font-size: 11px;
            font-weight: 650;
            letter-spacing: -0.015em;
        }

        [data-swipe-builder] .ysb-ios-status-time {
            min-width: 2.2rem;
            transform: scale(1.12);
            transform-origin: left center;
        }

        [data-swipe-builder] .ysb-ios-status-left {
            display: flex;
            align-items: center;
            gap: 0.12rem;
        }

        [data-swipe-builder] .ysb-ios-status-icons {
            display: flex;
            align-items: center;
            gap: 0.25rem;
            transform: scale(0.9);
            transform-origin: right center;
        }

        [data-swipe-builder] .ysb-ios-battery {
            position: relative;
            display: grid;
            width: 1.36rem;
            height: 0.68rem;
            place-items: center;
            border: 1px solid currentColor;
            border-radius: 0.18rem;
            color: #0d0d0f;
            font-size: 0.46rem;
            font-weight: 750;
            line-height: 1;
        }

        [data-swipe-builder] .ysb-ios-battery::before {
            content: '';
            position: absolute;
            inset: 0.1rem;
            right: 0.1rem;
            border-radius: 0.07rem;
            background: currentColor;
        }

        [data-swipe-builder] .ysb-ios-battery::after {
            content: '';
            position: absolute;
            top: 50%;
            right: -0.12rem;
            width: 0.09rem;
            height: 0.3rem;
            border-radius: 0 0.08rem 0.08rem 0;
            background: currentColor;
            transform: translateY(-50%);
        }


[data-swipe-builder] .ysb-phone{position:relative;width:min(100%,352px);padding:0;aspect-ratio:990/2048;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 32px 34px rgba(31,42,47,.2));container-type:inline-size}
[data-swipe-builder] .ysb-screen{position:absolute;z-index:1;top:1.65%;right:4%;bottom:1.7%;left:4%;min-height:0;padding:0 14px 7px;overflow:hidden;border-radius:12.5% / 6%;display:flex;flex-direction:column;background:white}
[data-swipe-builder] .ysb-hardware{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
[data-swipe-builder] .ysb-ios-status-bar{flex:none;margin:0 -14px;height:34px;padding-left:22px;padding-right:21px;background:white}
[data-swipe-builder] .ysb-header{margin:5px 0 7px;min-height:44px;flex:none}
[data-swipe-builder] .ysb-header h2{font-size:18px}
[data-swipe-builder] .ysb-rail-label{margin-bottom:5px;flex:none}
[data-swipe-builder] .ysb-rail{min-height:77px;flex:none;padding-bottom:1px}
[data-swipe-builder] .ysb-mini{flex-basis:56px;width:56px}
[data-swipe-builder] .ysb-mini img{width:56px;height:59px}
[data-swipe-builder] .ysb-slot{width:56px;height:59px;flex-basis:56px}
[data-swipe-builder] .ysb-hint{margin:8px 0;min-height:20px;flex:none}
[data-swipe-builder] .ysb-card-wrap{min-height:0;flex:1 1 auto}
[data-swipe-builder] .ysb-pose-card{height:100%;border-radius:13px}
[data-swipe-builder] .ysb-pose-card img{height:100%;width:100%;aspect-ratio:auto;object-fit:contain}
[data-swipe-builder] .ysb-pose-info{margin:9px 0 3px;flex:none;min-height:40px}
[data-swipe-builder] .ysb-pose-info h3{font-size:17px}
[data-swipe-builder] .ysb-app-nav{flex:none;margin-top:8px;padding-top:7px}
[data-swipe-builder] .ysb-feedback{flex:none;height:28px;margin:5px 0 0;font-size:10px}
[data-swipe-builder] .ysb-homebar{bottom:7px;height:3px;width:96px}
@container(max-width:300px){[data-swipe-builder] .ysb-screen{padding-inline:11px}[data-swipe-builder] .ysb-header{margin:2px 0 3px}[data-swipe-builder] .ysb-header h2{font-size:16px}[data-swipe-builder] .ysb-rail{min-height:67px}[data-swipe-builder] .ysb-mini img,[data-swipe-builder] .ysb-slot{height:51px}[data-swipe-builder] .ysb-hint{margin:5px 0;font-size:10px}[data-swipe-builder] .ysb-pose-info h3{font-size:15px}[data-swipe-builder] .ysb-pose-info p{font-size:10px}[data-swipe-builder] .ysb-feedback{font-size:9px;height:25px}[data-swipe-builder] .ysb-app-nav{margin-top:3px;padding-top:4px}}

/* Host-independent layout: mobile rules have the same specificity as desktop. */
[data-swipe-builder].ysb-section>.ysb-copy,[data-swipe-builder].ysb-section>.ysb-scene{min-width:0}
[data-swipe-builder].ysb-section>.ysb-copy h2{font-family:inherit;font-weight:400;line-height:1.08;color:#24312c;text-transform:none}
[data-swipe-builder] .ysb-screen h2,[data-swipe-builder] .ysb-screen h3{font-family:inherit;font-weight:400;color:#24312c;text-transform:none}
@media(max-width:850px){[data-swipe-builder].ysb-section{grid-template-columns:minmax(0,1fr);padding:44px 22px;gap:32px}}
@media(max-width:400px){[data-swipe-builder].ysb-section{grid-template-columns:minmax(0,1fr);padding:34px 12px;gap:27px}}

/* Live feedback stays accessible without taking space below the app navigation. */
[data-swipe-builder] [data-swipe="feedback"]{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;flex:none!important}

/* Portrait handset with the adjacent pose cards aligned to the active photo. */
[data-swipe-builder] .ysb-scene{
  isolation:isolate;
  min-height:760px;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 18%,rgba(248,210,232,.9) 0,rgba(248,210,232,0) 43%),
    radial-gradient(circle at 86% 80%,rgba(181,220,252,.86) 0,rgba(181,220,252,0) 47%),
    linear-gradient(145deg,#eafaf4 5%,#f8e8f2 49%,#dcecff 100%);
}
[data-swipe-builder] .ysb-scene::before{
  content:"";
  position:absolute;
  z-index:0;
  top:50%;
  left:50%;
  width:66%;
  aspect-ratio:1;
  border-radius:50%;
  background:rgba(255,255,255,.55);
  filter:blur(54px);
  transform:translate(-50%,-50%);
}
[data-swipe-builder] .ysb-side-cards{
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
}
[data-swipe-builder] .ysb-side-card{
  position:absolute;
  top:var(--ysb-photo-center-y,50%);
  left:50%;
  width:258px;
  height:270px;
  margin:0;
  overflow:hidden;
  border:0;
  border-radius:18px;
  background:#e8dfd4;
  box-shadow:0 16px 36px rgba(65,49,84,.13),0 3px 10px rgba(65,49,84,.07);
  opacity:.5;
}
[data-swipe-builder] .ysb-side-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  pointer-events:none;
  -webkit-user-drag:none;
}
[data-swipe-builder] .ysb-side-card--prev{transform:translate(-50%,-50%) translate(-165px,-18px)}
[data-swipe-builder] .ysb-side-card--next{transform:translate(-50%,-50%) translate(165px,18px)}
[data-swipe-builder] .ysb-phone{
  z-index:2;
  width:min(100%,294px);
  filter:drop-shadow(0 34px 35px rgba(31,42,47,.23));
}

@media(max-width:850px){
  [data-swipe-builder] .ysb-scene{min-height:780px}
  [data-swipe-builder] .ysb-phone{width:min(100%,326px)}
  [data-swipe-builder] .ysb-side-card{width:245px;height:258px;border-radius:16px}
  [data-swipe-builder] .ysb-side-card--prev{transform:translate(-50%,-50%) translate(-185px,-17px)}
  [data-swipe-builder] .ysb-side-card--next{transform:translate(-50%,-50%) translate(185px,17px)}
}

@media(max-width:400px){
  [data-swipe-builder] .ysb-scene{min-height:0;padding-top:38px;padding-bottom:38px}
  [data-swipe-builder] .ysb-phone{width:calc(100% - 54px)}
  [data-swipe-builder] .ysb-side-card{width:170px;height:188px;border-radius:13px}
  [data-swipe-builder] .ysb-side-card--prev{transform:translate(-50%,-50%) translate(-118px,-13px)}
  [data-swipe-builder] .ysb-side-card--next{transform:translate(-50%,-50%) translate(118px,13px)}
}