.hero-slideshow .photo-note{gap:12px;min-height:40px;margin-bottom:10px}
.hero-slideshow .hero-slide-toggle,.hero-slideshow .hero-slide-choices{display:none}
.hero-slide-toggle{display:flex;align-items:center;gap:7px;min-height:40px;padding:7px 10px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font:400 12px var(--body)}
.hero-slide-toggle:hover{color:var(--text);border-color:var(--control-border)}
.hero-slide-toggle:disabled{cursor:default}
.hero-slide-toggle-icon{font-size:14px}
.hero-slideshow .crop-hero-photo{isolation:isolate;aspect-ratio:4/5}
.hero-slideshow .crop-hero-photo::before{content:"";position:absolute;inset:-28px;background-image:var(--scene-backdrop,url("demo-esporte-nikon-v3.png"));background-size:cover;background-position:center;filter:blur(24px) brightness(.65);pointer-events:none;z-index:0}
.hero-slideshow .hero-canvas{height:100%;position:relative;z-index:1}
.hero-slideshow .hero-canvas,.hero-slideshow .crop-hero-photo::before{opacity:var(--scene-opacity,1)}
.hero-slideshow .hero-canvas image{transition:filter .45s}
.hero-slideshow [data-phase="cropping"] .hero-canvas image{filter:brightness(.72)}
.hero-slideshow #hero-guides{opacity:0;transition:opacity .5s;pointer-events:none}
.hero-slideshow [data-phase="cropping"] #hero-guides{opacity:1}
.hero-crop-lines{fill:#c4e9e211;stroke:var(--accent);stroke-width:2;stroke-dasharray:12 5;animation:crop-draw 1.6s linear infinite;animation-play-state:paused}
.hero-slideshow.is-playing [data-phase="cropping"] .hero-crop-lines{animation-play-state:running}
@keyframes crop-draw{to{stroke-dashoffset:-34}}
.hero-status{position:absolute;top:66px;bottom:auto;left:14px;right:auto;max-width:calc(100% - 28px);display:flex;align-items:center;gap:10px;min-height:52px;padding:13px 15px;border:1px solid #c4e9e22e;border-radius:5px;background:#111e24ef;backdrop-filter:blur(10px);z-index:2}
.hero-status #hero-state-caption{font-size:14px;line-height:1.4;color:var(--text)}
.hero-slideshow [data-phase="original"] .hero-status{display:none}
.hero-status-symbol{width:21px;height:21px;display:grid;place-items:center;flex-shrink:0;color:var(--accent)}
.hero-status-symbol .icon{width:20px;height:20px}
.hero-status-symbol .hero-ready-check{display:none;color:#85e5ac}
[data-phase="ready"] .hero-status-symbol .hero-ready-check{display:block}
[data-phase="ready"] .hero-status-symbol .hero-status-crop{display:none}
[data-phase="cropping"] .hero-status-symbol,[data-phase="revealing"] .hero-status-symbol{border:2px solid #c4e9e233;border-top-color:var(--accent);border-radius:50%;animation:crop-spin .9s linear infinite;animation-play-state:paused}
[data-phase="cropping"] .hero-status-symbol .icon,[data-phase="revealing"] .hero-status-symbol .icon{display:none}
.is-playing [data-phase="cropping"] .hero-status-symbol,.is-playing [data-phase="revealing"] .hero-status-symbol{animation-play-state:running}
@keyframes crop-spin{to{transform:rotate(360deg)}}
.hero-slide-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}
.hero-slide-choice{position:relative;overflow:hidden;min-height:46px;padding:10px 6px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font:400 14px var(--body)}
.hero-slide-choice.active{background:#c4e9e20c;border-color:#c4e9e27a;color:var(--accent)}
.hero-slide-choice.active::after{content:"";position:absolute;bottom:0;left:0;width:var(--slide-progress,0%);height:2px;background:var(--accent)}
.hero-slide-choice:hover{color:var(--text)}
.hero-photo-check{display:none;width:34px;height:34px;flex-shrink:0;opacity:0;pointer-events:none}
.hero-photo-check svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 3px 12px #0005)}
.hero-check-ring{fill:#12834a;stroke:#b3f4cd;stroke-width:2}
.hero-check-mark{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40}
[data-phase="ready"] .hero-photo-check{display:block;opacity:1;animation:hero-check-pop .5s cubic-bezier(.2,.8,.2,1.2) both}
[data-phase="ready"] .hero-check-mark{animation:hero-check-draw .45s .18s ease-out forwards}
[data-phase="ready"] .hero-status-symbol{display:none}
.hero-slideshow [data-phase="ready"] .hero-status{top:50%;right:auto;left:50%;width:max-content;max-width:calc(100% - 28px);gap:10px;padding:13px 16px;min-height:60px;opacity:var(--ready-opacity,1);transform:translate(-50%,calc(-50% + var(--ready-offset,0px)));pointer-events:none}
.hero-slideshow [data-phase="ready"] #hero-state-caption{font-size:13px}
.hero-slideshow [data-phase="cropping"] .hero-status,.hero-slideshow [data-phase="revealing"] .hero-status{top:50%;right:auto;left:50%;width:max-content;max-width:calc(100% - 28px);gap:10px;padding:13px 16px;min-height:60px;transform:translate(-50%,-50%);pointer-events:none}
.hero-slideshow [data-phase="cropping"] #hero-state-caption,.hero-slideshow [data-phase="revealing"] #hero-state-caption{font-size:13px}
@keyframes hero-check-pop{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}
@keyframes hero-check-draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){[data-phase="ready"] .hero-photo-check,[data-phase="ready"] .hero-check-mark{animation:none}.hero-check-mark{stroke-dashoffset:0}}
@media(max-width:700px){.hero-status #hero-state-caption{font-size:13px}.hero-status{top:58px;bottom:auto;left:10px;right:auto;max-width:calc(100% - 20px);padding:10px 12px;min-height:49px}.hero-slideshow .photo-note{font-size:10px}.hero-slide-choice{font-size:13px}.hero-slide-toggle{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-slideshow .hero-canvas image,.hero-slideshow #hero-guides{transition:none}}