/* K3 v2: independent preview; K1/K2 and Claude's K3 remain unchanged. */
img{max-width:100%;height:auto}.hero{isolation:isolate;min-height:700px}.hero .head{top:78px}.hero h1{font-size:clamp(26px,2.7vw,43px);margin-bottom:9px}.hero .eyebrow{font-size:12px;margin-bottom:10px}.hero .sub{font-size:clamp(16px,1.4vw,22px)}
.cv{width:calc(100vw - 64px);max-width:none;top:clamp(207px,23vh,250px);bottom:142px}.col{width:14.5%;gap:14px}.ctr{left:16.5%;width:67%;border-radius:17px}.col.l{left:0}.col.r{right:0}.prompt{font-size:13px;padding:13px}.ctr .org img,.ctr .res img,.th img{height:100%;width:100%;object-fit:cover}.ctr .tag,.th .tag{font-size:11px;line-height:1.4}.ctr .kb{transform:none}.scene.on .ctr .kb{transform:scale(1.025);transition:transform 7s linear}.scene.on .ctr .res{transition:opacity 1.15s ease 1.05s}.scene.on .p1,.scene.on .p2,.scene.on .p3,.scene.on .p4,.scene.on .p5{transition-delay:0s}.ctr .bar,.ctr .stat,.ctr .cur{display:none!important}
.cap{bottom:67px}.cap .t{font-size:19px;line-height:1.3}.cap .d{font-size:12px;line-height:1.4}.cap .d strong{font-weight:500}.dots{margin-top:8px;gap:4px}.dots button{padding:8px 5px;width:34px;height:24px;cursor:pointer;background:none;border:0}.dots button span{display:block;width:24px;height:3px;background:#666;border-radius:10px}.dots button[aria-pressed=true] span{background:#fff}.cta{bottom:15px}.cta .btn{font-size:15px;padding:10px 23px}.pz{width:auto;height:auto;right:24px;bottom:22px;border-radius:25px;padding:9px 14px;font-family:inherit;font-size:12px}.draft{font-size:10px;right:15px;bottom:7px;z-index:79;max-width:220px}.preview-explainer{font-size:12px;line-height:1.6;color:#666;max-width:680px;margin:16px auto 0}.scene:not(.on){visibility:hidden}.scene.on{visibility:visible}.tc .im img{width:100%;height:100%}.show img,.stage img,.thumbs img{height:100%}.show{isolation:isolate}.show input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:6;cursor:ew-resize;margin:0}.show:focus-within{outline:3px solid #c5c5ff;outline-offset:-5px}.show .b{animation:none;clip-path:inset(0 0 0 var(--compare,50%));transition:clip-path 2s ease}.show .ln{animation:none;left:var(--compare,50%);transition:left 2s ease}.show.is-manual .b,.show.is-manual .ln{transition:none}.chip{min-height:44px}.chip[aria-pressed=true]{background:#111;color:#fff}.motion-paused *{animation-play-state:paused!important;transition:none!important}.motion-paused .scene.on .ctr .res{opacity:1}.motion-paused .scene.on .ctr .kb{transform:none}.motion-zone:not(.in-view) *{animation-play-state:paused!important}.hdr .try{border-radius:24px}.hdr img{height:35px}.hdr .home-link{display:block}.hdr .home-link img{width:150px;height:auto}.hdr .r{gap:18px}.hdr nav{font-size:13px}.menu-toggle{display:none}.mobile-menu{position:fixed;top:66px;right:16px;background:#f5f5f5;color:#222;border:1px solid #ddd;border-radius:12px;padding:15px;z-index:85;box-shadow:0 8px 30px #0005}.mobile-menu a{display:block;padding:9px 20px;font-size:16px;text-decoration:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8d8de8;outline-offset:4px}.skip-link{position:fixed;top:-70px;left:16px;z-index:110;background:white;color:#111;padding:12px}.skip-link:focus{top:12px}
@media(min-width:1800px){.cv{width:calc(100vw - 80px);top:224px;bottom:144px}.col{width:15%}.ctr{left:17%;width:66%}.hero h1{font-size:43px}}
@media(max-width:900px){.hdr{mix-blend-mode:normal;background:linear-gradient(#0e0e10ef,#0e0e10aa);padding:12px 18px}.hdr nav{flex:1}.hdr nav.r{justify-content:flex-end}.hdr .home-link img{width:115px}.hdr .menu-toggle{display:block;font:inherit;letter-spacing:0;background:none;border:1px solid #666;color:#fff;border-radius:22px;padding:7px 12px}.hdr nav.r a.try{display:none}.hero .head{top:83px}.hero h1{font-size:clamp(25px,5.6vw,39px)}.hero .eyebrow{font-size:10px;letter-spacing:.2em}.hero .sub{font-size:15px;line-height:1.45;max-width:480px;margin:auto}.cv{width:calc(100vw - 28px);top:226px;bottom:151px}.col.l,.col.r{display:none}.ctr{left:0;width:100%;border-radius:13px}.cap{bottom:80px;padding:0 12px}.cap .t{font-size:17px}.cap .d{font-size:10px}.cta{bottom:25px;left:8px;right:auto}.cta .btn{font-size:12px;padding:10px 14px}.pz{right:14px;bottom:26px;font-size:11px;padding:10px 12px;min-height:38px}.draft{top:auto;left:auto;right:12px;bottom:4px;font-size:8px;padding:2px 6px}.hero{min-height:700px}.ctr img{object-position:54% center}.show .tg{top:80px;font-size:10px}.show .tx{bottom:50px}.show .tx .k{font-size:28px}.show .tx .s{font-size:14px}.show .ln{max-width:100%}.demo .box{padding:16px}.hdr nav a:not(.try){display:none}}
@media(max-width:400px){.hero .head{padding:0 12px}.hero h1{font-size:25px}.hero .sub{max-width:310px;font-size:14px}.cv{top:221px}.cap .t{font-size:16px}.cap .d{font-size:9px}.cta .btn{font-size:11px;padding:10px 13px}.pz{font-size:10px}}
@media(max-height:720px){.hero{position:relative;height:760px;min-height:760px}.cv{top:215px;bottom:150px}.hero .head{top:78px}}
.scene.on .ctr .res{animation:k3-mood-in 1.15s ease 1.05s both;transition:none}.motion-paused .scene.on .ctr .res{animation:none!important;opacity:1!important}
.cv{top:252px}
@media(min-width:1800px){.cv{top:265px}}
@media(max-width:900px){.cv{top:226px}}
@media(max-width:400px){.cv{top:221px}}
@media(max-height:720px){.cv{top:252px}}
@keyframes k3-mood-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero,.pin{position:relative}*,*::before,*::after{animation:none!important;transition:none!important}.scene.on .ctr .res{opacity:1}.scene.on .ctr .kb{transform:none}.demo .ln2,.demo .thumbs div{opacity:1;transform:none}}

/* Unpaired selected hero has no source/result story. */
.scene.standalone .col,.scene.standalone .org{display:none}.scene.standalone .ctr{left:0;width:100%;flex:1}