.home-mode-preview{position:absolute;z-index:1;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease}
.home-mode-preview.is-visible{opacity:1;visibility:visible}
.home-demo-visual.is-target-board>img{object-fit:contain;background:#f8fafc}
.home-demo-visual.is-target-board .home-icon-preview,.home-demo-visual.is-target-board .home-story-preview{inset:auto 0;top:50%;transform:translateY(-50%)}
.home-demo-visual.is-target-board .home-icon-preview{aspect-ratio:5/3}
.home-demo-visual.is-target-board .home-story-preview{aspect-ratio:45/28}
.home-preview-prompt{position:absolute;right:16px;top:16px;display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid rgba(255,255,255,.68);border-radius:5px;background:rgba(7,21,45,.76);color:#fff;font-size:10px;font-weight:700;box-shadow:0 6px 18px rgba(7,21,45,.18);backdrop-filter:blur(8px)}

.home-slider-preview{--home-slider-progress:0}
.home-slider-preview__gap,.home-slider-preview__piece{position:absolute;top:34%;width:58px;height:58px;border-radius:8px}
.home-slider-preview__gap{right:17%;border:2px solid rgba(255,255,255,.96);background:rgba(7,21,45,.3);box-shadow:inset 0 0 0 1px rgba(7,21,45,.26),0 5px 16px rgba(7,21,45,.16)}
.home-slider-preview__piece{left:14%;border:2px solid #fff;background:url('/assets/site-visual-v2/challenge-slider-real.webp') 25% 44%/720px auto no-repeat;box-shadow:0 7px 20px rgba(7,21,45,.28);transition:transform .12s ease;will-change:transform}
.home-slider-preview__track{position:absolute;left:16px;right:16px;bottom:16px;height:44px;border:1px solid rgba(215,224,234,.95);border-radius:7px;background:rgba(255,255,255,.94);box-shadow:0 8px 20px rgba(7,21,45,.14);pointer-events:auto;touch-action:none}
.home-slider-preview__fill{position:absolute;left:4px;right:4px;top:4px;bottom:4px;border-radius:5px;background:linear-gradient(90deg,rgba(47,107,255,.18),rgba(39,211,178,.18));transform:scaleX(var(--home-slider-progress));transform-origin:left center;transition:transform .12s ease;will-change:transform}
.home-slider-preview__handle{position:absolute;left:4px;top:4px;width:36px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:#2f6bff;color:#fff;box-shadow:0 4px 12px rgba(47,107,255,.3);cursor:grab;touch-action:none;will-change:transform}
.home-slider-preview__handle:active{cursor:grabbing}
.home-slider-preview.is-dragging .home-slider-preview__piece,.home-slider-preview.is-dragging .home-slider-preview__fill{transition:none}
.home-slider-preview__handle svg{width:17px;height:17px}
.home-slider-preview.is-complete .home-slider-preview__gap{border-color:#a8eadb;background:rgba(15,118,110,.2)}

.home-rotate-preview__disc{position:absolute;left:50%;top:50%;width:190px;height:190px;border:5px solid rgba(255,255,255,.94);border-radius:50%;background:url('/assets/site-visual-v2/challenge-rotate-anime.webp') center/640px auto no-repeat;box-shadow:0 14px 34px rgba(7,21,45,.28);transform:translate(-50%,-56%) rotate(45deg);transition:transform .2s ease}
.home-rotate-preview__disc:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.68);border-radius:50%}
.home-rotate-preview__controls{position:absolute;left:50%;bottom:16px;display:grid;grid-template-columns:38px minmax(116px,auto) 38px;gap:7px;align-items:center;padding:5px;border:1px solid rgba(215,224,234,.9);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 8px 20px rgba(7,21,45,.14);transform:translateX(-50%);pointer-events:auto}
.home-rotate-preview__controls button{width:38px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:#eef4ff;color:#2f6bff;cursor:pointer}
.home-rotate-preview__controls button:hover{background:#dfeaff}
.home-rotate-preview__controls svg{width:17px;height:17px}
.home-rotate-preview__status{color:#344054;font-size:10px;font-weight:700;text-align:center;white-space:nowrap}
.home-rotate-preview.is-complete .home-rotate-preview__disc{box-shadow:0 0 0 4px rgba(39,211,178,.2),0 14px 34px rgba(7,21,45,.24)}

.home-icon-preview__target,.home-story-preview__target{position:absolute;display:grid;place-items:center;padding:0;border:2px solid rgba(47,107,255,.5);border-radius:50%;background:rgba(255,255,255,.06);box-shadow:0 0 0 4px rgba(255,255,255,.32);cursor:crosshair;pointer-events:auto;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}
.home-icon-preview__target{width:74px;height:74px}
.home-icon-preview__target:hover,.home-story-preview__target:hover{border-color:#2f6bff;box-shadow:0 0 0 5px rgba(47,107,255,.16);transform:scale(1.04)}
.home-icon-preview__target:after,.home-story-preview__target:after{content:"";width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:#0f766e;box-shadow:0 2px 7px rgba(7,21,45,.22);opacity:0;transform:scale(.7);transition:opacity .14s ease,transform .14s ease}
.home-icon-preview__target.is-selected,.home-story-preview__target.is-selected{border-color:#0f766e;box-shadow:0 0 0 5px rgba(15,118,110,.16)}
.home-icon-preview__target.is-selected:after,.home-story-preview__target.is-selected:after{opacity:1;transform:scale(1)}
.home-icon-preview__target.is-error,.home-story-preview__target.is-error{border-color:#d92d20;box-shadow:0 0 0 5px rgba(217,45,32,.14)}
.home-icon-preview__target{transform:translate(-50%,-50%)}
.home-icon-preview__target:hover{transform:translate(-50%,-50%) scale(1.04)}
.home-icon-preview__target--anchor{left:33.3%;top:17.6%}
.home-icon-preview__target--watch{left:47.5%;top:45.4%}
.home-icon-preview__target--lamp{left:57.2%;top:68.5%}

.home-story-preview__lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.home-story-preview__lines polyline{fill:none;stroke:#2f6bff;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgba(47,107,255,.24))}
.home-story-preview__target{width:66px;height:66px}
.home-story-preview__target{transform:translate(-50%,-50%)}
.home-story-preview__target:hover{transform:translate(-50%,-50%) scale(1.04)}
.home-story-preview__target--ingredients{left:53.3%;top:75%}
.home-story-preview__target--batter{left:90%;top:18%}
.home-story-preview__target--oven{left:31%;top:77%}
.home-story-preview__target--cake{left:11%;top:18%}

.home-invisible-preview__scan{position:absolute;left:42%;top:14%;width:24%;height:68%;border:1px solid rgba(255,255,255,.72);border-radius:8px;box-shadow:0 0 0 1px rgba(47,107,255,.18),inset 0 0 28px rgba(47,107,255,.08)}
.home-invisible-preview__scan:before{content:"";position:absolute;left:8px;right:8px;top:18%;height:2px;background:linear-gradient(90deg,transparent,#27d3b2,transparent);box-shadow:0 0 10px rgba(39,211,178,.8);animation:home-scan 1.5s ease-in-out infinite}
@keyframes home-scan{0%,100%{top:18%;opacity:.55}50%{top:78%;opacity:1}}
.home-invisible-preview__panel{position:absolute;right:16px;bottom:16px;width:226px;padding:11px 12px;border:1px solid rgba(255,255,255,.72);border-radius:7px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(7,21,45,.18);backdrop-filter:blur(10px)}
.home-invisible-preview__title{display:flex;align-items:center;gap:7px;color:#07152d;font-size:11px;font-weight:750}
.home-invisible-preview__title:before{content:"";width:7px;height:7px;border-radius:50%;background:#2f6bff;box-shadow:0 0 0 4px rgba(47,107,255,.1)}
.home-invisible-preview__signals{display:grid;gap:6px;margin-top:10px}
.home-invisible-preview__signal{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#667085;font-size:9px}
.home-invisible-preview__signal i{width:7px;height:7px;border-radius:50%;background:#cbd5e1;transition:background .2s ease,box-shadow .2s ease}
.home-invisible-preview__signal.is-ready i{background:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.1)}
.home-invisible-preview.is-complete .home-invisible-preview__title:before{background:#0f766e;box-shadow:0 0 0 4px rgba(15,118,110,.1)}

@media(max-width:760px){
  .home-preview-prompt{right:10px;top:10px;min-height:24px;padding:4px 8px;font-size:9px}
  .home-slider-preview__gap,.home-slider-preview__piece{top:31%;width:44px;height:44px}
  .home-slider-preview__piece{background-size:520px auto}
  .home-slider-preview__track{left:10px;right:10px;bottom:10px;height:38px}
  .home-slider-preview__handle{width:32px;height:28px}
  .home-rotate-preview__disc{width:118px;height:118px;border-width:4px;background-size:400px auto;transform:translate(-50%,-58%) rotate(45deg)}
  .home-rotate-preview__controls{bottom:10px;grid-template-columns:34px minmax(94px,auto) 34px}
  .home-rotate-preview__controls button{width:34px;height:30px}
  .home-icon-preview__target{width:50px;height:50px}
  .home-story-preview__target{width:46px;height:46px}
  .home-invisible-preview__scan{left:39%;top:10%;width:27%;height:60%}
  .home-invisible-preview__panel{left:10px;right:10px;bottom:10px;width:auto;padding:8px 10px}
  .home-invisible-preview__signals{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px}
  .home-invisible-preview__signal{gap:5px;font-size:8px}
}