:root{font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#141b2c;background:#fff;font-synthesis:none;font-size:14px;--blue:#246bfe;--line:#e8ebf0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #82acff}button{cursor:pointer;border:0;background:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:10px}button:disabled{cursor:wait;opacity:.65}a{color:var(--blue)}svg{flex-shrink:0}.app{display:grid;grid-template-columns:278px minmax(450px,1fr) 310px;min-height:100vh}.directory{border-right:1px solid var(--line);padding:24px 20px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.brand{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 26px}.brand h1{font-size:24px;white-space:nowrap;margin:0;letter-spacing:-1px}.author{display:flex;align-items:center;gap:6px;font-size:9px;color:#6b7486;text-decoration:none;flex-direction:column}.author img{width:28px;height:28px;border-radius:50%;object-fit:cover}.author span{display:flex;gap:2px;align-items:center}.search{display:flex;align-items:center;gap:8px;background:#f8f9fb;border:1px solid #d7dce5;border-radius:8px;height:42px;padding:0 12px}.search input{border:0;min-width:0;background:transparent;width:100%;font-size:13px;outline:none}.favorites{justify-content:flex-start;margin:12px 0 10px;color:#778195;font-size:12px}.favorites span{margin-left:auto}.active{color:var(--blue)}nav{overflow-y:auto;flex:1;scrollbar-width:thin}nav details{margin:8px 0}nav summary{list-style:none;display:flex;align-items:center;gap:10px;padding:15px 2px;cursor:pointer;-webkit-user-select:none;user-select:none}summary>svg{width:20px}summary span{font-size:12px;color:#7d8799;margin-left:2px}summary svg:last-child{margin-left:auto}summary::marker{display:none}.nav-items{border-left:1px solid var(--line);margin-left:17px}.nav-items>button{display:flex;align-items:flex-start;justify-content:flex-start;text-align:left;padding:11px 10px 11px 14px;gap:14px;width:100%;font-size:12px;border-left:2px solid transparent}.nav-items>button>span:first-child{width:19px;flex:none}.nav-items small{display:block;color:#818b9d;font-size:12px;margin-top:5px}.nav-items .selected{background:#edf3ff;color:var(--blue);border-left-color:var(--blue);border-radius:0 8px 8px 0}.nav-items .selected small{color:var(--blue)}.nav-footer{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.nav-footer button{width:100%;justify-content:flex-start;padding:13px 3px;color:#566074}.nav-footer span{margin-left:auto;color:#8c95a5;font-size:12px}main{padding:26px 26px 20px;min-width:0}.item-header{display:flex;gap:18px;align-items:center}.number{background:#eff4ff;border-radius:10px;color:var(--blue);font-size:24px;font-weight:650;width:60px;height:64px;display:grid;place-items:center;flex:none}.item-header h2{font-size:29px;line-height:1.3;margin:0 0 4px;font-weight:650;letter-spacing:-.8px}.english{font-size:18px}.primary{background:var(--blue);color:#fff;padding:14px 21px;border-radius:10px;font-weight:550}.replay{margin-left:auto;white-space:nowrap}.star{color:#a3adbd;margin-left:auto;padding:6px}.star+button{margin-left:0}.description{color:#8c95a5;font-size:15px;margin:20px 0}.variant-bar{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8992a3;margin:0 0 12px;gap:10px}.variant-bar label{display:flex;align-items:center;gap:10px;min-width:0}.variant-bar select{max-width:340px;min-width:0;border:1px solid #e5e9f0;border-radius:6px;padding:6px 24px 6px 9px;color:#667286;background:#fff;font-size:12px}.stage{height:calc(100vh - 292px);min-height:410px;max-height:760px;background:#f6f7fa;position:relative;overflow:hidden}.stage:before,.stage:after{content:"";position:absolute;pointer-events:none;z-index:0}.stage:before{left:50%;height:100%;border-left:1px dashed #dde2e9}.stage:after{top:50%;width:100%;border-top:1px dashed #dde2e9}.asset-bar{display:flex;align-items:center;gap:18px;padding:20px 20px 16px;font-size:12px}.asset-bar img{width:58px;height:64px;object-fit:cover;border-radius:4px}.asset-bar small{display:block;color:#8c95a5;font-size:10px;letter-spacing:1px;margin-top:8px}.asset-bar>span{margin-left:auto;font-size:11px;color:#98a0ad;border-left:1px solid var(--line);padding-left:20px}.source-toggle{font-size:11px;color:#9ba3af;float:right}.source-notes{clear:both;font-size:13px;color:#657186;line-height:1.8;padding:25px}.inspector{border-left:1px solid var(--line);padding:27px 28px;height:100vh;position:sticky;top:0;overflow-y:auto}.inspector h2{font-size:24px;margin:0;border-bottom:2px solid var(--blue);padding-bottom:20px}.model{margin:24px 0 32px}.model label{display:block;font-size:13px;margin-bottom:10px}.model select{width:100%;padding:9px;border:1px solid #e2e6ee;border-radius:5px;background:#fff}.model small{display:block;font-size:10px;color:#9ba3b0;margin-top:9px}.control{display:block;margin:0 0 38px}.control>span{display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:10px}.numeric{display:flex;align-items:center;border:1px solid #dfe4ed;border-radius:6px;padding:9px;width:90px;gap:5px;color:#8b94a5;font-size:12px}.numeric input{border:0;min-width:0;width:100%;color:#1a2130;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline:none}.numeric input::-webkit-inner-spin-button{display:none}input[type=range]{accent-color:var(--blue);width:100%;margin:18px 0 0;height:6px;cursor:pointer}.muted{font-size:11px;color:#99a2b1;margin:40px 0 28px;line-height:1.6}.link{display:flex;color:var(--blue);font-size:12px;padding:10px 0;justify-content:flex-end;width:100%}.link svg{width:17px;height:17px}.accessibility{margin-top:45px;padding-top:22px;border-top:1px solid var(--line);font-size:12px}.accessibility label{display:flex;gap:8px;align-items:center}.accessibility input{accent-color:var(--blue)}.accessibility small{display:block;margin:10px 0 0;color:#9ba3af;font-size:10px}.toast-status{font-size:12px;color:var(--blue)}.mobile-bar{display:none}.demo{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;perspective:1000px;overflow:hidden}.travel{width:400px;max-width:85%;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 16px 30px #17233121;flex-shrink:0;transform-style:preserve-3d}.travel>img{display:block;width:100%;height:276px;object-fit:cover}.travel-caption{padding:20px 24px 24px}.travel-caption b{font-size:22px;display:block}.travel-caption small{display:block;font-size:10px;letter-spacing:3px;color:#778398;margin-top:9px}.demo-30 .travel{width:410px}.demo-hint{position:absolute;bottom:20px;color:#8793a7;font-size:11px;text-align:center;max-width:90%}.demo-action{position:absolute;bottom:50px;color:var(--blue);padding:10px 20px;background:#fff;border:1px solid #e8ecf3;border-radius:8px}.animation-target{display:flex;justify-content:center;max-width:95%;width:100%}.stagger-items{display:flex;gap:14px;max-width:92%}.stagger-items.vertical{flex-direction:column}.travel.mini{width:150px}.travel.mini img{height:120px}.travel.mini .travel-caption{padding:10px}.travel.mini b{font-size:12px}.travel.mini small{font-size:7px;letter-spacing:1px}.text-demo{font-size:38px;font-weight:650;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;text-align:center;max-width:90%;letter-spacing:2px}.text-demo.lines{display:flex;flex-direction:column;font-size:30px;gap:24px}.text-unit{display:inline-block}.type-cursor{color:var(--blue);animation:blink 1s steps(1) infinite}.morph-text{animation:morph .7s ease-out}.magnetic{font-size:18px;padding:25px 36px}.magnetic span{display:inline-block}.follower{position:absolute;width:80px;height:80px;background:#246bfeea;border-radius:50%;color:#fff;display:grid;place-items:center;pointer-events:none;font-size:15px}.spotlight-scene{position:relative;width:90%;height:80%;display:grid;place-items:center;background:#121f34}.spotlight{position:absolute;top:0;right:0;bottom:0;left:0}.robot{width:400px;max-width:90%;position:relative}.robot>img{width:100%;display:block}.eye{position:absolute;width:14.3%;height:19.4%;transform:translate(-50%,-50%);background:#fafaf7;border-radius:50%;display:grid;place-items:center;overflow:hidden}.eye span{display:block;width:42%;height:48%;background:#17232d;border-radius:50%}.blink .eye{transform:translate(-50%,-50%) scaleY(.1)}.trail{position:absolute;width:45px;height:36px;object-fit:cover;border-radius:6px;pointer-events:none}.reactive-bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .4s}.reactive-bg img{width:100%;height:100%;object-fit:cover}.reactive-title{font-size:45px;font-weight:600;color:#fff;position:relative;text-shadow:0 2px 12px #14212d;transition:transform .3s}.three-object{width:100%;max-width:640px}.three-object canvas,.three-object img{width:100%;height:auto;display:block}.component-panel{width:450px;max-width:85%;background:#fff;border-radius:12px;padding:10px 24px}.accordion{border-bottom:1px solid var(--line)}.accordion:last-child{border:0}.accordion button{width:100%;justify-content:space-between;padding:20px 0;font-weight:550}.accordion>div{display:grid;transition:grid-template-rows var(--dur) ease}.accordion p{overflow:hidden;margin:0;color:#7a8596;font-size:13px;line-height:1.8}.accordion>div[style*="1fr"] p{padding-bottom:18px}.demo-button{padding:16px 24px;border-radius:10px;background:#fff;border:1px solid #dbe2ef;box-shadow:0 3px 8px #17233108;color:#246bfe;font-weight:550}.anchor{position:relative}.popover{position:absolute;background:#fff;min-width:210px;top:calc(100% + 10px);left:0;box-shadow:0 12px 30px #15223825;border-radius:10px;padding:8px;z-index:3;animation:enter var(--dur) ease-out}.popover.above{top:auto;bottom:calc(100% + 10px)}.popover button{display:flex;justify-content:space-between;width:100%;padding:12px}.popover button:hover{background:#edf3ff}.anchor small{display:block;padding:14px;color:#7c8799}dialog{border:0;border-radius:15px;padding:28px;max-width:min(420px,90vw);box-shadow:0 20px 70px #17233133;animation:zoom var(--dur) ease-out}dialog::backdrop{background:#17233155;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h3{font-size:22px}dialog p{line-height:1.8;color:#7b8595}dialog>div{display:flex;justify-content:flex-end;gap:20px;margin-top:25px}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#17233144;z-index:2}.drawer{position:absolute;right:0;top:0;bottom:0;width:60%;background:#fff;z-index:3;padding:24px;display:flex;flex-direction:column;gap:20px;animation:slide var(--dur) ease}.drawer>button:first-child{align-self:flex-end}.drawer h3{margin:0}.drawer .travel{width:100%;max-width:100%;box-shadow:none}.drawer .travel img{height:150px}.drawer .primary{margin-top:auto}.drawer.left{left:0;right:auto}.drawer.bottom{top:auto;left:0;width:100%;height:70%;border-radius:20px 20px 0 0}.drawer.bottom .travel{display:none}.tabs-panel{width:440px;max-width:85%}.tabs-panel>[role=tablist]{position:relative;display:flex;margin-bottom:25px;border-bottom:1px solid #dce3ef}.tabs-panel [role=tab]{flex:1;padding:15px;position:relative;z-index:2}.tabs-panel [aria-selected=true]{color:var(--blue)}.underline,.pill{width:33.333%;height:3px;bottom:-1px;background:var(--blue);position:absolute;transition:transform var(--dur)}.pill{height:44px;border-radius:12px;background:#dce8ff;bottom:3px}.tab-content .travel{width:100%;max-width:100%}.carousel{max-width:85%;width:410px}.carousel .travel{max-width:100%;width:100%}.carousel-controls{display:flex;justify-content:center;gap:30px;align-items:center;margin-top:20px;color:#7c8699}.carousel-controls button{padding:10px;border-radius:50%;background:#fff;color:var(--blue)}.snackbar{position:absolute;bottom:35px;left:50%;transform:translate(-50%);background:#26354a;color:#fff;border-radius:8px;padding:16px 20px;display:flex;gap:16px;align-items:center;white-space:nowrap;animation:fade var(--dur) ease}.snackbar.corner{left:auto;right:25px;transform:none}.snackbar button{color:#aac8ff}.counter small{display:block;font-size:16px;color:#78869a}.counter strong{font-size:70px;font-weight:550;display:block;margin:15px 0;font-variant-numeric:tabular-nums}.counter strong span{font-size:24px;margin-left:14px;color:#8993a5}.counter .delta{color:#2e8763}.odometer{overflow:hidden}.skeleton{width:400px;max-width:85%;height:390px;border-radius:15px;padding:20px;background:#fff}.skeleton div{height:250px;background:#e8edf3;border-radius:8px}.skeleton span{display:block;height:13px;width:85%;background:#e8edf3;border-radius:5px;margin-top:17px}.skeleton span:last-child{width:55%}.pulse{animation:pulse 1s ease infinite}.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,#ffffffa0 50%,transparent 70%);animation:shimmer 1.5s infinite}.loading-demo{display:flex;flex-direction:column;align-items:center;gap:25px;color:var(--blue)}.spin{animation:spin 1s linear infinite}.bouncing{display:flex;gap:10px}.bouncing span{width:12px;height:12px;border-radius:50%;background:var(--blue);animation:bounce .6s ease-in-out infinite alternate}.feedback{display:flex;align-items:center;flex-direction:column;gap:15px}.feedback input,.affordance input{padding:12px;border:1px solid #dce3ee;border-radius:7px}.error{color:#bc4141}.shake{animation:shake .25s ease 2}.morph-icon{transition:all var(--dur)}.layout-demo{width:95%;padding:15px}.layout-actions{display:flex;justify-content:center;gap:12px;margin-bottom:25px}.layout-actions button{font-size:12px;padding:10px;background:#fff;border-radius:7px}.layout-grid{display:grid;gap:12px;transition:all var(--dur)}.layout-grid>div{transition:all var(--dur)}.layout-grid .travel{width:100%;max-width:100%;border-radius:8px}.layout-grid .travel img{height:100px}.layout-grid .travel-caption{padding:12px}.layout-grid .travel-caption b{font-size:12px}.layout-grid .travel-caption small{font-size:7px;letter-spacing:.5px}.layout-grid button{font-size:10px;color:#8090a8;margin-top:5px}.shared-element{width:270px;transition:width var(--dur) ease,transform var(--dur) ease;cursor:pointer}.shared-element .travel{max-width:100%;width:100%}.shared-element .travel img{height:190px;transition:height var(--dur)}.shared-element.expanded{width:90%}.shared-element.expanded .travel img{height:300px}.shared-element p{line-height:1.7;color:#66778d}.page-demo{display:flex;align-items:center;flex-direction:column;gap:25px;max-width:90%}.page-demo .travel{max-width:100%}.affordance{display:flex;flex-direction:column;gap:25px;width:300px}.affordance a{display:flex;gap:10px}.affordance label{display:flex;gap:12px;flex-direction:column;font-size:12px}.reduce-comparison{display:flex;align-items:center;flex-direction:column;gap:30px;max-width:90%}.reduce-comparison p{font-size:12px;color:#8090a8}.modality{text-align:center;max-width:90%}.modality-reveal{opacity:0;transform:translateY(10px);transition:all var(--dur);margin-top:25px}.modality-reveal.visible{opacity:1;transform:none}.modality .travel{width:280px;max-width:100%}.modality .travel img{height:150px}.modality p{font-size:11px;color:#8c97a8}.scroll-demo{height:100%;display:flex;flex-direction:column;position:relative}.scroll-toolbar{padding:18px 20px;font-size:11px;color:#8591a5;position:relative;z-index:2;background:#f6f7fa}.scroll-toolbar label{display:flex;gap:16px;align-items:center}.scroll-toolbar input{margin:12px 0}.scroll-toolbar output{min-width:35px}.scroll-window{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:45px}.scroll-window .travel{position:relative}.parallax-photo{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;width:130%;height:130%;object-fit:cover}.parallax-copy{position:relative;color:#fff;text-shadow:0 2px 12px #15233190;text-align:center;z-index:2}.parallax-copy h3{font-size:40px}.parallax-copy p{font-size:14px}.parallax-copy small{letter-spacing:5px}.parallax-robot{width:230px;height:230px;object-fit:contain;position:absolute;bottom:0;right:10%}.parallax-layer-title{position:relative;align-self:flex-start;margin-top:100px;font-size:38px;color:#fff;text-shadow:0 2px 10px #172331}.horizontal-track{display:flex;gap:30px;position:absolute;left:35px;transition:transform 70ms}.horizontal-track>div{width:300px;flex:none}.horizontal-track .travel{width:300px;max-width:100%}.horizontal-track .travel img{height:210px}.horizontal-track>div>b{display:block;text-align:center;color:#768497;margin-top:20px}.story{display:flex;align-items:center;gap:30px;width:88%}.story>div:first-child{flex:1}.story h3{font-size:25px}.story p,.story small{color:#8793a7}.story .travel{width:55%;max-width:55%}.story .travel img{height:210px}.story .travel-caption{padding:14px}.sequence-label{position:absolute;bottom:15px;color:#8c98a9;font-size:11px}.snap-track{display:flex;width:100%;height:100%;transition:transform .35s ease}.snap-track>div{min-width:100%;display:flex;align-items:center;justify-content:center;gap:25px;flex-direction:column}.snap-track b{font-size:12px;color:#77859b}.reading-progress{position:absolute;left:0;top:0;height:5px;background:var(--blue);z-index:2}.reading-page{padding:25px;text-align:center}.reading-page>span{color:var(--blue);font-size:12px}.reading-page h3{font-size:25px}.reading-page p{color:#8593a8}.reading-page .travel{width:300px;max-width:100%;margin-top:25px}.reading-page .travel img{height:180px}.reference{padding:10px 20px;line-height:1.8}.reference h2{font-size:30px}.reference>p{color:#8592a5}.reference article{padding:20px 0;border-bottom:1px solid var(--line)}.reference h3{font-size:18px}.reference li,.reference p{color:#718097}.reduce *{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}@keyframes enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{opacity:0;transform:translate(55px)}to{opacity:1;transform:none}}@keyframes zoom{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes morph{0%{filter:blur(12px);opacity:.1;transform:scale(.9)}to{filter:blur(0);opacity:1;transform:none}}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{opacity:.4}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{to{transform:translateY(-15px)}}@keyframes shake{25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes float{50%{transform:translateY(-15px)}}@media(min-width:1600px){.app{grid-template-columns:290px minmax(500px,1fr) 330px}.travel{width:440px}.travel>img{height:300px}}@media(max-width:1150px){.app{grid-template-columns:235px minmax(350px,1fr) 250px}.directory{padding:22px 15px}.brand{display:block}.author{flex-direction:row;margin-top:12px;font-size:10px}.brand h1{font-size:23px}main{padding:24px 18px}.item-header{gap:12px}.item-header h2{font-size:22px}.number{width:48px;height:55px;font-size:22px}.english{font-size:15px}.replay{padding:12px}.replay svg{display:none}.inspector{padding:25px 19px}.travel{width:330px}.travel>img{height:240px}.asset-bar{padding-left:3px;padding-right:3px;gap:10px}.asset-bar>span{display:none}.text-demo{font-size:28px}.variant-bar select{max-width:220px}}@media(max-width:850px){.app{display:block}.directory{display:none;position:fixed;left:0;top:0;bottom:0;width:280px;background:#fff;z-index:50;box-shadow:0 0 0 100vmax #17233166}.directory.mobile-open{display:flex}.mobile-bar{display:flex;align-items:center;gap:15px;margin-bottom:22px}.mobile-bar button{font-size:24px;padding:5px}main{padding:20px 18px 10px}.item-header h2{font-size:23px}.item-header{gap:12px}.item-header .star{margin-left:auto}.number{width:50px;height:56px}.replay{padding:12px}.replay svg{display:block}.description{font-size:13px}.stage{height:470px;min-height:370px;max-height:65vh}.travel{width:340px;max-width:82%}.travel>img{height:230px}.travel-caption{padding:17px 20px}.travel-caption b{font-size:19px}.demo-30 .travel{width:350px}.asset-bar{padding:18px 8px}.asset-bar img{width:45px;height:45px}.inspector{position:static;height:auto;border-left:0;border-top:1px solid var(--line);padding:20px 24px}.inspector h2{font-size:20px;padding-bottom:14px}.model{margin:20px 0}.model select{max-width:360px}.control{margin-bottom:27px}.control>span{font-size:13px}.numeric{width:100px}.muted{margin:15px 0}.link{justify-content:flex-start;width:auto;display:inline-flex;margin-right:30px}.accessibility{margin-top:22px}.text-demo{font-size:28px}.variant-bar select{max-width:260px}.source-toggle{float:none;font-size:12px;padding:10px 0}.stage .travel.mini{width:95px}.travel.mini img{height:90px}.travel.mini small{display:none}.counter strong{font-size:55px}.story{gap:15px}.story h3{font-size:22px}.story .travel img{height:160px}.story .travel-caption b{font-size:15px}.scroll-window .travel{max-width:82%}.three-object{max-width:100%}.robot{width:320px}.horizontal-track>div,.horizontal-track .travel{width:270px}.parallax-copy h3{font-size:31px}.stage .demo-hint{font-size:10px}.component-panel{padding:6px 18px;max-width:90%}.layout-demo{padding:8px}.layout-grid{gap:8px}.layout-grid .travel img{height:75px}.layout-grid .travel-caption{padding:8px}.layout-grid .travel-caption small{display:none}.drawer{width:75%}.snackbar{max-width:92%;padding:14px;gap:8px;font-size:12px}.shared-element.expanded .travel img{height:230px}.shared-element p{font-size:12px}}@media(max-width:400px){.item-header h2{font-size:20px}.english{font-size:13px}.replay{font-size:12px;padding:11px}.star{display:none}.variant-bar select{max-width:220px}.travel{max-width:82%}.travel>img{height:210px}.stage{height:440px}.description{line-height:1.7}.brand h1{font-size:24px}}.basic-demo>[data-motion]{display:flex;justify-content:center;width:100%}.basic-demo [data-motion]>.travel{max-width:100%}.basic-demo .hero-copy{text-align:center;padding:25px}.hero-copy h3,.large-copy{font-size:33px;line-height:1.5;margin:10px 0}.hero-copy p{font-size:15px;color:#8090a5}.hero-copy .primary{margin-top:20px}.staged-modal{position:relative;width:100%;height:100%;display:grid!important;place-items:center}.stage-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e2d4350}.staged-modal section{position:relative;background:#fff;border-radius:15px;padding:30px;width:300px;box-shadow:0 15px 40px #1e2d4320}.staged-modal h3{font-size:22px;margin-top:0}.staged-modal p{color:#8090a5}.basic-caption{text-align:center;font-size:14px;color:#6e7f96}.basic-card-row{display:flex;gap:15px;max-width:90%;align-items:center}.basic-card-row>div{width:calc(33.33% - 10px)}.basic-card-row .travel{width:100%;max-width:100%;border-radius:8px}.basic-card-row .travel img{height:130px}.basic-card-row .travel-caption{padding:12px}.basic-card-row .travel-caption b{font-size:14px}.basic-card-row .travel-caption small{font-size:7px;letter-spacing:1px}.stagger-list{width:300px;background:#fff;padding:12px;border-radius:12px}.stagger-list button{padding:17px;width:100%;justify-content:flex-start;border-bottom:1px solid #edf0f5}.stagger-list button svg:last-child{margin-left:auto}.stagger-list small{display:block;color:#246bfe;padding:5px}.chart-demo{display:flex;align-items:flex-end;gap:20px;height:200px;border-bottom:1px solid #dce3eb;padding:0 25px}.chart-demo>div{width:45px;background:#246bfe;border-radius:7px 7px 0 0;position:relative}.chart-demo span{position:absolute;top:-25px;text-align:center;width:100%;font-size:12px;color:#78879c}.speech{padding:25px 30px;background:#fff;border-radius:15px;font-size:15px;box-shadow:0 8px 25px #14283f12}.basic-toast{padding:17px 25px;background:#25364d!important;color:#fff;border-radius:9px;display:flex;gap:15px;width:auto!important;align-items:center}.crossfade-stack{width:400px;height:390px;max-width:85%;position:relative}.cross-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.cross-layer .travel{max-width:100%;width:100%}.text-preview{background:#fff;border-radius:15px;padding:40px;width:100%}.text-preview h3{font-size:28px}.text-preview p{line-height:1.8;color:#7a889c}.music-card{width:300px;background:#fff;padding:20px;border-radius:14px}.music-card .travel{box-shadow:none}.music-card .travel img{height:190px}.music-card .travel-caption{display:none}.music-card>div:last-child{display:flex;align-items:center;justify-content:space-between;padding-top:20px}.basic-drawer{width:290px;background:#fff;padding:30px;position:absolute;right:0;top:0;bottom:0}.basic-drawer button{width:100%;justify-content:space-between;padding:20px 0}.success-icon{color:#2c886a;display:flex;align-items:center;flex-direction:column;gap:20px}.large-copy{max-width:85%;text-align:center}.basic-12 [data-motion]{overflow:hidden}.basic-12 .travel{box-shadow:none}@media(max-width:850px){.basic-card-row{gap:8px}.basic-card-row>div{width:calc(33.33% - 5px)}.basic-card-row .travel img{height:90px}.basic-card-row .travel-caption{padding:8px}.basic-card-row .travel-caption b{font-size:11px}.basic-card-row .travel-caption small{display:none}.hero-copy h3,.large-copy{font-size:26px}.crossfade-stack{height:335px}.chart-demo{gap:13px}.chart-demo>div{width:35px}}.text-clip{display:inline-flex;padding:3px}.clip-on{overflow:hidden}.text-demo.lines>.text-clip{display:block}.glyph-morph{width:90%;max-width:540px}.type-search{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #dce4ef;border-radius:13px;padding:20px 24px;font-size:22px;min-width:300px}.terminal-text{background:#1d293a;color:#b8e0c8;padding:25px 35px;border-radius:12px;font-family:monospace;font-size:28px;letter-spacing:0}.text-demo-wrap .text-unit{will-change:transform,opacity}@media(max-width:850px){.scroll-23 .horizontal-track.mobile-vertical{flex-direction:column;position:absolute;top:15px;left:50%;transform:translate(-50%)}}.menu-avatar{width:30px;height:30px;object-fit:cover;border-radius:50%}.mega{display:grid;grid-template-columns:1fr 1fr;min-width:330px;left:50%;transform:translate(-50%)}.popover-copy{padding:15px}.popover-copy p{font-size:12px;line-height:1.7;color:#78869a}.popover-copy .primary{color:#fff;font-size:12px}.mini-thumb{width:60px;height:40px;object-fit:cover;border-radius:6px}.dialog-label{display:flex;flex-direction:column;gap:10px}.dialog-label input{padding:12px;border:1px solid #dce3ee;border-radius:7px}.dialog-sheet{margin:auto auto 0;width:min(600px,100%);max-width:100%;border-radius:20px 20px 0 0;animation:enter var(--dur) ease}.drag-handle{width:48px;height:5px;border-radius:4px;background:#d4dce7;align-self:center}.drawer label{display:flex;gap:12px;padding:10px}.center-carousel{position:relative}.side-card{position:absolute;top:5%;width:80%!important;transform:scale(.8);opacity:.4;z-index:0}.left-card{left:-40%}.right-card{right:-40%}.center-carousel .carousel-image{position:relative;z-index:1}.center-carousel .carousel-controls{position:relative;z-index:2}.toast-stack{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;max-width:95%}.toast-stack.corner{left:auto;right:25px;transform:none}.toast-stack .snackbar{position:relative;left:auto;bottom:auto;transform:none}.digit-counter{display:flex;margin-top:15px}.digit-window{height:85px;width:48px;overflow:hidden;display:block}.digit-window>span{display:flex;flex-direction:column}.digit-window b{display:block;flex:none;height:85px;line-height:85px;font-size:68px;font-weight:550;font-variant-numeric:tabular-nums}.skeleton-list{display:flex;flex-direction:column;gap:20px;height:290px;padding:20px}.skeleton-list section{position:relative;padding-left:85px;min-height:65px}.skeleton-list section>div{position:absolute;left:0;top:0;width:65px;height:65px}.skeleton-list span{margin-top:8px}.loaded-list{background:#fff;border-radius:12px;padding:20px;width:400px;max-width:85%;height:290px}.loaded-list>div{display:flex;align-items:center;gap:18px;height:80px}.loaded-list img{width:65px;height:65px;object-fit:cover;border-radius:8px}.loaded-list b{font-size:14px}.ring-progress{width:110px;height:110px;border-radius:50%;display:grid;place-items:center}.ring-progress>span{width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:#f6f7fa;font-size:20px}.feedback label{display:flex;flex-direction:column;gap:12px;font-size:12px;color:#768499}.demo-explanation{max-width:300px;text-align:center;font-size:12px;line-height:1.8;color:#8591a5}.update-highlight{animation:highlight 1.1s ease}.draw-check{animation:enter var(--dur) ease}.shared-avatar{width:90px;height:90px;object-fit:cover;border-radius:50%;transition:all var(--dur);display:block;margin:auto}.expanded .shared-avatar{width:230px;height:230px}.shared-title{font-size:22px;transition:font-size var(--dur);text-align:center}.expanded .shared-title{font-size:42px}.component-49 .layout-actions span{font-size:12px;color:#8391a5}.component-49 [data-layout]{transform-origin:top left}.component-56 .modality>.travel{margin:auto}.component-demo dialog .travel{width:100%;max-width:100%;box-shadow:none}.component-demo dialog .travel>img{height:220px}@keyframes wipePage{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes zoomLoop{50%{transform:scale(1.15)}}@keyframes travelLoop{50%{transform:translate(45px)}}@keyframes rotateLoop{50%{transform:rotate(8deg)}}@keyframes fadeLoop{50%{opacity:.3}}@keyframes highlight{0%{background:#c7e9d0}to{background:transparent}}.round-magnet{width:95px;height:95px;border-radius:50%;padding:0}.tilt-subject{width:410px;max-width:85%;position:relative}.tilt-subject>.travel{max-width:100%;width:100%}.card-highlight{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;pointer-events:none}.floating-caption{position:absolute;bottom:26px;left:26px;font-size:24px;background:#fff;padding:5px 15px;font-weight:600;pointer-events:none}.floating-caption small{display:block;font-size:9px;letter-spacing:3px;margin-top:8px;color:#77859a}.follower-ring{background:transparent;border:2px solid #246bfe;width:55px;height:55px}.cursor-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#246bfe;pointer-events:none}.hidden-light-text{font-size:40px;color:#d5e8ff;max-width:80%;text-align:center}.robots{width:400px;max-width:90%}.robots .robot{width:100%;max-width:100%}.robots.multiple{display:flex;width:95%;max-width:95%;align-items:center}.robots.multiple .robot{width:33.3%}.trail-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.trail-icon,.trail-particle{position:absolute;pointer-events:none;color:#246bfe;transform:translate(-50%,-50%)}.trail-particle{width:12px;height:12px;background:#246bfe;border-radius:50%}.responsive-gradient{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transition:background-position .2s}.responsive-gradient h3{font-size:40px;color:#fff}.reactive-grid{display:grid;grid-template-columns:repeat(9,1fr);width:90%;height:85%;gap:2px}.reactive-grid i{border:1px solid #d5e2fa;transition:transform .18s ease}.particle-field{width:90%;height:85%;position:relative}.particle-field i{width:7px;height:7px;background:#6a96df;border-radius:50%;position:absolute;transition:transform .15s ease}.pointer-32 .demo-hint,.pointer-35 .demo-hint{background:#fffb;padding:6px 12px;border-radius:5px}.pointer-33 .eye span{transition:transform 90ms linear}@media(max-width:850px){.tilt-subject{width:340px;max-width:83%}.tilt-subject>.travel>img{height:230px}.hidden-light-text{font-size:28px}.robots{width:330px}}.map-visual{width:95%;overflow:hidden}.map-visual svg{display:block;width:100%;height:auto;max-height:360px}.map-visual small{display:block;text-align:center;font-size:10px;color:#8594a8;margin-top:15px}.vertical-snap{flex-direction:column}.vertical-snap>div{min-height:100%;flex-shrink:0}.reading-ring{position:absolute;right:20px;top:15px;width:60px;height:60px;z-index:2}.reading-ring>span{width:49px;height:49px;font-size:12px}.reading-timeline{position:absolute;top:20px;left:15%;right:15%;display:flex;justify-content:space-between;border-top:2px solid #d8e2f0;padding-top:10px;z-index:2}.reading-timeline span{width:25px;height:25px;background:#e5ebf4;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#8c99ae}.reading-timeline .done{background:#246bfe;color:#fff}.reading-nav{position:absolute;left:15px;top:30%;display:flex;flex-direction:column;gap:20px;font-size:10px;z-index:3}.reading-nav .active{font-weight:700}.story .three-object{width:65%}.story .three-object canvas{width:100%}.scroll-25 .story p{line-height:1.8}.model select+small+select{margin-top:10px;font-size:11px;color:#7e8ba0;padding:7px}.trigger-lab{margin:25px 0;background:#f6f8fb;padding:22px;border-radius:12px}.trigger-lab>label{display:flex;align-items:center;gap:15px;margin-bottom:12px;font-size:13px}.trigger-lab select{min-width:0;width:70%;padding:10px;border:1px solid #dce3ef;border-radius:7px;background:#fff}.trigger-stage{height:400px;overflow-y:auto;overflow-x:hidden;border:1px solid #e0e6ef;background:#edf1f7;position:relative}.trigger-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:370px;transition:all .35s;touch-action:none}.trigger-card .travel{width:290px;max-width:80%;transition:transform .35s,box-shadow .35s}.trigger-card .travel img{height:180px}.trigger-card .travel-caption{padding:14px 20px}.trigger-card .travel-caption b{font-size:18px}.trigger-card.triggered .travel{transform:translateY(-10px);box-shadow:0 20px 35px #1a3f6a2a}.trigger-result{font-size:11px;color:#8798ad;margin-top:20px}.triggered .trigger-result{color:#246bfe}.scroll-spacer{height:300px;display:flex;align-items:center;justify-content:center;font-size:12px}.trigger-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:20px;font-size:12px}.trigger-lab>p{font-size:12px;line-height:1.8}.trigger-lab>a{font-size:11px}.trigger-actions input{accent-color:#246bfe}.trail,.trail-icon,.trail-particle{animation:trailFade .7s linear forwards}.long-photo{height:290px;width:55%;overflow:hidden;border-radius:12px}.long-photo img{width:100%;height:480px;object-fit:cover;transition:transform .1s}.story-chapter{animation:enter .5s ease-out}.shared-player{background:#fff;border-radius:12px;display:flex;align-items:center;gap:14px;padding:14px;transition:all var(--dur)}.shared-player>img{width:55px;height:55px;object-fit:cover;border-radius:7px;transition:all var(--dur)}.shared-player b{font-size:14px}.shared-player small{display:block;color:#8a97ab;font-size:10px;margin-top:7px}.expanded .shared-player{flex-direction:column;padding:25px}.expanded .shared-player>img{width:100%;height:240px}.expanded .shared-player b{font-size:22px}.shared-player>svg{color:#246bfe}.color-wipe{position:relative;overflow:hidden}.color-wipe:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#246bfe;animation:curtainWipe var(--dur) ease-in-out forwards;pointer-events:none}.draw-check path{fill:none;stroke:currentColor;stroke-width:7;stroke-dasharray:650;stroke-dashoffset:650;animation:drawCheck var(--dur) ease forwards}@keyframes trailFade{0%{opacity:.8}to{opacity:0}}@keyframes curtainWipe{0%{transform:translate(-100%)}45%,55%{transform:translate(0)}to{transform:translate(100%)}}@keyframes drawCheck{to{stroke-dashoffset:0}}.description,.variant-bar,.model small,.muted,.accessibility small,.asset-bar small,.asset-bar>span,.source-toggle,.demo-hint,.nav-items small,.nav-footer span,.favorites,.scroll-toolbar,.scroll-toolbar output,.sequence-label,.map-visual small,.trigger-result,.trigger-lab>p{color:#637087}.nav-items .selected small{color:#246bfe}.close-directory,.mobile-author{display:none}@media(max-width:850px){.close-directory{display:flex;align-self:flex-end;padding:8px;margin:-10px -3px 8px}.mobile-author{display:flex;align-items:center;gap:7px;margin-left:auto;text-decoration:none;color:#637087;font-size:10px}.mobile-author img{width:28px;height:28px;border-radius:50%;object-fit:cover}}.three-surface>svg{width:100%;height:auto;display:block}.sequence-loading{display:block;text-align:center;color:#637087;font-size:12px;padding:80px 20px}@media(max-width:850px){.mega{min-width:min(330px,80vw)}.type-search{min-width:0;width:90%;font-size:18px}}.implementation{margin:24px 0 30px;padding-bottom:16px;border-bottom:1px solid var(--line)}.implementation h3{font-size:14px;margin:0 0 14px}.implementation>div{margin:12px 0}.implementation b{font-size:13px;display:inline-block;color:#246bfe;background:#edf3ff;border-radius:5px;padding:4px 7px}.implementation small{display:block;font-size:12px;line-height:1.6;color:#637087;margin-top:5px}.tool-usage{font-size:14px;color:#246bfe;background:#edf3ff;padding:12px;border-radius:8px}.demo-mode{display:flex;border-bottom:1px solid var(--line);gap:25px;margin:12px 0 16px}.demo-mode button{font-size:14px;padding:10px 0;border-bottom:2px solid transparent}.demo-mode [aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.scene-selector{display:flex;align-items:center;justify-content:space-between;color:#637087;font-size:13px;gap:12px}.scene-selector label{display:flex;align-items:center;gap:12px;min-width:0}.scene-selector select{padding:9px 12px;border:1px solid #dce3ee;border-radius:7px;background:#fff;max-width:100%;min-width:0;color:#26344b}.scene-context{font-size:14px;line-height:1.6;margin:12px 0}.scene-context small{display:block;font-size:12px;color:#637087}.scene-stage{height:calc(100vh - 350px);min-height:460px;max-height:850px}.scenario-demo{height:100%;position:relative;display:flex;flex-direction:column;padding:24px 24px 48px;gap:12px;z-index:1}.scene-browser{border:1px solid #dee5ee;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 16px 38px #28426610;flex:1;min-height:0;display:flex;flex-direction:column}.scene-browser-bar{height:35px;flex-shrink:0;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;align-items:center;padding:0 16px;color:#68768b;font-size:11px;letter-spacing:1px}.scene-browser-bar span:first-child{font-weight:700;color:#26354b}.scene-browser-body{flex:1;position:relative;overflow:auto;padding:24px;min-height:0;display:flex;flex-direction:column;justify-content:center}.scene-play{position:absolute;bottom:12px;left:50%;transform:translate(-50%);white-space:nowrap;color:#426080;font-size:13px}.scene-browser h3{font-size:28px;line-height:1.4;margin:12px 0}.scene-browser p{font-size:14px;line-height:1.8;color:#637087}.scene-browser small{font-size:12px;color:#637087}.scene-browser button{font-size:13px}.scene-browser .primary{padding:11px 15px}.scene-browser img{object-fit:cover;max-width:100%}.scene-hero{max-width:440px;margin:auto;width:100%}.scene-hero h3{font-size:clamp(24px,2.5vw,36px);letter-spacing:-1px}.scene-hero small{letter-spacing:2px}.scene-hero button{margin-top:12px}.scene-product{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px}.scene-product>img{width:100%;border-radius:10px}.scene-product h3{font-size:24px}.scene-article{max-width:450px;margin:auto}.scene-article>img{width:100%;height:150px;border-radius:8px}.scene-article>button{margin-top:12px}.scene-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.scene-card{padding:0;display:block;text-align:left;border:1px solid #e5eaf2;border-radius:8px;overflow:hidden;transition:box-shadow .2s}.scene-card.chosen{box-shadow:0 0 0 2px #246bfe}.scene-card>img{width:100%;height:95px;display:block}.scene-card>span{padding:10px;display:block}.scene-card b{font-size:13px}.scene-card small{display:block;font-size:10px;margin-top:6px}.scene-list{display:flex;flex-direction:column;gap:12px}.scene-list>button{justify-content:flex-start;text-align:left;border-bottom:1px solid #edf0f4;padding:9px 0}.scene-list img{width:54px;height:50px;border-radius:5px}.scene-list span{flex:1;font-size:13px}.scene-list small{display:block;margin-top:6px}.scene-navigation{display:flex;flex-direction:column;overflow:visible}.scene-navigation button{justify-content:space-between;border-bottom:1px solid #e7edf5;padding:16px 5px}.scene-dashboard header{display:flex;justify-content:space-between;font-size:14px}.scene-dashboard header span{color:#637087;font-size:12px}.scene-kpis{display:flex;gap:10px;margin:24px 0}.scene-kpis>div{background:#f3f6fc;padding:15px 10px;border-radius:8px;flex:1}.scene-kpis strong{display:block;font-size:25px;margin-top:10px}.scene-kpis i{font-style:normal;font-size:11px;margin-left:4px;color:#637087}.scene-bars{height:130px;display:flex;align-items:flex-end;gap:18px;padding:10px 10px 22px;border-bottom:1px solid #e7edf5}.scene-bars>div{background:#8fb4ff;flex:1;border-radius:5px 5px 0 0;position:relative;transform-origin:bottom}.scene-bars span{position:absolute;bottom:-22px;text-align:center;width:100%;font-size:11px;color:#637087}.scene-quote,.scene-contact,.scene-profile,.scene-pricing{text-align:center}.scene-quote>img,.scene-profile>img{width:80px;height:80px;object-fit:contain}.scene-quote blockquote{font-size:25px;margin:20px 0;line-height:1.6}.scene-profile>div{display:flex;justify-content:center;gap:20px;margin:18px 0}.scene-pricing strong{font-size:32px;display:block}.scene-pricing ul{padding:0;list-style:none;text-align:left;max-width:210px;margin:20px auto}.scene-pricing li{display:flex;gap:8px;line-height:2.5}.scene-pricing li svg{color:#246bfe}.scene-record{display:flex;align-items:center;gap:20px}.scene-record>img{width:45%;border-radius:8px}.scene-record b{font-size:22px}.scene-dialog{max-width:min(450px,88vw);border:0;border-radius:14px;padding:25px;color:#26354b}.scene-dialog::backdrop{background:#10244160;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.scene-dialog img{max-width:100%;border-radius:8px}.scene-dialog p{font-size:14px;color:#637087}.scene-dialog h3{font-size:24px}.scene-actions{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:17px}.scene-actions button{padding:9px 12px;border-radius:6px;border:1px solid #dce3ee}.scene-actions [aria-pressed=true]{background:#edf3ff;border-color:#246bfe;color:#246bfe}.scene-result{color:#246bfe!important}.scene-topbar{display:flex;justify-content:space-between;margin-bottom:15px}.scene-cover{width:100%;max-height:210px;border-radius:8px}.scene-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4}.scene-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#26354b55;width:100%}.scene-sidepanel{position:absolute;top:0;bottom:0;right:0;width:70%;max-width:280px;background:#fff;padding:15px}.scene-sidepanel>button{display:flex;margin-left:auto}.scene-bottom-sheet{top:auto;left:0;right:0;width:100%;max-width:none;border-radius:16px 16px 0 0}.scene-toast{position:absolute;bottom:18px;left:50%;transform:translate(-50%);background:#26354b;color:#fff;border-radius:9px;padding:13px 16px;display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:13px}.scene-toast button{padding:0;color:#fff}.scene-tabs{display:flex;border-bottom:1px solid #e4e9f1;gap:15px;margin-bottom:20px}.scene-tabs button{padding:10px 0;border-bottom:2px solid transparent}.scene-tabs [aria-selected=true]{color:#246bfe;border-bottom-color:#246bfe}.scene-tab-content{height:290px;overflow:auto}.scene-crossfade{position:relative}.scene-crossfade>img{width:100%;height:230px;border-radius:8px}.scene-player-toggle{position:absolute;bottom:15px;left:15px;background:#fff;border-radius:8px;padding:12px}.scene-cta{text-align:center}.scene-cta>img,.scene-cta>div>img{width:300px;height:200px;border-radius:10px;display:block;margin:0 auto 20px}.scene-loading{text-align:center}.scene-loading svg{color:#246bfe}.scene-progress{height:10px;background:#e8eef8;border-radius:10px;overflow:hidden;margin:30px 0}.scene-progress i{height:100%;display:block;background:#246bfe;transform-origin:left}.scene-settings label{display:flex;align-items:center;justify-content:space-between;gap:20px}.scene-settings small{display:block;margin-top:8px}.scene-switch{width:54px;height:31px;border-radius:20px;background:#d1d9e5;padding:4px;justify-content:flex-start;flex:none}.scene-switch.on{background:#246bfe}.scene-switch i{width:23px;height:23px;background:#fff;border-radius:50%;display:block;flex:none}.scene-icon-button{color:#246bfe}.scene-drag{text-align:center}.scene-drag h3{font-size:20px}.scene-drag-track{height:190px;display:grid;place-items:center;margin:20px 0;background:linear-gradient(90deg,#f0f4fa 49%,#dbe5f5,#f0f4fa 51%);border-radius:8px;overflow:hidden}.scene-drag-track>div{width:160px;touch-action:none;cursor:grab}.scene-drag-track img{width:160px;border-radius:8px;pointer-events:none}.scene-step-nav{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#637087;margin-bottom:20px}.scene-step-nav .active{color:#246bfe}.scene-steps>.primary{margin-top:18px}.scene-steps .scene-cards{grid-template-columns:repeat(3,1fr)}.scene-image{text-align:center}.scene-image>img{width:100%;max-height:210px;border-radius:8px}.scene-poster{position:relative}.scene-poster>img{height:300px;max-height:none}.scene-poster h3{position:absolute;top:35%;left:10%;font-size:34px;color:#fff;text-shadow:0 3px 20px #142431}.scene-poster p{position:absolute;top:60%;left:10%;color:#fff}.scene-color>div:first-child{height:250px;display:grid;place-items:center;border-radius:10px}.scene-color img{width:100%;height:100%;border-radius:10px}.scene-color h3{font-size:27px;text-align:center}.scene-success{text-align:center}.scene-success>div{margin:25px 0;color:#246bfe}.scene-pages{position:relative;overflow:hidden}.scene-pages>button{margin-top:20px}.scene-wipe{position:absolute;top:0;right:0;bottom:0;left:0;background:#246bfe;pointer-events:none;animation:curtainWipe var(--dur) ease-in-out forwards}.scene-marquee{overflow:hidden}.scene-marquee>div{white-space:nowrap;padding:25px 0;font-size:24px;color:#246bfe}.scene-tip-anchor{position:relative;margin:20px auto}.scene-tip-anchor>div{position:absolute;bottom:40px;white-space:nowrap;background:#26354b;color:#fff;padding:10px;border-radius:7px;font-size:12px}.scene-logo{text-align:center;color:#246bfe}@media(max-width:850px){.scene-stage{min-height:480px;height:550px}.scenario-demo{padding:14px 10px 46px}.scene-browser-body{padding:18px}.scene-product{grid-template-columns:1fr;gap:12px}.scene-product>img{height:160px}.scene-product h3{font-size:22px}.scene-cards{grid-template-columns:repeat(2,1fr)}.scene-card>img{height:85px}.scene-selector label{flex:1}.scene-selector select{max-width:230px}.scene-browser h3{font-size:24px}.scene-record{flex-direction:column}.scene-record>img{width:100%;height:160px}.scene-kpis{gap:6px}.scene-kpis>div{padding:12px 8px}.scene-kpis strong{font-size:20px}.scene-browser-bar{font-size:10px}.scene-tabs{gap:10px}.scene-tabs button{font-size:12px}.scene-profile>img{height:70px}.scene-steps .scene-cards{grid-template-columns:repeat(2,1fr)}}.scene-motion-text{font-size:34px;font-weight:650;line-height:1.5;letter-spacing:-.8px;margin:15px 0;display:flex;flex-wrap:wrap;gap:0 .15em}.line-text{display:block}.line-text>.scene-text-clip{display:block}.scene-text-clip{overflow:hidden;display:inline-flex;vertical-align:bottom}.scene-text-unit{display:inline-block}.text-hero-context>small{letter-spacing:2px}.text-hero-context>.scene-cover{margin-top:15px;max-height:150px}.text-logo-context,.text-quote-context,.text-data-context{text-align:center}.text-logo-context>.scene-motion-text,.text-data-context>.scene-motion-text{justify-content:center}.text-logo-context>svg{color:#246bfe}.text-quote-context>span{font-size:70px;line-height:.5;color:#9ebafa}.text-quote-context>img{height:120px;width:100%;border-radius:8px}.text-quote-context .scene-motion-text{font-size:28px}.scene-terminal{background:#152339;color:#c7dcf8;padding:20px;border-radius:10px;min-height:230px}.scene-terminal>div{font-size:12px;display:flex;align-items:center;gap:9px;color:#8ba8ce}.scene-terminal pre{white-space:pre-wrap;font:16px/1.8 ui-monospace,monospace;padding:15px 0}.scene-terminal p{color:#93d5bb}.scene-terminal button{color:#c7dcf8;border:1px solid #486180;border-radius:6px;padding:9px 12px}.scene-search-input{display:flex;gap:12px;align-items:center;border:1px solid #cdd8e7;border-radius:10px;min-height:50px;padding:12px;margin:20px 0;color:#456084}.scene-search-demo .scene-record{margin-top:20px}.scene-search-demo .scene-record b{font-size:17px}.scene-chat{width:100%;display:flex;flex-direction:column;gap:14px}.scene-chat header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.scene-chat header>img{width:48px;height:48px;object-fit:contain}.scene-chat small{display:block;margin-top:5px}.scene-chat p{padding:12px;border-radius:12px;margin:0}.scene-chat .chat-user{background:#edf3ff;align-self:flex-end;max-width:85%}.scene-chat .chat-reply{background:#f2f5f9;min-height:60px}.scene-chat form{display:flex;gap:10px;border:1px solid #dce4ef;border-radius:9px;padding:10px;margin-top:10px}.scene-chat input{border:0;outline:none;min-width:0;width:100%}.scene-chat form button{color:#246bfe}.decode-context{text-align:center}.decode-context>img{height:135px;object-fit:contain}.decode-context>small{display:block}.decode-context h3{font-family:ui-monospace,monospace;color:#246bfe;font-size:30px;min-height:60px;display:grid;place-items:center}.decode-context [role=status]{display:flex;justify-content:center;gap:8px;color:#246bfe}.morph-context{text-align:center}.morph-context h3{font-size:38px;min-width:0;display:inline-block;color:#246bfe;margin:30px auto}.morph-context>small{display:block}.morph-context button{border:1px solid #dce4ef;padding:10px;border-radius:8px;margin:5px}.brand-morph-context{height:100%;min-height:250px}.brand-morph-context>.demo{height:calc(100% - 30px)}@keyframes morphIn{0%{filter:blur(8px);opacity:0;transform:translateY(8px)}to{filter:none;opacity:1;transform:none}}.scroll-scenario{padding-bottom:12px}.scene-scroll-controls{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#637087;gap:12px}.scene-scroll-controls label{display:flex;align-items:center;gap:9px;width:50%}.scene-scroll-controls input{margin:0}.scene-scroll-controls output{font-size:11px;min-width:32px}.scene-scroll-window{overflow:auto;display:block;position:relative;scrollbar-width:thin;scroll-behavior:auto}.scene-scroll-inner{position:relative}.scene-sticky{position:sticky;top:0;height:400px;overflow:hidden}.scene-parallax,.scene-layered{height:100%;position:relative;overflow:hidden}.scene-parallax>img,.scene-layered>img:first-child{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scene-parallax:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#10253f88,transparent)}.scene-parallax>div{position:absolute;left:8%;right:8%;top:27%;z-index:2;color:#fff}.scene-parallax h3{font-size:32px;margin:14px 0}.scene-parallax p,.scene-parallax small{color:#fff}.scene-parallax button,.scene-layer-copy button{background:#ffffffed;border-radius:7px;padding:10px 14px;color:#203c5b}.scene-layer-character{position:absolute;z-index:1;right:-4%;bottom:-12%;width:58%;height:75%;object-fit:contain}.scene-layer-copy{position:absolute;left:8%;top:20%;right:10%;z-index:2;color:#fff;text-shadow:0 2px 15px #10263f55}.scene-layer-copy h3{font-size:32px}.scene-layer-copy p{color:#fff}.scene-layer-model{position:absolute;right:-12%;width:75%;bottom:-8%;z-index:1}.scene-layer-model .three-object{background:transparent}.scene-horizontal{position:absolute;display:flex;gap:20px;height:100%;width:280%;padding:30px;will-change:transform}.scene-horizontal article{flex:1;min-width:0;border:1px solid #e3e9f2;border-radius:12px;padding:15px;background:#fff}.scene-horizontal img{width:100%;height:180px;border-radius:8px;object-fit:cover}.scene-horizontal h3{font-size:21px}.scene-horizontal p{font-size:13px;color:#637087;line-height:1.7}.scene-horizontal button{color:#246bfe;font-size:13px}.timeline-dot{width:48px;height:48px;border-radius:50%;background:#eaf1ff;color:#246bfe;display:grid;place-items:center;font-size:20px;margin:30px 0}.scene-zoom{height:100%;overflow:hidden;position:relative;padding:40px}.scene-zoom-subject{width:70%;height:230px;margin:auto;transform-origin:center;transition:transform 70ms linear}.scene-zoom-subject>img{width:100%;height:100%;object-fit:cover;border-radius:9px}.scene-zoom-subject .three-object{width:100%;height:100%}.scene-zoom-copy{position:absolute;bottom:15px;left:20px;right:20px;text-align:center;background:#ffffffdf;border-radius:8px;padding:8px;z-index:2}.scene-zoom-copy h3{font-size:21px;margin:6px}.scene-zoom-copy p{font-size:12px;color:#637087;margin:8px}.scene-scrollytelling{display:grid;grid-template-columns:.75fr 1.25fr;height:100%;gap:18px;padding:24px}.scene-story-steps>div{padding:12px 0 12px 10px;opacity:.4;border-left:2px solid #dfe5ee;transition:opacity .2s}.scene-story-steps .active{opacity:1;border-color:#246bfe}.scene-story-steps small{font-size:11px;color:#637087}.scene-story-steps h3{font-size:17px;margin:8px 0}.scene-story-steps p{font-size:12px;line-height:1.7;margin:6px 0;color:#637087}.scene-story-panel{align-self:center;min-width:0}.scene-story-panel>.three-object{width:100%}.scene-story-panel .scene-product{display:block}.scene-story-panel .scene-product img{height:140px}.scene-story-panel h3{font-size:19px}.scene-story-panel .scene-article>img{height:130px}.scene-long-image{height:260px;overflow:hidden}.scene-long-image>img{width:100%;height:430px;object-fit:cover}.scene-feature-ui{background:#f7f9fc;border:1px solid #dfe6f1;border-radius:8px;padding:16px}.scene-feature-ui header{font-weight:600;font-size:15px;margin-bottom:18px}.scene-feature-ui>div{display:flex;gap:8px;align-items:center;font-size:12px;padding:13px 8px;margin:8px -8px;border-radius:6px}.scene-feature-ui .active{background:#e6efff}.scene-feature-ui button{padding:10px 0;color:#246bfe;font-size:12px}.scene-data-story>h3{font-size:25px}.scene-sequence{height:100%;display:flex;flex-direction:column;justify-content:center}.scene-sequence .three-object{width:100%;height:85%;max-height:none}.scene-sequence .three-object img,.scene-sequence .three-surface{width:100%;height:100%;object-fit:contain}.scene-sequence>div:last-child{padding:10px 15px;display:flex;justify-content:space-between;font-size:12px;color:#637087}.scene-reading{position:relative;height:100%;padding:30px 24px 20px}.scene-reading-progress{position:absolute;left:0;right:0;top:0;height:4px;background:#e6edf7}.scene-reading-progress i{height:100%;display:block;background:#246bfe}.scene-reading-chapters{display:flex;gap:12px;margin-bottom:18px}.scene-reading-chapters button{font-size:11px;color:#637087;padding:5px 0}.scene-reading-chapters .active{color:#246bfe;font-weight:600}.scene-reading article>img{height:170px;width:100%;object-fit:cover;border-radius:7px}.scene-reading article h3{font-size:25px;margin:12px 0}.scene-reading article p{font-size:14px;line-height:1.7;color:#637087}.scene-step-form label{display:block;font-size:13px}.scene-step-form input{display:block;width:100%;padding:12px;border:1px solid #cfdae9;border-radius:7px;margin:12px 0 20px}.scene-scroll-end{position:absolute;bottom:0;left:0;right:0;height:150px;background:#edf3fa;padding:30px;text-align:center;color:#476688}.scene-scroll-end h3{font-size:20px;margin:8px}.scene-scroll-end p{font-size:13px}.scene-scroll-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#637087}.scene-scroll-footer button{font-size:12px;color:#246bfe}.snap-window{scroll-snap-type:y mandatory}.scene-snap-slide{scroll-snap-align:start;min-height:400px;padding:24px;display:flex;flex-direction:column;justify-content:center}.scene-snap-slide>small{display:block;text-align:center;margin-top:18px;color:#637087;font-size:12px}.scene-snap-slide:nth-child(2n){background:#f0f5fc}.pointer-scenario{padding-bottom:45px}.scene-pointer-footer{position:absolute;bottom:10px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#637087}.scene-pointer-footer button{font-size:12px;color:#246bfe}.magnet-context{text-align:center}.magnet-context>img{display:block;max-height:180px;width:100%;border-radius:9px;margin-bottom:20px}.magnet-context>button{margin:18px auto}.scene-tilt{width:90%;max-width:360px;margin:auto;position:relative;transform-style:preserve-3d;box-shadow:0 14px 28px #1a39521c;border-radius:12px;background:#fff;overflow:hidden}.scene-tilt img{width:100%;height:190px;object-fit:cover;display:block}.scene-tilt h3{font-size:23px;margin:12px 20px}.scene-tilt small,.scene-tilt p{display:block;margin:12px 20px}.scene-tilt button{margin:4px 20px 20px}.scene-tilt-highlight{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scene-game-item{text-align:center;background:linear-gradient(#e9f1ff,#fff);padding:10px}.scene-game-item>img{height:170px;object-fit:contain}.scene-game-item>div{font-size:12px;color:#637087;margin:12px}.scene-follow-region{position:relative}.scene-follow-cursor{position:absolute;top:50%;left:50%;border:2px solid #246bfe;border-radius:50%;background:#eef4ffcc;width:54px;height:54px;display:grid;place-items:center;pointer-events:none;color:#246bfe;font-size:12px}.scene-video>img{width:100%;height:230px;border-radius:8px}.scene-video>button{margin-top:15px}.scene-spotlight{background:#101f35;border-radius:10px;position:relative;min-height:300px;overflow:hidden;padding:30px 25px;color:#fff}.spotlight-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#6985a326 1px,transparent 1px),linear-gradient(90deg,#6985a326 1px,transparent 1px);background-size:25px 25px}.scene-light{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scene-spotlight .scene-stable-copy{position:relative;z-index:1}.scene-spotlight h3{font-size:28px}.scene-spotlight small,.scene-spotlight p{color:#c9d8ef}.scene-spotlight button{border:1px solid #a4bddf;border-radius:7px;padding:10px 14px;color:#fff}.scene-hidden-light>img{width:100%;height:240px;object-fit:cover}.scene-hidden-light h3{position:absolute;top:35%;left:15%;font-size:25px}.border-light{border:2px solid #729aff}.scene-robot{width:210px;max-width:80%;position:relative;margin:auto}.scene-robot>img{width:100%;display:block;object-fit:contain}.scene-robot .eye{position:absolute;width:14.3%;height:19.4%;background:#fff;border-radius:50%;transform:translate(-50%,-50%);overflow:hidden;display:grid;place-items:center}.scene-robot .eye>span{width:39%;height:47%;background:#101a24;border-radius:50%;display:block;transition:transform 90ms linear}.scene-robot.blink .eye{height:2%}.eyes-context{text-align:center}.eyes-context.login{display:grid;grid-template-columns:.8fr 1.2fr;gap:15px;align-items:center}.eyes-context.login .scene-robot{width:100%;max-width:100%}.eyes-context.login h3{font-size:22px}.eyes-context.login p{font-size:12px}.eyes-context form label{display:block;text-align:left;font-size:13px}.eyes-context input{display:block;width:100%;border:1px solid #d4dfed;border-radius:7px;padding:10px;margin:10px 0 15px}.eyes-context>strong{font-size:45px;color:#246bfe}.eyes-context>h3{font-size:23px}.scene-trail-context{text-align:center;padding:20px 0}.scene-trail-dot{position:absolute;width:9px;height:9px;background:#75a5ff;border-radius:50%;pointer-events:none;animation:trailFade .65s linear forwards;z-index:8}.scene-reactive-context{position:relative;min-height:300px;padding:10px}.scene-reactive-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(9,1fr);gap:2px;opacity:.55;pointer-events:none}.scene-reactive-grid i{border:1px solid #d2e1f9;transition:transform .18s}.scene-reactive-context .scene-stable-copy{position:relative;z-index:1}.scene-reactive-context .scene-stable-copy>img{width:100%;height:180px;border-radius:8px}.scene-reactive-context input{padding:12px;border:1px solid #cedbee;border-radius:8px;width:100%;margin:15px 0}.scene-3d-product{text-align:center}.scene-3d-product .three-object{height:240px;width:100%}.scene-3d-product .three-surface{height:100%;width:100%}.scene-3d-product .three-surface svg{height:100%;width:100%}.scene-3d-product h3{font-size:24px;margin:10px}.component-scenario{padding-bottom:24px}.component-scenario .scene-browser-body{justify-content:center}.scene-accordion>section{border-bottom:1px solid #e3eaf4}.scene-accordion>section>button{width:100%;justify-content:space-between;padding:17px 2px;font-size:14px}.scene-accordion .expanded>button{color:#246bfe}.scene-accordion-content{display:grid;transition:grid-template-rows var(--dur) ease}.scene-accordion-content>div{overflow:hidden}.scene-accordion-content p{margin:5px 0 20px}.scene-accordion-content label{display:block;padding:10px 0 20px;font-size:13px}.scene-accordion-content button{margin:10px 0 20px;color:#246bfe}.scene-anchored{position:relative}.scene-popover{position:absolute;top:40px;right:0;min-width:180px;max-width:260px;border:1px solid #dfe7f2;background:#fff;border-radius:10px;box-shadow:0 16px 30px #152e4c22;padding:12px;z-index:5;animation:enter var(--dur) ease-out}.scene-popover>button{width:100%;justify-content:space-between;padding:12px 6px}.scene-popover label{display:block;font-size:13px;padding:12px 0}.scene-tooltip{background:#26354b;color:#fff}.scene-tooltip p{color:#fff;margin:0;font-size:12px}.scene-drawer-trigger{margin:20px auto 0;color:#246bfe}.scene-sidepanel>img{height:140px;object-fit:cover;width:100%;border-radius:8px}.scene-sidepanel>label{display:block;font-size:13px;padding:15px 0}.scene-sidepanel>button:not(:first-child){display:flex;width:100%;justify-content:space-between;margin:10px 0;padding:10px}.business-tab-panel{animation:fade var(--dur) ease-out;min-height:230px}.business-tab-panel>h3{font-size:38px}.business-tab-panel>ul{padding-left:22px;font-size:14px;line-height:2}.scene-specs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0;font-size:14px}.scene-specs dd{margin:0;color:#637087}.scene-setting-options label{display:block;padding:20px 0;border-bottom:1px solid #e3e9f2}.scene-business-carousel .business-slide{animation:slide var(--dur) ease-out;min-height:280px}.business-slide>img{height:210px;width:100%;object-fit:cover;border-radius:8px}.business-slide>h3{text-align:center;font-size:24px}.scene-step-number{display:block;font-size:60px;color:#246bfe;margin:20px 0}.scene-notification-context{text-align:center}.scene-notification-context>img{width:100%;height:180px;border-radius:8px}.scene-notification-context>svg{color:#246bfe;margin:20px}.scene-counter-context{text-align:center}.scene-counter-context>small{display:block}.scene-counter-context>strong{font-size:52px;line-height:1.5;display:block;font-variant-numeric:tabular-nums;margin:25px 0;color:#246bfe}.scene-counter-context i{font-size:18px;font-style:normal;color:#637087}.scene-counter-context progress{width:100%;height:10px;accent-color:#246bfe}.scene-reload{align-self:flex-end;margin-bottom:18px;color:#246bfe}.scene-loading-content{height:300px;overflow:auto}.scene-structured-skeleton{height:100%;animation:pulse 1.4s ease-in-out infinite}.scene-structured-skeleton i{display:block;background:#e6edf5;border-radius:7px;height:18px;margin:15px 0}.scene-structured-skeleton>.avatar{width:80px;height:80px;border-radius:50%;margin:10px auto 25px}.scene-structured-skeleton>.wide{height:150px}.scene-skeleton-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.scene-skeleton-grid section>i:first-child{height:85px}.scene-skeleton-grid section>i{margin:8px 0;height:12px}.feed-skeleton{display:flex;gap:15px;align-items:center}.feed-skeleton>i{width:55px;height:60px}.feed-skeleton>div{flex:1}.feed-skeleton>div>i:last-child{width:60%}.scene-empty-load{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8aa3c1}.scene-task-flow{text-align:center}.scene-task-icon>svg{width:45px;height:45px;color:#246bfe}.scene-task-status{display:flex;align-items:center;justify-content:center;gap:10px;color:#246bfe;font-size:14px;line-height:1.8;min-height:70px}.scene-task-flow progress{width:100%;accent-color:#246bfe;margin-top:20px}.scene-task-flow input{width:100%;padding:12px;border:1px solid #d6e0ee;border-radius:8px;margin:10px 0}.scene-feedback-flow>img{height:140px;width:100%;object-fit:cover;border-radius:8px}.scene-feedback-flow label{display:block;font-size:14px;margin:20px 0}.scene-feedback-flow input:not([type=checkbox]){display:block;width:100%;padding:12px;border:1px solid #d3deed;border-radius:8px;margin:12px 0}.scene-field-error{border-color:#c94552!important;animation:shake .3s}.scene-feedback-flow [role=status]{display:flex;gap:8px;color:#246bfe}.scene-shared-context{max-width:330px;margin:auto;transition:all var(--dur) ease}.scene-shared-object{display:block;width:100%;text-align:left;padding:0;transition:all var(--dur)}.scene-shared-object>img{width:100%;height:180px;object-fit:cover;border-radius:10px;transition:all var(--dur)}.scene-shared-object>h3{font-size:24px}.scene-shared-context.expanded{max-width:100%;width:100%}.scene-shared-context.expanded .scene-shared-object>img{height:250px}.scene-shared-context.profile .scene-shared-object{text-align:center}.scene-shared-context.profile .scene-shared-object>img{width:70px;height:70px;object-fit:contain}.scene-shared-context.profile.expanded .scene-shared-object>img{width:150px;height:150px}.scene-shared-context.music:not(.expanded) .scene-shared-object{display:flex;align-items:center;gap:12px}.scene-shared-context.music:not(.expanded) .scene-shared-object>img{width:55px;height:55px}.scene-shared-context.music:not(.expanded) h3{display:none}.scene-shared-object small{display:block;margin-top:8px}.scene-shared-detail{animation:fade var(--dur) ease-out}.scene-shared-detail>button{color:#246bfe;padding:10px 0}.scene-player-progress{height:5px;background:#dbe6f6;margin:20px 0;border-radius:5px}.scene-player-progress i{display:block;width:35%;height:100%;background:#246bfe}.scene-route{animation:routeBack var(--dur) ease both}.scene-route.next{animation-name:routeNext}.scene-route>small{display:block;margin-bottom:18px}.scene-route>label{display:block;margin:20px 0}.scene-route>.primary{margin-top:20px}.scene-ux-context>p{font-size:12px;margin:5px 0 12px}.scene-ux-context>b{font-size:14px}.component-scenario .component-demo{position:relative;min-height:280px;height:100%;padding:15px;overflow:visible}.component-scenario .component-demo .demo-button,.component-scenario .component-demo .travel{max-width:100%}.component-scenario .component-demo .travel>img{height:170px}.component-scenario .component-demo .travel-caption{padding:15px}.component-scenario .component-demo .travel-caption b{font-size:22px}.component-scenario .component-demo .demo-explanation{font-size:12px}.component-scenario .reduce-comparison{width:100%}@keyframes routeNext{0%{opacity:0;transform:translate(35px)}to{opacity:1;transform:none}}@keyframes routeBack{0%{opacity:0;transform:translate(-35px)}to{opacity:1;transform:none}}@media(max-width:850px){.scene-motion-text{font-size:28px}.text-quote-context .scene-motion-text{font-size:24px}.scene-sticky{height:410px}.scene-layer-copy h3,.scene-parallax h3{font-size:28px}.scene-horizontal{padding:20px;gap:14px;width:340%}.scene-horizontal article{padding:12px}.scene-horizontal img{height:150px}.scene-scrollytelling{gap:10px;padding:15px;grid-template-columns:.7fr 1.3fr}.scene-story-steps h3{font-size:15px}.scene-story-steps p{font-size:11px}.scene-story-panel .scene-feature-ui{padding:12px}.scene-feature-ui>div{font-size:11px}.scene-story-panel .scene-article>img{height:100px}.scene-sequence>div:last-child{font-size:10px;gap:8px}.scene-reading{padding:25px 16px}.scene-reading-chapters{gap:8px}.scene-reading-chapters button{font-size:10px}.scene-zoom{padding:30px 20px}.scene-zoom-subject{width:90%}.scene-tilt{width:100%}.scene-tilt img{height:170px}.scene-pointer-footer{left:10px;right:10px;font-size:10px}.scene-pointer-footer button{font-size:10px;gap:4px}.eyes-context.login{grid-template-columns:1fr}.eyes-context.login .scene-robot{width:135px}.eyes-context.login h3{margin:0}.eyes-context.login p{margin:8px 0}.eyes-context.login form{text-align:left}.eyes-context.login input{margin:7px 0 10px}.scene-3d-product .three-object{height:250px}.scene-counter-context>strong{font-size:44px}.scene-business-tabs .scene-dashboard{display:none}.scene-shared-context.expanded .scene-shared-object>img{height:190px}.scene-snap-slide{min-height:410px;padding:20px}.component-scenario .component-demo{padding:5px}.scene-ux-context>p{line-height:1.6}.scene-story-panel .map-visual{width:100%}}.reduce .scenario-demo *{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.scene-crossfade>.scene-old-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;animation:sceneFadeOut var(--dur) ease forwards}.scene-dialog::backdrop{animation:fade .15s ease}.snap-x{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.snap-x>.scene-snap-stack{display:flex;height:100%;width:300%}.snap-x .scene-snap-slide{width:33.333%;flex:none;min-height:100%;max-height:100%;overflow:auto}.snap-x .scene-snap-slide .scene-cards{grid-template-columns:1fr}.snap-x .scene-snap-slide .scene-card:nth-child(n+2){display:none}@keyframes sceneFadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:850px){.stage[data-item="23"] .scene-scroll-inner{height:auto!important}.stage[data-item="23"] .scene-sticky{position:relative;height:auto;overflow:visible}.stage[data-item="23"] .scene-horizontal{position:relative;display:flex;flex-direction:column;width:100%;height:auto;transform:none!important}.stage[data-item="23"] .scene-scroll-end{position:relative;height:auto}.stage[data-item="23"] .scene-horizontal img{height:170px}}.scene-business-carousel{overflow:hidden;min-width:0;max-width:100%}.scene-tab-stack{position:relative}.scene-old-content{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;animation:sceneFadeOut var(--dur) ease forwards}.scene-old-content button{visibility:hidden}.scene-color-stack{position:relative;height:250px!important;display:block!important}.scene-color-stack>div{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:10px;overflow:hidden}.scene-color-stack .scene-color-old{z-index:2;pointer-events:none;animation:sceneFadeOut var(--dur) ease forwards}.scene-color-stack img{height:100%;width:100%;object-fit:cover}.asset-bar>svg{color:#6885b0}.asset-bar small{letter-spacing:0}.scene-full-story{position:relative;min-height:330px;overflow:hidden;border-radius:10px}.scene-full-story>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scene-full-story:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#172c47bb,transparent)}.scene-full-story>div{position:absolute;bottom:25px;left:25px;right:25px;z-index:1;color:#fff}.scene-full-story p,.scene-full-story small{color:#fff}.scene-full-story button{background:#fff;color:#26354b;padding:9px 12px;border-radius:6px}.scene-gallery-preview{position:absolute;top:0;right:0;bottom:0;left:0;background:#12263fe8;padding:25px;display:grid;place-items:center;z-index:8}.scene-gallery-preview>img{width:100%;max-height:280px;object-fit:contain}.scene-gallery-preview>button{background:#fff;padding:10px 14px;border-radius:7px}.scene-inspect-card>img{width:100%;height:200px;object-fit:cover;border-radius:8px}.scenario-demo .scene-browser-body{justify-content:safe center}.scene-browser-body>*{flex-shrink:0}.scene-tilt{flex-shrink:0}.choice-selector{margin:0 0 18px;min-width:0}.choice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:12px;color:#637087}.choice-buttons{display:flex;flex-wrap:wrap;gap:8px}.choice-buttons button{min-height:40px;max-width:100%;padding:9px 12px;border:1px solid #dce3ee;border-radius:8px;background:#fff;color:#526177;text-align:left;line-height:1.55;font-size:13px;gap:6px;justify-content:flex-start;overflow-wrap:anywhere;transition:background .15s,border-color .15s}.choice-buttons button:hover{background:#f4f7fc;border-color:#b5c8e5}.choice-buttons [aria-pressed=true]{background:#edf3ff;color:#1759d6;border-color:#246bfe;font-weight:600}.choice-buttons button:focus-visible{outline:3px solid #82acff;outline-offset:3px}.source-toggle{margin-top:14px}.implementation>div{display:inline-flex;margin:0 6px 7px 0;padding:5px 8px;border-radius:5px;background:#f1f5fb}.implementation>div b{font-size:11px}.implementation{margin-bottom:25px}@media(max-width:850px){.choice-buttons{gap:7px}.choice-buttons button{min-height:44px;padding:9px 11px;font-size:12px}}.scene-dialog[open]{animation:sceneDialogIn var(--dur) both}.scene-dialog[open]::backdrop{animation:sceneBackdropIn var(--dur) both}.scene-dialog.closing{animation:sceneDialogOut var(--dur) both}.scene-dialog.closing::backdrop{animation:sceneBackdropOut var(--dur) both}@keyframes sceneDialogIn{0%,25%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}@keyframes sceneBackdropIn{0%{opacity:0}25%,to{opacity:1}}@keyframes sceneDialogOut{0%{opacity:1;transform:none}75%,to{opacity:0;transform:translateY(16px) scale(.96)}}@keyframes sceneBackdropOut{0%,75%{opacity:1}to{opacity:0}}.scene-sidepanel{--panel-start:translateX(100%);animation:scenePanelIn var(--dur) both}.scene-left-panel{left:0;right:auto;--panel-start:translateX(-100%)}.scene-bottom-sheet{--panel-start:translateY(100%);transform:translateY(var(--drag-y,0px));max-height:90%;overflow:auto}.scene-overlay.closing .scene-sidepanel{animation:scenePanelOut var(--dur) both}.scene-overlay .scene-scrim{animation:sceneBackdropIn var(--dur) both}.scene-overlay.closing .scene-scrim{animation:sceneBackdropOut var(--dur) both}@keyframes scenePanelIn{0%{transform:var(--panel-start)}to{transform:translateY(var(--drag-y,0px))}}@keyframes scenePanelOut{0%{transform:translateY(var(--drag-y,0px))}to{transform:var(--panel-start)}}.sheet-drag-handle{width:100%;height:25px;touch-action:none!important;cursor:grab}.sheet-drag-handle span{height:4px;width:40px;background:#b3becd;border-radius:5px}.scene-popover.opens-above{top:auto;bottom:calc(100% - 30px);transform-origin:bottom right}.morph-word-stack{position:relative;min-width:2em;max-width:100%;white-space:nowrap;margin-left:auto!important;margin-right:auto!important}.morph-word-stack>span{display:block}.morph-word-stack .morph-old{position:absolute;top:0;right:0;bottom:0;left:0}.loading-dots{display:inline-flex;gap:5px}.loading-dots i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:loadingDot .9s infinite}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}@keyframes loadingDot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.scene-transition-frame{position:relative}.scene-transition-old{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.scene-transition-old button{visibility:hidden}.scene-business-tabs>.scene-tabs{position:relative}.scene-business-tabs>.scene-tabs button{border-bottom-color:transparent}.scene-business-tabs>.scene-tabs:after{content:"";position:absolute;bottom:0;left:0;width:var(--indicator-w);height:2px;background:#246bfe;transform:translate(var(--indicator-x));transition:transform var(--dur) ease,width var(--dur) ease}.scene-business-carousel{touch-action:pan-y}.scene-transition-frame.business-slide{animation:none}.scene-follow-cursor[hidden]{display:none}.scene-robot .eye span,.scene-reactive-surface,.scene-reactive-content{transition:transform var(--dur) ease-out}.scene-trail-dot{width:var(--trail-size)!important;height:var(--trail-size)!important;animation-duration:var(--trail-time)!important}.border-light{border-color:transparent!important}.border-light:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #85b1ff;border-radius:inherit;pointer-events:none;-webkit-mask-image:radial-gradient(circle var(--light-radius) at var(--light-x) var(--light-y),#000,transparent 80%);mask-image:radial-gradient(circle var(--light-radius) at var(--light-x) var(--light-y),#000,transparent 80%)}@keyframes sceneSlideOut{to{transform:translate(-100%);opacity:0}}@keyframes sceneSlideIn{0%{transform:translate(100%);opacity:0}to{transform:none;opacity:1}}.scene-parallax-middle{position:absolute;left:8%;right:8%;top:35%;height:30%;border:1px solid #ffffff55;border-radius:50%;pointer-events:none;z-index:1}.scene-parallax>div{z-index:2}.scene-story-detail{animation:sceneFadeIn .5s ease}.scene-odometer{display:inline-flex;font-variant-numeric:tabular-nums}.odometer-cell{display:inline-block;width:.66em;height:1.2em;overflow:hidden}.odometer-cell>span{display:flex;flex-direction:column;transition:transform .16s ease-out}.odometer-cell>span>span{display:block;height:1.2em;line-height:1.2em}.scene-sidepanel.scene-bottom-sheet:active{animation:none}.scene-wipe{animation-duration:var(--dur)}.stagger-heading-line{display:block}@keyframes sceneFadeIn{0%{opacity:0}to{opacity:1}}.scene-reactive-grid i{transition:transform var(--dur) ease-out,border-color var(--dur) ease-out}.scene-skeleton-grid{grid-template-columns:repeat(3,1fr);gap:13px}.scene-skeleton-grid section>i:first-child{height:95px}.scene-skeleton-grid section{border:1px solid #e5eaf2;border-radius:8px;overflow:hidden}.scene-skeleton-grid section>i:first-child{margin:0}.scene-skeleton-grid section>i:not(:first-child){margin:10px}@media(max-width:850px){.scene-skeleton-grid{grid-template-columns:repeat(2,1fr)}.scene-skeleton-grid section>i:first-child{height:85px}}.scene-component-5 .spring-press,.basic-scenario.scenario-button .spring-press{transition:transform var(--press-duration,.1s) cubic-bezier(.3,var(--press-strength,1),.5,1)}.basic-scenario.scenario-button .spring-press[data-pressing=true]{transform:scale(.94);transition-duration:0ms}.basic-delay-page{background:#fff;border:1px solid #e1e7f0;border-radius:12px;padding:35px}.scene-drag-track>div{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.scene-drag-track img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.basic-scenario .scene-browser-body{overflow-x:hidden}.basic-scenario[data-scene^=M06] .scene-dialog[open]{animation:sceneFadeIn var(--dur) both}.basic-scenario .scene-dialog.closing{animation-duration:calc(var(--dur)*.65)}.basic-scenario .scene-dialog.closing::backdrop{animation-duration:calc(var(--dur)*.65)}.scene-fade-status{position:relative;min-height:26px}.scene-fade-status span{display:block;transition:opacity var(--dur) ease}.scene-fade-status span+span{position:absolute;top:0;right:0;bottom:0;left:0}.scene-slide-old{animation:sceneOldSlide var(--dur) ease both!important}.scene-player-info{position:relative;margin:12px 0 55px;text-align:center;min-height:43px}.scene-player-info b,.scene-player-info small{display:block}.scene-player-info-old{position:absolute;top:0;right:0;bottom:0;left:0;animation:sceneFadeOut var(--dur) ease both}.scale-press{transition:transform calc(var(--dur)*.4) ease-out}.scale-press[data-pressing=true]{transform:scale(.96);transition-duration:70ms}@keyframes sceneOldSlide{0%{transform:none;opacity:1}to{transform:translate(calc(var(--slide-offset)*-1));opacity:0}}.variant-speech{display:grid;justify-items:center;gap:28px}.scale-modal-stage{width:100%;height:100%;display:grid;place-items:center}.scene-crossfade:has(.scene-player-info)>.scene-player-toggle{bottom:4px}.scene-crossfade:has(.scene-player-info){width:100%}.basic-scenario[data-scene^=M06] .scene-dialog[open].closing{animation:sceneFadeOut calc(var(--dur)*.65) both}.background-preview{width:100%;height:330px;display:grid;place-items:center;border-radius:12px;text-align:center}.background-preview h3{font-size:30px;line-height:1.5}.scene-motion-text.line-text{flex-direction:column;align-items:flex-start}.scene-motion-text.line-text>.scene-text-clip{display:block;width:100%}.text-mode-line .clip-on{overflow:hidden}.wipe-preview{position:relative;max-width:90%;width:400px;height:400px;overflow:hidden}.wipe-preview>.travel{width:100%;max-width:100%}.wipe-curtain{position:absolute;top:0;right:0;bottom:0;left:0;background:#246bfe;z-index:4;pointer-events:none;opacity:0}.wipe-controls{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:12px;z-index:5}.wipe-controls>button:not(.primary){background:#fff;padding:8px 12px;border-radius:6px}.wipe-skip{position:absolute;right:12px;top:12px;background:#fff;border:1px solid #d8e3f5;border-radius:7px;padding:8px 12px;z-index:5}.chapter-caption{font-size:12px!important}.basic-13>.demo-action{bottom:4px}.basic-13 .wipe-preview{height:calc(100% - 70px);max-height:450px}.basic-13 .wipe-controls{bottom:18px}.scene-wipe-gallery>img{width:100%;height:clamp(120px,20vh,160px);object-fit:cover;border-radius:9px}.scene-wipe-gallery h3{font-size:21px!important;margin:12px 0}.word-morph-demo{font-size:34px;text-align:center;max-width:88%;min-width:0}.word-morph-demo h3{font-size:1em;line-height:1.4;margin:0 0 25px}.word-morph-demo button{font-size:13px}.reduce .type-cursor,.reduce .scene-terminal i{animation:none!important}.morph-word-stack{overflow:visible}@media(max-width:850px){.word-morph-demo{font-size:28px}}.scene-pin-runway{height:1100px;position:relative}.revised-scroll .scene-scroll-end{position:relative;height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column}.scene-scroll-end button{color:#246bfe;padding:8px}.revised-scroll .scene-sticky{height:360px}.scene-horizontal{width:max-content;gap:20px;padding:25px}.scene-horizontal article{flex:none;width:280px}.scene-horizontal h3{white-space:normal}.scene-parallax.framed-parallax{margin:24px;height:calc(100% - 48px);border-radius:12px}.framed-parallax>div{top:20%}.layer-grid,.layer-sky{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;width:130%;height:130%}.layer-grid{background:linear-gradient(#cbd9eb80 1px,transparent 1px),linear-gradient(90deg,#cbd9eb80 1px,transparent 1px),#edf3fa;background-size:32px 32px}.layer-sky{background:linear-gradient(#acd2e9,#ecf2e7)}.layer-mountains{position:absolute;width:120%;height:110%;left:-10%;bottom:-10%}.layer-hiker{position:absolute;right:22%;bottom:8%;color:#243e4d}.layer-plants{position:absolute;bottom:-14%;left:-8%;right:-8%;display:flex;justify-content:space-between;color:#2c665c;z-index:3}.scene-layered>.layer-product{position:absolute;width:75%;height:68%;object-fit:contain;right:-10%;bottom:-3%}.grid-product .scene-layer-copy{color:#173852;text-shadow:none;top:12%}.fixed-story-background{position:relative;color:#fff}.fixed-story-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55)}.fixed-story-background>.scene-story-steps,.fixed-story-background>.scene-story-panel{position:relative}.fixed-story-background .scene-story-steps p,.fixed-story-background .scene-story-steps small{color:#e4eef5}.fixed-story-background .scene-story-panel .scene-article{display:none}.fixed-story-background .scene-story-detail p{color:#fff}.scene-zoom-subject{width:55%;height:200px}.scene-zoom-copy{pointer-events:none}.reduce .scene-zoom-subject{transform:none!important}.reduce .scene-horizontal{transform:none!important;position:relative;flex-direction:column;width:100%;height:auto}.reduce .scroll-scenario:has(.scene-horizontal) .scene-pin-runway{height:auto}.reduce .scroll-scenario.revised-scroll:has(.scene-horizontal) .scene-sticky{height:auto;position:relative;overflow:visible}@media(max-width:850px){.revised-scroll .scene-sticky{height:360px}.scene-pin-runway{height:1100px}.stage[data-item="23"] .scene-pin-runway{height:auto}.stage[data-item="23"] .scene-horizontal article{width:100%}.scene-scrollytelling{grid-template-columns:.85fr 1.15fr}.scene-story-steps>div{padding:8px 0 8px 6px}.scene-story-steps p{font-size:10px}.scene-story-panel .scene-feature-ui{padding:8px}.scene-feature-ui>div{padding:9px 5px}.scene-layer-copy h3{font-size:24px}.layer-plants svg:first-child{width:110px}.layer-plants svg:last-child{width:80px}.scene-zoom-subject{width:65%}}.scene-layer-copy small{color:inherit}.scene-brand-chapter>img{width:100%;height:145px;object-fit:cover;border-radius:8px}.scene-brand-chapter button{font-size:12px;color:#246bfe;padding:10px 0}.fixed-story-background .scene-story-steps .active{color:#fff;border-color:#fff}.fixed-story-background .scene-story-steps>div{opacity:.65}.fixed-story-background .scene-story-steps .active{opacity:1}.revised-scroll .scene-sticky{height:min(360px,var(--scroll-view,360px))}.app.reduce:has(.stage[data-item="23"]) .inspector .control{display:none}@media(max-width:850px){.revised-scroll .scene-sticky{height:min(360px,var(--scroll-view,360px))}.app:has(.stage[data-item="23"]) .inspector .control{display:none}.scene-scrollytelling{padding:12px;gap:8px}.scene-story-steps h3{margin:6px 0}.scene-story-steps p{margin:4px 0;line-height:1.5}.scene-story-steps>div{padding:7px 0 7px 6px}}.reading-snap-demo{height:100%;display:flex;flex-direction:column;gap:12px;min-height:0;padding:18px}.reading-indicators{display:flex;align-items:center;gap:12px;min-height:25px;font-size:12px;color:#536a86}.reading-indicators>small{margin-left:auto;white-space:nowrap}.reading-thin-track{height:3px;background:#dfe8f4;flex:1}.reading-thin-track i{display:block;height:100%;background:#246bfe}.reading-seek{display:flex;align-items:center;gap:15px;font-size:11px;color:#637087}.reading-seek input{margin:0;flex:1}.reading-layout{display:flex;min-height:0;flex:1;position:relative}.reading-layout.with-directory{gap:12px}.reading-layout>nav{flex:0 0 75px;display:flex;flex-direction:column;gap:8px;overflow:visible}.reading-layout>nav button{font-size:10px;padding:8px 5px;border-left:2px solid #dfe6ee;display:block;text-align:left}.reading-layout>nav button span{display:block;margin-top:5px}.reading-layout>nav button.current{color:#246bfe;border-color:#246bfe;background:#edf3ff}.reading-native-window{position:relative;overflow:auto;flex:1;min-width:0;scrollbar-width:thin;border:1px solid #dce4ef;border-radius:10px;background:#fff;overscroll-behavior:contain}.reading-native-window.horizontal{display:flex}.reading-section{flex:none;padding:22px;scroll-snap-align:center;min-width:0}.reading-section>small{font-size:10px;color:#6b7d93}.reading-section h3{font-size:24px;margin:10px 0 16px}.reading-section>img{width:100%;height:170px;object-fit:cover;border-radius:8px}.reading-copy p{font-size:13px;line-height:1.8;color:#526780}.native-snap.vertical>.snap-section{min-height:var(--reading-view);height:var(--reading-view);display:flex;flex-direction:column;justify-content:center}.native-snap .reading-copy{overflow:auto;min-height:0}.native-snap.horizontal{gap:18px;padding:0 8%}.native-snap.horizontal>.snap-section{width:100%;max-width:100%;display:flex;flex-direction:column;justify-content:center}.native-snap .reading-section>img{height:45%;min-height:85px}.article-section{min-height:420px}.horizontal>.article-section{width:100%;min-height:100%}.reading-buttons{display:flex;justify-content:space-between;gap:12px}.reading-buttons button{padding:8px 10px;font-size:12px;color:#246bfe}.reading-buttons button:disabled{opacity:.35;cursor:default}.reading-buttons svg{width:16px}.reading-small-ring{width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.reading-small-ring b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:9px}.reading-timeline-steps{display:flex;gap:10px;font-size:9px}.reading-timeline-steps .current{color:#246bfe;border-bottom:2px solid}.reading-form{padding:20px;background:#fff;border:1px solid #dce4ef;border-radius:10px;flex:1}.reading-form nav{display:flex;gap:8px}.reading-form nav button{font-size:11px;padding:8px 0}.reading-form nav .current{color:#246bfe;border-bottom:2px solid}.reading-form input{display:block;width:100%;padding:12px;margin:12px 0;border:1px solid #dce4ef;border-radius:7px}.reading-form [role=status]{font-size:12px;color:#246bfe;display:flex;align-items:center;gap:8px}@media(max-width:850px){.reading-snap-demo{padding:12px;gap:9px}.reading-section{padding:15px}.reading-section h3{font-size:20px}.reading-layout>nav{flex-basis:55px}.reading-copy p{font-size:12px}.reading-section>img{height:145px}.reading-timeline-steps{gap:5px;font-size:8px}.reading-form{padding:14px}.reading-form nav button{font-size:10px}}.pointer-core{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px 24px;position:relative;overflow:visible}.pointer-core .magnet-context{text-align:center;width:100%}.pointer-core .magnet-context h3{font-size:28px;margin:15px 0}.pointer-core .magnet-context>img{width:90%;height:145px;max-height:145px;object-fit:cover;border-radius:10px}.pointer-core .magnet-context p{font-size:13px;color:#637087}.magnet-anchor{display:inline-block;margin:22px 0;position:relative}.core-magnet{min-height:48px;padding:15px 22px}.core-magnet>span{display:inline-flex;align-items:center;gap:10px}.core-magnet svg{width:20px;height:20px}.icon-anchor .core-magnet{width:72px;height:72px;border-radius:50%;padding:0}.icon-anchor svg{width:28px;height:28px}.core-magnet:active{filter:brightness(.9)}.tilt-anchor{width:340px;max-width:90%;perspective:900px}.core-tilt{position:relative;background:#fff;border:1px solid #e0e7f0;border-radius:14px;box-shadow:0 18px 36px #1a355e14;overflow:visible;transform-style:preserve-3d}.core-card-photo{width:100%;height:205px;object-fit:cover;border-radius:14px 14px 0 0;display:block}.core-card-copy{position:relative;padding:20px;transform-style:preserve-3d}.core-card-copy small{font-size:10px;letter-spacing:2px;color:#71829b}.core-card-copy h3{font-size:24px;margin:10px 0}.core-card-copy p{font-size:12px;color:#637087}.core-card-copy button{color:#246bfe;font-size:12px;padding:6px 0}.core-highlight{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;pointer-events:none}.depth-card .core-card-copy{background:#ffffffed;border-radius:0 0 12px 12px;box-shadow:0 8px 20px #203d5b14}.core-footer{font-size:10px;color:#6b7d93;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:auto}.core-footer button{font-size:11px;color:#246bfe;padding:7px 0}.core-footer button:disabled{opacity:.45;cursor:default}@media(max-width:850px){.pointer-core{padding:20px 16px}.core-card-photo{height:160px}.core-card-copy{padding:14px}.core-card-copy h3{font-size:21px}.pointer-core .magnet-context h3{font-size:23px}.app:has(.stage[data-item="30"]) .inspector .control{display:none}}.reading-native-window{overscroll-behavior:auto}.pointer-lab{height:100%;display:flex;flex-direction:column;position:relative;min-height:0;padding:24px;overflow:hidden}.lab-context{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:15px}.lab-context>img{width:90%;height:240px;object-fit:cover;border-radius:12px;align-self:center}.lab-context .scene-hero>img{max-height:180px}.lab-context .scene-product{gap:16px}.lab-context .scene-product img{max-height:190px}.lab-context h3{font-size:26px}.lab-context p{font-size:13px;color:#637087}.lab-gallery{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lab-gallery img{width:100%;height:210px;object-fit:cover;border-radius:10px}.lab-video{position:relative}.lab-video>img{width:100%;height:250px;object-fit:cover;border-radius:12px}.lab-video>button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;padding:14px;border-radius:50px;color:#246bfe}.lab-links{padding:25px}.lab-links a{display:inline-flex;gap:12px;align-items:center;font-size:18px}.lab-links input,.lab-stable-copy input,.lab-eyes-context input{width:100%;padding:12px;border:1px solid #d1ddec;border-radius:8px;margin:14px 0}.lab-drag-track{overflow:hidden;padding:20px 50px;touch-action:pan-y}.lab-drag-track>div{cursor:grab;touch-action:pan-y;background:#fff;border-radius:10px;padding:12px}.lab-drag-track img{width:100%;height:170px;object-fit:cover;pointer-events:none}.lab-drag-track b{display:block;padding:12px}.lab-cursor,.lab-cursor-dot{position:absolute;pointer-events:none;z-index:9;transform:translate(-50%,-50%)}.lab-cursor{border:2px solid #246bfe;border-radius:50%;background:#edf4ffe8;display:grid;place-items:center;color:#246bfe;font-size:12px;transition:width .15s,height .15s,background .15s}.lab-cursor.on-link{background:#246bfe;color:#fff}.lab-cursor-dot{width:5px;height:5px;background:#246bfe;border-radius:50%}.lab-footer{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#637087;margin-top:15px}.lab-footer button{font-size:11px;color:#246bfe;padding:6px 0}.lab-footer button:disabled{opacity:.4;cursor:default}.lab-spotlight{flex:1;min-height:0;position:relative;overflow:hidden;background:#13243a;border-radius:14px;border:1px solid #30445d;color:#fff;display:grid;place-items:center}.lab-grid-background{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#92b6de1c 1px,transparent 1px),linear-gradient(90deg,#92b6de1c 1px,transparent 1px);background-size:28px 28px}.lab-light{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lab-border-glow{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #a9d3ff;border-radius:14px;pointer-events:none}.lab-stable-copy{position:relative;z-index:2;padding:28px;max-width:100%;pointer-events:auto}.lab-stable-copy h3{font-size:27px;margin:12px 0}.lab-stable-copy p{font-size:13px;line-height:1.7}.lab-stable-copy small{font-size:10px;letter-spacing:2px}.lab-stable-copy button:not(.scene-card),.lab-eyes-context button,.lab-trail-context button:not(.scene-card){padding:10px 14px;border:1px solid #bdcde0;border-radius:8px}.lab-spotlight .lab-stable-copy p,.lab-spotlight .lab-stable-copy small{color:#cadbeb}.lab-revealed{width:100%;height:100%;position:relative}.lab-revealed>img{width:100%;height:100%;object-fit:cover}.lab-revealed h3{position:absolute;left:20px;bottom:30px;font-size:26px;color:#fff}.lab-eyes-context{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.lab-eyes-context h3{font-size:23px;margin:15px 0}.lab-eyes-context p,.lab-eyes-context small{font-size:12px;color:#637087}.lab-robots{width:280px;max-width:100%;display:flex;gap:10px;justify-content:center;cursor:pointer}.lab-robots.multiple{width:100%}.lab-robot{position:relative;flex:1;min-width:0}.lab-robot>img{width:100%;display:block}.lab-eye{position:absolute;width:14.3%;height:19.4%;transform:translate(-50%,-50%);background:#fafaf7;border-radius:50%;display:grid;place-items:center;overflow:hidden}.lab-eye>i{width:39%;height:47%;display:block;border-radius:50%;background:#132431}.lab-blink .lab-eye{transform:translate(-50%,-50%) scaleY(.1)}.lab-eyes-context.login{display:grid;grid-template-columns:.9fr 1.1fr;gap:15px;text-align:left}.lab-options{display:flex;gap:10px}.lab-trail-context{position:relative;z-index:2}.lab-trail-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.lab-trail-layer>i,.lab-trail-layer>img,.lab-trail-layer>span{position:absolute;color:#246bfe}.lab-trail-layer>i{border-radius:50%;background:#6b9cf2}.lab-trail-layer>img{object-fit:cover;border-radius:5px}.lab-trail-layer>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.lab-reactive{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:12px;background:#f5f8fc;display:grid;place-items:center}.lab-reactive-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lab-reactive-background>img{width:100%;height:100%;object-fit:cover;opacity:.38}.lab-gradient{height:100%}.lab-background-orb{position:absolute;width:150px;height:150px;right:10%;top:15%;border-radius:50%;background:#bfd8ef88}.lab-reactive-grid{position:absolute;top:20px;right:20px;bottom:20px;left:20px;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(7,1fr);gap:2px}.lab-reactive-grid i{border:1px solid #82a5d04d;border-radius:3px}.lab-reactive-grid.is-particles i{width:5px;height:5px;border-radius:50%;background:#6593cf;place-self:center}.lab-reactive .lab-stable-copy{width:100%}.lab-reactive .scene-product>img{max-height:160px}.lab-reactive .lab-stable-copy>div>img{width:100%;max-height:160px;object-fit:cover}.pointer-static .lab-cursor,.pointer-static .lab-trail-layer{display:none}@media(max-width:850px){.pointer-lab{padding:16px}.lab-stable-copy{padding:20px}.lab-stable-copy h3,.lab-context h3{font-size:22px}.lab-context>img{height:190px}.lab-gallery img{height:170px}.lab-robots{width:210px}.lab-eyes-context.login{display:flex}.lab-eyes-context.login .lab-robots{width:140px}.lab-eyes-context h3{font-size:20px}.lab-context .scene-product{display:block}.lab-context .scene-product img{height:140px}.app:has(.stage[data-item="31"]) .inspector .control,.app:has(.stage[data-item="32"]) .inspector .control,.app:has(.stage[data-item="33"]) .inspector .control,.app:has(.stage[data-item="34"]) .inspector .control,.app:has(.stage[data-item="35"]) .inspector .control{display:none}}.lab-cursor.cursor-ring{background:transparent}.lab-cursor-dot{z-index:10}.model-follow{align-items:center;justify-content:center;padding:24px}.model-follow>.three-object{width:100%;height:65%;min-height:180px;max-height:330px}.model-copy{text-align:center}.model-copy h3{font-size:23px;margin:8px 0}.model-copy p{font-size:12px;color:#637087}.model-copy button{font-size:12px;color:#246bfe;padding:8px}.model-controls{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:10px;color:#637087;margin-top:auto}.model-controls button{font-size:11px;color:#246bfe;padding:8px}.model-controls svg{width:15px}.model-controls button:disabled{opacity:.4}.accordion-surface{justify-content:center;padding:25px;gap:0;overflow:auto}.accordion-surface>section{border-bottom:1px solid #dce5f0}.accordion-surface>section>button{display:flex;justify-content:space-between;text-align:left;width:100%;padding:18px 10px;font-size:15px;transition:background var(--surface-duration),color var(--surface-duration)}.accordion-surface .is-open>button{background:#edf3ff;color:#246bfe}.acc-grid{display:grid;transition:grid-template-rows var(--surface-duration) ease}.acc-grid>div{overflow:hidden;min-height:0}.acc-grid p,.acc-grid label,.acc-grid button{margin:0;padding:18px 12px;font-size:13px;line-height:1.8;color:#526780;display:block}.acc-symbol{position:relative;width:16px;height:16px;flex:none}.acc-symbol:before,.acc-symbol:after{content:"";position:absolute;background:currentColor;border-radius:1px}.acc-symbol:before{left:1px;right:1px;top:7px;height:2px}.acc-symbol:after{top:1px;bottom:1px;left:7px;width:2px;transition:transform var(--surface-duration)}.is-open .acc-symbol:after{transform:scaleY(0)}.anchor-surface{justify-content:center}.anchor-surface>img{width:100%;height:220px;object-fit:cover;border-radius:12px}.anchor-trigger-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:15px}.anchor-trigger-row>b{font-size:12px;letter-spacing:2px;color:#6b7d93}.anchor-trigger-row>button{padding:12px 15px;border:1px solid #d4dfed;border-radius:8px;background:#fff;font-size:13px}.anchor-trigger-row img{width:25px;height:25px;object-fit:contain}.anchor-trigger-row svg{width:18px}.tight-anchor{justify-content:flex-end}.tight-anchor>img{max-height:150px}.surface-popover{position:fixed;z-index:1000;background:#fff;border:1px solid #d5dfed;border-radius:10px;box-shadow:0 15px 40px #20395824;padding:10px;color:#24384f;animation:surfacePopupIn var(--surface-duration) ease both}.surface-popover.closing{animation:surfacePopupOut var(--surface-duration) ease both;pointer-events:none}.surface-popover>button{display:flex;justify-content:space-between;text-align:left;width:100%;padding:12px;border-radius:7px;font-size:13px}.surface-popover>button:hover{background:#edf3ff}.surface-popover p{font-size:13px;line-height:1.8;margin:8px}.surface-popover>b{display:block;font-size:14px;margin:10px}.surface-popover label{display:flex;align-items:center;gap:10px;padding:10px}.surface-popover.mega{display:grid;grid-template-columns:1fr 1fr;gap:5px}.surface-popover svg{width:16px}.surface-popover[role=tooltip]{width:max-content!important;max-width:260px}.overlay-example{justify-content:center;align-items:center}.overlay-example>img{width:80%;height:180px;object-fit:cover;border-radius:12px}.overlay-example>h3{font-size:24px;margin:8px}.overlay-example>p{font-size:13px;color:#637087}.overlay-trigger{padding:12px 20px}.overlay-trigger.with-thumb{background:none;color:#246bfe;flex-direction:column}.overlay-trigger.with-thumb>img{width:110px;height:75px;object-fit:cover;border-radius:7px}.surface-overlay{padding:0;border:0;color:#24384f;overflow:visible}.surface-overlay::backdrop{background:#15284277;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:surfaceBackdropIn var(--surface-duration) linear both}.surface-overlay.closing::backdrop{animation:surfaceBackdropOut var(--surface-duration) linear both}.surface-overlay.is-modal{width:min(440px,90vw);max-height:88vh;background:#fff;border-radius:14px;box-shadow:0 24px 70px #0e1b3555}.surface-overlay.is-modal.opening{animation:surfaceModalIn var(--surface-duration) ease both}.surface-overlay.is-modal.closing{animation:surfaceModalOut var(--surface-duration) ease both}.surface-overlay.is-modal.bottom{margin:auto 0 0;width:100vw;max-width:none;border-radius:16px 16px 0 0}.surface-overlay-panel{padding:28px;position:relative;overflow:auto;max-height:88vh;background:#fff;border-radius:inherit}.surface-overlay-panel h3{font-size:25px;margin:12px 30px 15px 0}.surface-overlay-panel p{font-size:14px;color:#637087;line-height:1.8}.surface-overlay-panel>img{width:100%;height:200px;object-fit:cover;border-radius:9px}.surface-overlay-panel>img.surface-preview-photo{height:auto;max-height:65vh;object-fit:contain}.surface-overlay-panel label{font-size:13px;display:block}.surface-overlay-panel label>input:not([type=checkbox]){display:block;width:100%;border:1px solid #cbd8e8;border-radius:8px;padding:12px;margin:10px 0}.surface-overlay-panel small{display:block;font-size:11px;color:#637087;margin:16px 0}.surface-overlay-close{position:absolute;right:14px;top:14px;padding:8px}.surface-overlay-close svg{width:20px}.surface-overlay-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.surface-overlay-actions button{padding:11px 16px;border:1px solid #d5dfed;border-radius:8px}.surface-overlay.is-drawer{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;width:100vw;height:100vh;max-width:none;max-height:none;background:transparent}.surface-overlay.is-drawer>.surface-overlay-panel{position:absolute;top:0;bottom:0;right:0;width:min(420px,94vw);max-height:100vh;border-radius:14px 0 0 14px;--panel-origin:translateX(100%)}.surface-overlay.is-drawer.left>.surface-overlay-panel{left:0;right:auto;border-radius:0 14px 14px 0;--panel-origin:translateX(-100%)}.surface-overlay.is-drawer.bottom>.surface-overlay-panel{top:auto;bottom:0;left:0;width:100%;height:auto;max-height:92vh;min-height:40vh;border-radius:16px 16px 0 0;--panel-origin:translateY(100%);transform:translateY(var(--drag-y))}.surface-overlay.is-drawer.opening>.surface-overlay-panel{animation:surfacePanelIn var(--surface-duration) ease both}.surface-overlay.is-drawer.closing>.surface-overlay-panel{animation:surfacePanelOut var(--surface-duration) ease both}.surface-overlay.is-drawer.open>.surface-overlay-panel{transition:transform .15s ease}.surface-sheet-handle{display:flex;width:100%;height:34px;margin:-14px 0 2px;touch-action:none;cursor:grab}.surface-sheet-handle>span{width:45px;height:4px;border-radius:4px;background:#b6c4d6}.surface-panel-options{display:flex;flex-direction:column;gap:8px}.surface-panel-options>button{justify-content:space-between;padding:13px 5px;border-bottom:1px solid #e4ebf4}.surface-check{padding:13px 0}.surface-check input{margin-right:10px}@keyframes surfacePopupIn{0%{opacity:0;transform:translateY(var(--surface-offset)) scale(.98)}to{opacity:1;transform:none}}@keyframes surfacePopupOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(var(--surface-offset)) scale(.98)}}@keyframes surfaceBackdropIn{0%{opacity:0}25%,to{opacity:1}}@keyframes surfaceBackdropOut{0%,75%{opacity:1}to{opacity:0}}@keyframes surfaceModalIn{0%,25%{opacity:0;transform:var(--surface-origin)}to{opacity:1;transform:none}}@keyframes surfaceModalOut{0%{opacity:1;transform:none}75%,to{opacity:0;transform:var(--surface-origin)}}@keyframes surfacePanelIn{0%{transform:var(--panel-origin)}to{transform:translateY(var(--drag-y))}}@keyframes surfacePanelOut{0%{transform:translateY(var(--drag-y))}to{transform:var(--panel-origin)}}@media(max-width:850px){.accordion-surface{padding:18px}.accordion-surface>section>button{font-size:13px}.anchor-trigger-row>b{display:none}.anchor-trigger-row{justify-content:flex-end}.anchor-surface>img{height:180px}.surface-overlay-panel{padding:22px}.surface-overlay-panel h3{font-size:22px}.surface-overlay.is-drawer.bottom>.surface-overlay-panel{min-height:75vh}.surface-popover.mega{grid-template-columns:1fr 1fr}.model-copy h3{font-size:21px}}.content-tabs,.content-carousel,.content-toasts,.content-counter,.content-skeleton{width:100%;display:block;padding:24px;min-height:400px;position:relative}.content-tabs button,.content-carousel button,.content-toasts button,.content-counter button,.content-skeleton button{min-height:44px;border-radius:8px;padding:10px 14px}.content-tab-row{display:flex;position:relative;border-bottom:1px solid #d8e1ef;margin-bottom:22px;width:100%;isolation:isolate}.content-tab-row button{flex:1;white-space:nowrap;background:transparent;border:0;border-radius:8px 8px 0 0;position:relative;z-index:1;font-size:13px}.content-tab-row button[aria-selected=true]{color:#246bfe}.content-tab-row>span{position:absolute;left:var(--tab-left,0);width:var(--tab-width,33%);height:3px;bottom:-1px;background:#246bfe;transition:left calc(var(--content-duration)*.25) ease,width calc(var(--content-duration)*.25) ease;z-index:0}.content-tab-row.pill>span{height:100%;bottom:0;border-radius:8px;background:#dfeaff}.content-swap{position:relative;overflow:hidden;transition:height var(--content-duration) ease;width:100%}.content-swap>.swap-old,.content-swap>.swap-new{width:100%;top:0;left:0}.content-swap>.swap-new{position:relative;animation:contentIn var(--content-duration) ease both}.content-swap>.swap-old{position:absolute;animation:contentOut var(--content-duration) ease both;pointer-events:none}.content-swap.slide>.swap-new{animation-name:contentSlideIn}.content-swap.slide>.swap-old{animation-name:contentSlideOut}@keyframes contentIn{0%{opacity:0}to{opacity:1}}@keyframes contentOut{0%{opacity:1}to{opacity:0}}@keyframes contentSlideIn{0%{opacity:0;transform:translate(calc(var(--direction)*45px))}to{opacity:1;transform:translate(0)}}@keyframes contentSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(var(--direction)*-45px))}}.content-product img{width:100%;height:190px;object-fit:cover;border-radius:10px}.content-tabs h3{font-size:25px;margin:15px 0}.content-tabs p{font-size:14px;line-height:1.8;color:#64758a}.content-tabs small{font-size:12px}.content-specs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0;padding:25px 0 35px}.content-specs dd{margin:0;color:#64758a}.content-settings{display:grid;gap:18px;padding:20px 0 40px}.content-settings label{display:flex;gap:12px;align-items:center;min-height:40px}.mini-data-bars{height:95px;display:flex;align-items:end;gap:10px}.mini-data-bars i{display:block;width:30px;background:#78a9f5;border-radius:5px 5px 0 0}.content-following{border-top:1px solid #dde5f1;padding-top:18px;margin-top:22px;color:#7e8b9c;font-size:12px}.tab-loading{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:12px}.tab-loading svg{animation:spin 1s linear infinite}.carousel-stage{position:relative;overflow:hidden;touch-action:pan-y;outline-offset:4px}.carousel-drag-layer{position:relative;transition:transform .22s ease}.carousel-drag-layer.dragging{transition:none}.carousel-stage.center>.carousel-drag-layer{width:76%;margin:auto;z-index:2}.carousel-peek{position:absolute;top:15px;width:76%;opacity:.45;transform:scale(.87);pointer-events:none}.carousel-peek.before{left:-68%}.carousel-peek.after{right:-68%}.slide-photo{height:220px;overflow:hidden;border-radius:10px}.slide-photo img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.product-view-1 .slide-photo img{transform:scale(1.8);transform-origin:60% 50%}.product-view-2 .slide-photo img{transform:scale(1.5);transform-origin:30% 20%}.content-slide-card h3{font-size:24px;margin:15px 0 9px}.content-slide-card p,.content-step p{font-size:14px;color:#687a90;line-height:1.7;margin:0 0 15px}.content-carousel-controls{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:20px}.content-carousel-controls button{border:1px solid #d7e2ef;background:#fff}.content-carousel-controls svg{width:20px;height:20px}.content-review{min-height:300px;text-align:center;padding:20px}.content-review img{width:80px;height:80px;object-fit:contain}.content-review blockquote{margin:20px 0;font-size:24px;line-height:1.6}.content-review p{font-size:12px;color:#7b8a9c}.content-step{min-height:280px;padding:35px 20px}.content-step small{font-size:44px;color:#79a7ea}.content-step h3{font-size:28px}.content-toasts>img{width:100%;height:170px;object-fit:cover;border-radius:9px}.content-toasts h3{font-size:25px;margin:18px 0 10px}.content-toasts>p{font-size:13px;color:#708197;margin-bottom:15px}.content-toasts{padding-bottom:115px}.content-toast-stack{position:absolute;bottom:22px;left:20px;right:20px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.content-toast-stack.corner{left:auto;max-width:90%;right:15px;bottom:18px}.content-toast{display:flex;gap:8px;align-items:center;background:#223e60;color:#fff;border-radius:9px;box-shadow:0 8px 24px #18365022;padding:8px 12px;animation:toastContentIn var(--content-duration) ease both;pointer-events:auto;font-size:13px}.content-toast>svg{flex:none;width:20px;height:20px}.content-toast>span{flex:1}.content-toast button{padding:6px;min-width:36px;background:transparent;color:#fff;border:0;font-size:12px}.content-toast.closing{animation:toastContentOut var(--content-duration) ease both;pointer-events:none}@keyframes toastContentIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes toastContentOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)}}.content-toast-stack.corner .content-toast{animation-name:contentIn}.content-toast-stack.corner .content-toast.closing{animation-name:contentOut}.content-counter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:390px}.content-counter>small{font-size:14px;color:#72839a}.counter-number{display:flex;align-items:baseline;justify-content:center;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:48px;color:#244b7b;min-height:68px}.counter-number strong{font-size:inherit;font-weight:600}.counter-number>span:first-child,.counter-number>span:last-child:not(.content-digits){font-size:22px}.content-digits{display:flex;align-items:baseline;line-height:1.2}.content-digit-window{height:1.2em;width:.65em;overflow:hidden;display:inline-block}.content-digit-window>span{height:12em;display:flex;flex-direction:column}.content-digit-window b{height:1.2em;line-height:1.2;font-weight:600;flex:none}.content-counter progress{width:80%;height:8px;accent-color:#246bfe}.counter-delta{height:22px;font-size:15px;color:#468064}.content-counter>button{border:1px solid #cad9eb;background:#fff}.content-skeleton{min-height:400px}.skeleton-reload{display:flex;gap:10px;align-items:center;margin-bottom:20px;border:1px solid #d6e1ed;background:#fff;font-size:13px}.skeleton-stage{position:relative}.skeleton-real{transition:opacity .18s ease}.skeleton-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .18s ease;pointer-events:none}.sk-line{height:24px;font-size:13px;line-height:24px;margin-bottom:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sk-line.title{font-size:17px;font-weight:600;height:28px;line-height:28px}.sk-line>span{display:block;width:88%;height:70%;margin-top:4px;background:#dfe5ee;border-radius:5px}.sk-line.title>span{width:65%}.sk-photo,.sk-article>img{width:100%;height:190px;border-radius:9px;object-fit:cover;background:#dfe5ee}.sk-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sk-product>img,.sk-product>.sk-photo{width:100%;height:95px;object-fit:cover;border-radius:7px;margin-bottom:10px}.sk-product .sk-line{font-size:11px;margin-bottom:4px}.sk-product .sk-line.title{font-size:12px}.sk-feed{display:grid;gap:14px}.sk-feed-row{display:grid;grid-template-columns:80px 1fr;gap:13px;align-items:center;min-height:72px}.sk-feed-row>img,.sk-feed-row>.sk-photo{width:80px;height:68px;object-fit:cover;border-radius:6px}.sk-feed-row .sk-line{margin-bottom:0}.sk-profile{display:flex;align-items:center;flex-direction:column}.sk-avatar{width:84px;height:84px;object-fit:contain;border-radius:50%;background:#dfe5ee;margin-bottom:20px}.sk-profile .sk-line{width:240px;text-align:center}.sk-profile .sk-line>span{margin-left:auto;margin-right:auto}.sk-profile button{height:44px;width:140px;border:0;background:#246bfe;color:#fff;margin-top:15px}.skeleton-placeholder .sk-profile button{background:#dfe5ee}.skeleton-placeholder.pulse{animation:skeletonBreathe 1.4s ease-in-out infinite}.skeleton-placeholder.shine{overflow:hidden}.skeleton-placeholder.shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 25%,#fff8 45%,transparent 65%);transform:translate(-100%);animation:skeletonSweep 1.8s ease-in-out infinite}@keyframes skeletonBreathe{0%,to{filter:brightness(1)}50%{filter:brightness(.92)}}@keyframes skeletonSweep{to{transform:translate(100%)}}@media(max-width:850px){.content-tabs,.content-carousel,.content-toasts,.content-counter,.content-skeleton{padding:18px;min-height:340px}.content-tab-row button{padding:10px 5px;font-size:12px}.slide-photo{height:185px}.content-toasts{padding-bottom:120px}.counter-number{font-size:40px}.sk-products{grid-template-columns:repeat(2,minmax(0,1fr))}.content-toast{font-size:12px}.content-toast-stack{left:12px;right:12px}.content-product img{height:170px}}.reduce .tab-loading svg,.reduce .skeleton-placeholder,.reduce .skeleton-placeholder.shine:after{animation:none!important}.reduce .skeleton-real,.reduce .skeleton-placeholder{transition:none}.sk-article>img,.sk-product>img,.sk-feed-row>img,.sk-photo{display:block}.content-swap>.swap-new:not(.animating){animation:none}.tab-loading{position:absolute;right:26px;top:75px;margin:0;background:#f6f8fc;padding:5px 8px;border-radius:6px;z-index:3}.carousel-peek.before{left:-50%}.carousel-peek.after{right:-50%}.counter-delta>span{animation:counterDeltaOut 4s linear both}@keyframes counterDeltaOut{0%,80%{opacity:1}to{opacity:0}}.reduce .counter-delta>span{animation:none}.sk-article>.sk-photo,.sk-article>img{height:auto;aspect-ratio:5/2}.task-indicator,.result-feedback,.state-icon,.layout-list,.shared-view{width:100%;position:relative;padding:24px;min-height:420px;display:block}.task-indicator button,.result-feedback button,.layout-list button,.shared-view button{min-height:44px;padding:10px 14px;border-radius:8px}.task-indicator>img,.result-feedback>img{width:100%;height:140px;object-fit:cover;border-radius:9px}.task-indicator h3,.result-feedback h3{font-size:25px;margin:18px 0}.task-indicator label,.result-feedback label{font-size:13px;display:block}.task-indicator label>input:not([type=checkbox]),.result-feedback label>input:not([type=checkbox]){display:block;width:100%;padding:11px;border:1px solid #bdccdf;border-radius:8px;margin:8px 0}.local-task-note{font-size:11px;color:#7b899c;line-height:1.5}.task-failure-toggle{display:flex!important;align-items:center;gap:9px;margin:15px 0}.task-status-slot{min-height:85px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:14px}.task-status-slot progress{width:100%;height:10px;accent-color:#246bfe}.task-ring{width:88px;height:88px;border-radius:50%;display:grid;place-items:center}.task-ring>span{background:#f6f7fa;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;font-size:16px}.task-actions{display:flex;gap:12px;justify-content:center;margin-top:18px}.task-actions button{display:flex;align-items:center;gap:8px}.task-result{display:flex;align-items:center;gap:8px;line-height:1.6}.task-dots{display:flex;gap:7px;height:24px;align-items:center}.task-dots i{width:8px;height:8px;background:#246bfe;border-radius:50%;animation:taskDot .9s ease-in-out infinite}.task-dots i:nth-child(2){animation-delay:.15s}.task-dots i:nth-child(3){animation-delay:.3s}.task-dots.static i{animation:none}@keyframes taskDot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.feedback-field{margin:18px 0}.feedback-field.shake-once{animation:feedbackFieldShake var(--feedback-duration) ease both}@keyframes feedbackFieldShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.feedback-confirm{display:flex!important;align-items:center;gap:10px;min-height:44px;margin:12px 0}.feedback-submit{display:flex;align-items:center;gap:9px;margin-top:20px}.feedback-submit svg{width:22px;height:22px}.feedback-check path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;animation:feedbackCheck var(--feedback-duration) ease both}@keyframes feedbackCheck{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}.feedback-error,.feedback-success{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.6;margin:14px 0}.feedback-error{color:#a92d3d}.feedback-record{padding:18px;border:1px solid #d6e2ef;border-radius:9px;margin-top:20px}.feedback-record.highlight-once{animation:feedbackHighlight var(--feedback-duration) ease both}@keyframes feedbackHighlight{0%{background:#b8edc9}to{background:transparent}}.feedback-files{display:flex;gap:10px;flex-wrap:wrap}.feedback-files button{border:1px solid #cad9ea;background:#fff;font-size:12px}.feedback-files button[aria-pressed=true]{border-color:#246bfe;background:#e9f0ff}.state-icon{display:flex;flex-direction:column;gap:28px;align-items:center;justify-content:center}.state-icon-button{width:92px;height:92px;flex:none;border:1px solid #c8daf1;background:#edf4ff;border-radius:20px;display:grid;place-items:center;color:#246bfe}.state-icon-button>svg{width:52px;height:52px}.state-icon p{font-size:13px;color:#718199;min-height:20px}.layout-toolbar{min-height:50px;margin-bottom:15px;display:flex;align-items:center;font-size:12px;color:#7a8799}.layout-toolbar button{border:1px solid #cddaea;background:#fff}.layout-card-grid{display:grid;gap:14px;align-items:start}.layout-card-grid article,.layout-drag-ghost{background:#fff;border:1px solid #d8e2ef;border-radius:10px;padding:10px;min-width:0;transform-origin:top left}.layout-card-grid article>img,.layout-drag-ghost>img{width:100%;height:105px;object-fit:cover;border-radius:6px;display:block;-webkit-user-select:none;user-select:none}.layout-card-grid article>b,.layout-drag-ghost>b{font-size:13px;display:block;margin:10px 0}.layout-card-grid article>p{font-size:13px;line-height:1.7;color:#738299}.layout-list.vertical .layout-card-grid article{display:flex;align-items:center;gap:18px;min-height:80px}.layout-list.vertical .layout-card-grid article>img{width:100px;height:60px}.layout-card-actions{display:flex;justify-content:space-between;gap:3px}.layout-card-actions button{padding:6px;min-width:30px;min-height:38px;background:#f4f7fb;color:#375a86;border:0}.layout-card-actions button:first-child{touch-action:none;cursor:grab}.layout-card-grid .being-dragged{opacity:.15}.layout-drag-ghost{position:absolute;pointer-events:none;z-index:10;box-shadow:0 12px 25px #18395930}.shared-source{display:block;width:65%;margin:35px auto;background:#fff;border:1px solid #d8e1ef;box-shadow:0 8px 25px #2038500b;text-align:left}.shared-source>img{width:100%;height:135px;object-fit:cover;border-radius:8px;display:block}.shared-source h3{font-size:19px;margin:14px 0 5px;line-height:1.25}.shared-view.profile .shared-source{width:150px;text-align:center}.shared-view.profile .shared-source>img{width:70px;height:70px;margin:auto;object-fit:contain;border-radius:50%}.shared-view.music .shared-source{width:90%;display:flex;gap:12px;align-items:center}.shared-view.music .shared-source>img{width:65px;height:65px;flex:none}.shared-view.music .shared-source h3{font-size:16px;margin:0;flex:1}.shared-view.title .shared-source{width:85%;padding:25px}.shared-dialog{border:0;padding:0;width:min(720px,92vw);max-width:none;max-height:94vh;border-radius:14px;background:#f8faff;color:#253d5a;overflow:auto}.shared-dialog::backdrop{background:#14263d88;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.shared-dialog.full-screen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-height:none;margin:0;border-radius:0;background:#122035;color:#fff}.shared-close{position:absolute;right:12px;top:12px;z-index:4;background:#ffffffde;color:#284360;border:0;min-width:44px}.shared-destination{padding:50px 32px 32px}.shared-destination>img{width:100%;height:330px;object-fit:cover;display:block;border-radius:10px}.shared-destination>h3{font-size:32px;line-height:1.25;margin:22px 0 16px}.shared-dialog.profile .shared-destination>img{width:150px;height:150px;object-fit:contain;border-radius:50%}.shared-dialog.music .shared-destination>img{width:280px;height:280px;margin:auto}.shared-dialog.full-screen .shared-destination{height:100%;padding:52px 24px 24px;display:flex;align-items:center;justify-content:center}.shared-dialog.full-screen .shared-destination>img{width:100%;height:100%;object-fit:contain}.shared-dialog.full-screen h3{display:none}.shared-details{transition:opacity var(--shared-duration) ease;font-size:14px;line-height:1.8}.shared-details>button{display:flex;align-items:center;gap:8px}.shared-player-bar{height:6px;background:#d7e3f2;margin:20px 0;border-radius:4px}.shared-player-bar i{display:block;height:100%;background:#246bfe;transition:width .6s linear}.shared-flight{position:fixed!important;max-width:none!important;max-height:none!important;object-fit:cover;pointer-events:none;z-index:5;margin:0!important;box-sizing:border-box}.shared-dialog.profile .shared-flight,.shared-dialog.full-screen .shared-flight{object-fit:contain}.shared-flight.flight-title{white-space:nowrap;overflow:hidden;line-height:1.25;font-weight:700;color:inherit}@media(max-width:850px){.task-indicator,.result-feedback,.state-icon,.layout-list,.shared-view{padding:18px;min-height:350px}.task-indicator h3,.result-feedback h3{font-size:22px}.layout-card-grid{gap:8px}.layout-card-grid article{padding:7px}.layout-card-grid article>img{height:80px}.layout-card-actions button{padding:4px;min-width:26px}.shared-source{width:80%}.shared-dialog{width:94vw}.shared-destination{padding:55px 22px 25px}.shared-destination>img{height:240px}.shared-destination>h3{font-size:27px}.shared-dialog.music .shared-destination>img{width:230px;height:230px}}.reduce .feedback-field,.reduce .feedback-check path,.reduce .feedback-record,.reduce .task-dots i{animation:none!important}.reduce .shared-details,.reduce .shared-player-bar i{transition:none}.shared-view.gallery .shared-source>img{object-fit:contain}.shared-dialog .shared-destination{display:block}.shared-dialog.full-screen .shared-destination{display:flex}.shared-dialog.full-screen{overflow:hidden}.shared-dialog.full-screen>.shared-destination{margin-top:0;gap:0}.shared-dialog.full-screen .shared-details{display:none}.page-motion,.affordance-rule,.focus-rule{padding:24px;display:block;min-height:420px;width:100%;position:relative}.page-motion-window{height:370px;position:relative;overflow:hidden;border:1px solid #dce4ef;border-radius:11px;background:#fff}.page-current,.page-old,.page-new{position:absolute;top:0;right:0;bottom:0;left:0;padding:22px;overflow:auto}.page-old,.page-new{pointer-events:none}.route-story>img,.route-app>img{width:100%;height:165px;object-fit:cover;border-radius:7px;display:block}.route-story small,.route-app small{font-size:11px;color:#7f8da0;display:block;margin-top:14px}.route-story h3,.route-app h3{font-size:24px;margin:10px 0}.route-story p{font-size:13px;line-height:1.8;color:#6d7c91;margin:0}.route-app strong{display:block;margin:20px 0}.route-app label{display:flex;gap:10px;align-items:center;margin:18px 0}.page-navigation{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.page-navigation button{min-height:44px;padding:10px 13px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:12px}.page-navigation button:not(.primary){border:1px solid #ccd9ea;background:#fff}.page-navigation button:disabled{opacity:.4;cursor:default}.page-loading{position:absolute;right:12px;top:12px;z-index:3;background:#eef4ff;padding:8px 11px;display:flex;gap:7px;align-items:center;border-radius:7px;font-size:12px}.page-loading svg{width:16px;height:16px}.page-old,.page-new{animation-duration:var(--page-duration);animation-fill-mode:both;animation-timing-function:ease}.fade .page-old{animation-name:routeFadeOut}.fade .page-new{animation-name:routeFadeIn}.slide .page-old{animation-name:routeSlideOut}.slide .page-new{animation-name:routeSlideIn}.zoom .page-old{animation-name:routeZoomOut}.zoom .page-new{animation-name:routeZoomIn}.page-wipe{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbdffe;z-index:5;animation:routeWipe var(--page-duration) linear both}@keyframes routeFadeOut{0%{opacity:1}45%,to{opacity:0}}@keyframes routeFadeIn{0%,45%{opacity:0}to{opacity:1}}@keyframes routeSlideOut{to{opacity:0;transform:translate(calc(var(--page-direction)*-45px))}}@keyframes routeSlideIn{0%{opacity:0;transform:translate(calc(var(--page-direction)*45px))}to{opacity:1;transform:none}}@keyframes routeZoomOut{0%{opacity:1;transform:scale(1)}45%,to{opacity:0;transform:scale(.92)}}@keyframes routeZoomIn{0%,45%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes routeWipe{0%{transform:translate(calc(var(--page-direction)*-100%))}45%,55%{transform:translate(0)}to{transform:translate(calc(var(--page-direction)*100%))}}.feedback-submit{transition:background-color .15s ease,transform .15s ease}.feedback-submit:hover:not(:disabled){background:#1456d5}.feedback-submit:active:not(:disabled){transform:scale(.97)}.affordance-rule>img,.focus-rule>img{width:100%;height:180px;object-fit:cover;border-radius:10px}.affordance-rule h3,.focus-rule h3{font-size:25px;margin:18px 0}.affordance-rule button,.focus-rule button{min-height:44px;padding:11px 15px;border-radius:8px;display:inline-flex;align-items:center;gap:9px}.affordance-button{transition:background-color var(--rule-duration) ease,transform var(--rule-duration) ease}.affordance-button:hover{background:#1456d5}.affordance-button:active{transform:scale(.96)}.affordance-rule a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#246bfe;text-decoration:underline;text-underline-offset:4px;transition:color var(--rule-duration) ease}.affordance-rule a:hover{color:#15499b}.affordance-rule label{display:block;font-size:13px;font-weight:600}.affordance-rule input{display:block;width:100%;padding:12px;border:1px solid #aebfd5;border-radius:8px;margin:9px 0 18px;transition:border-color var(--rule-duration),box-shadow var(--rule-duration)}.affordance-rule input:focus{border-color:#246bfe;box-shadow:0 0 0 3px #246bfe22}.affordance-detail,.focus-result{animation:contentIn var(--rule-duration) ease both;font-size:14px;line-height:1.8}.focus-actions{display:flex;gap:10px;flex-wrap:wrap}.focus-secondary{border:1px solid #cbd9e9;background:#fff;color:#5c708b}.focus-rule p{font-size:14px;line-height:1.8;color:#5f738c}.focus-rule button:focus-visible{outline:3px solid #326fee;outline-offset:4px}.rule-submodes{display:flex;gap:7px;flex-wrap:wrap;padding:15px 20px;background:#f5f8fc;border-bottom:1px solid #dce5f0}.rule-submodes button{min-height:42px;border:1px solid #cdd9e9;background:#fff;border-radius:8px;padding:8px 13px;font-size:12px}.rule-submodes button[aria-pressed=true]{color:#246bfe;border-color:#246bfe;background:#e9f1ff}.reduced-rule{width:100%}.reduced-slide,.reduced-loop,.reduced-sequence{padding:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;min-height:390px;overflow:hidden}.reduced-slide-object{width:85%;transition:transform .7s ease,opacity .7s ease}.reduced-slide-object img{display:block;width:100%;height:220px;object-fit:cover;border-radius:10px}.reduced-slide-object.hidden{transform:translate(220px);opacity:0}.reduced-slide-object.shown{transform:none;opacity:1}.reduced-slide-object.quiet{transform:none!important;transition:opacity .15s ease}.reduced-loop>img{width:240px;height:240px;object-fit:contain}.reduced-loop>img.gentle-light{width:90%;object-fit:cover;border-radius:10px}.gentle-loop{animation:gentleOrbit 2.4s ease-in-out infinite}.gentle-light{animation:gentleBrightness 1.6s ease-in-out infinite}@keyframes gentleOrbit{0%,to{transform:translateY(6px) rotate(-6deg)}50%{transform:translateY(-6px) rotate(6deg)}}@keyframes gentleBrightness{0%,to{filter:brightness(1)}50%{filter:brightness(.88)}}.reduced-rule button:not(.primary){min-height:42px}.reduced-slide>button,.reduced-loop>button,.sequence-actions button{border:1px solid #bdcfe4;background:#fff;padding:10px 15px;border-radius:8px}.sequence-actions{display:flex;gap:12px}.reduced-sequence>.three-object{width:100%;max-width:400px;height:280px}@media(max-width:850px){.page-motion,.affordance-rule,.focus-rule{padding:18px}.page-motion-window{height:375px}.page-current,.page-old,.page-new{padding:16px}.route-story h3,.route-app h3{font-size:22px}.route-story>img,.route-app>img{height:160px}.page-navigation button{font-size:11px;padding:10px 8px}.affordance-rule>img,.focus-rule>img{height:160px}.rule-submodes{padding:12px}.reduced-slide,.reduced-loop,.reduced-sequence{padding:18px}.reduced-slide-object img{height:170px}}.reduced-light-hero{position:relative;width:100%;padding:25px;border-radius:12px;overflow:hidden}.reduced-light-hero>.gentle-light{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 60% 35%,#c8dcf5,#eff4fb 70%)}.reduced-light-hero>.scene-hero{position:relative;z-index:1}.feedback-rule{width:100%}.feedback-rule .feedback-submit:disabled{animation:rulePress .22s ease-out both}@keyframes rulePress{0%{transform:scale(.97)}to{transform:scale(1)}}.reduce .feedback-rule .feedback-submit{animation:none!important}.app:has(.stage[data-item="56"] .pointer-static) .inspector .control{display:none}.input-experience-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px 6px;width:100%}.input-experience-controls button{border:1px solid #bdcfe4;border-radius:8px;background:#fff;padding:10px 13px;min-height:42px;font-size:12px;color:#34537a}.input-experience-controls button[aria-pressed=true]{background:#e7f0ff;border-color:#246bfe;color:#246bfe}.input-experience-controls small{font-size:11px;color:#637087}.input-experience-controls button:disabled{opacity:.45}.core-footer,.lab-footer{flex-wrap:wrap}.pointer-core,.pointer-lab{-webkit-user-select:none;user-select:none}.app:has(.stage[data-item="30"] .pointer-core[data-static=false]) .inspector .control,.app:has(.pointer-lab:not(.pointer-static)) .inspector .control{display:block}.scroll-scenario.is-vertical .scene-pin-runway{height:auto}.scroll-scenario.is-vertical .scene-sticky{position:relative;height:auto;overflow:visible}.scroll-scenario.is-vertical .scene-horizontal{position:relative;flex-direction:column;width:100%;transform:none!important}.scroll-scenario.is-vertical .scene-horizontal article{width:100%}.app:has(.stage[data-item="23"] .is-vertical) .inspector .control{display:none}@media(max-width:850px){.app:not(.reduce):has(.stage[data-item="23"] .is-horizontal) .inspector .control{display:block}.app:not(.reduce) .stage[data-item="23"] .is-horizontal .scene-pin-runway{height:1100px}.app:not(.reduce) .stage[data-item="23"] .is-horizontal .scene-sticky{position:sticky;top:0;height:min(360px,var(--scroll-view,360px));overflow:hidden}.app:not(.reduce) .stage[data-item="23"] .is-horizontal .scene-horizontal{position:relative;display:flex;flex-direction:row;width:max-content;height:100%;transform:translate(var(--horizontal-x,0))!important}.app:not(.reduce) .stage[data-item="23"] .is-horizontal .scene-horizontal article{flex:0 0 calc(var(--horizontal-view,320px) - 36px);width:calc(var(--horizontal-view,320px) - 36px)}}.reduce .input-experience-controls button{opacity:.45}.choice-buttons button:disabled{opacity:.38;cursor:not-allowed}.prompt-panel{margin:22px 0;padding:18px;border:1px solid #dce5f0;border-radius:12px;background:#f8faff}.prompt-actions{display:flex;gap:10px;flex-wrap:wrap}.prompt-actions button{padding:11px 14px;min-height:42px;border:1px solid #c9d8ed;border-radius:8px;background:#fff;font-size:13px}.prompt-actions button.primary{background:var(--blue);color:#fff}.prompt-actions button:disabled{opacity:.4}.prompt-panel p{font-size:12px;color:#5e708b;line-height:1.6}.prompt-panel textarea{width:100%;min-height:144px;resize:vertical;font-size:13px;line-height:1.8;padding:14px;background:#fff;color:#26374c;border:1px solid #c9d8ed;border-radius:8px}.basic-scenario[data-scene^=M03] .scene-dialog[open]{animation:none;background:transparent;padding:0;overflow:visible;box-shadow:none}.basic-scenario[data-scene^=M03] .scene-dialog[open]>[data-motion]{padding:25px;background:#fff;border-radius:14px;box-shadow:0 18px 60px #14213c33}.basic-scenario[data-scene^=M03] .scene-dialog[open]::backdrop{animation:fade var(--delay) ease both}.basic-scenario[data-scene^=M05] .scene-dialog[open]{animation:none;background:transparent;padding:0;overflow:visible;box-shadow:none}.basic-scenario[data-scene^=M05] .scene-dialog[open]>[data-motion]{padding:25px;background:#fff;border-radius:14px;box-shadow:0 18px 60px #14213c33}.basic-scenario[data-scene^=M05] .scene-dialog[open]::backdrop{animation:fade .15s ease both}.basic-scenario[data-scene^=M02] .scene-dialog[open]{animation:none;background:transparent;padding:0;overflow:visible;box-shadow:none}.basic-scenario[data-scene^=M02] .scene-dialog[open]>[data-motion]{padding:25px;background:#fff;border-radius:14px;box-shadow:0 18px 60px #14213c33}.basic-scenario[data-scene^=M04] .scene-sidepanel{animation:none}.scene-scroll-window.pointer-input-window{overflow:hidden}.pointer-input-window .scene-pin-runway{height:100%}.pointer-input-window .scene-scroll-end{display:none}@media(max-width:850px){.stage[data-item="23"],.stage:has(.input-experience-controls){height:550px;min-height:550px}}.app:not(.reduce):has(.stage .pointer-core) .inspector .control,.app:not(.reduce):has(.stage .pointer-lab) .inspector .control{display:block}@media(max-width:850px){.pointer-lab .scene-cards img{height:65px}}@media(max-width:850px){.lab-reactive .lab-stable-copy:has(.scene-cards){padding:8px}}.reduced-rule{height:100%;min-height:0;display:flex;flex-direction:column}.reduced-rule>.rule-submodes{flex-shrink:0}.reduced-rule>:not(.rule-submodes){height:0;min-height:0;flex:1}@media(max-width:850px){.stage[data-item="55"],.stage[data-item="56"]{height:550px;min-height:550px;max-height:none}}.basic-scenario[data-scene^=M06] .scene-sidepanel,.basic-scenario[data-scene^=M08] .scene-sidepanel,.basic-scenario[data-scene^=M09] .scene-sidepanel{animation:none!important}.basic-scenario[data-scene^=M08][data-slide-variant="2"] .scene-sidepanel{left:0;right:auto;border-radius:12px 0 0 12px}.basic-scenario[data-scene^=M06] .scene-dialog[open],.basic-scenario[data-scene^=M09] .scene-dialog[open]{animation:none!important;opacity:1;transform:none}.basic-scenario .scene-dialog{width:min(450px,88vw)}.basic-scenario .scene-dialog>[data-motion]{display:block;text-align:center;margin:0}.basic-scenario .scene-dialog .scene-actions{justify-content:center}.basic-scenario .scene-browser-body:has(.scene-overlay){overflow:hidden}.basic-scenario[data-scene^=M08] .scene-steps>button{position:relative;z-index:2}.configured-reveal .scene-motion-text{flex-direction:column;align-items:flex-start}.configured-reveal .scene-text-line{display:flex;flex-wrap:wrap;align-items:baseline;width:100%}.configured-reveal .scene-text-clip{overflow:visible}.configured-reveal .scene-text-clip.clip-on{overflow:hidden}.configured-independent-reveal{display:flex;flex-direction:column;align-items:flex-start}.configured-independent-reveal .text-reveal-line{display:flex;flex-wrap:wrap;align-items:baseline;width:100%}.app:not(.reduce) .is-horizontal .scene-horizontal article{display:flex;flex-direction:column;height:100%;min-height:0}.app:not(.reduce) .is-horizontal .scene-horizontal article>img{flex:1 1 0;min-height:35px;max-height:150px;height:0;width:100%;object-fit:cover}.app:not(.reduce) .is-horizontal .scene-horizontal article h3{flex:none;font-size:18px;line-height:1.3;margin:8px 0 4px}.app:not(.reduce) .is-horizontal .scene-horizontal article p{flex:none;margin:0 0 8px;line-height:1.3;font-size:12px}.app:not(.reduce) .is-horizontal .scene-horizontal article button{flex:none;align-self:flex-start;min-height:24px;padding:0}.reading-native-window.horizontal.native-snap.snap-full-image>.reading-section{width:100%;flex-basis:100%;scroll-snap-align:start}.reading-native-window.horizontal.native-snap.snap-centered-cards{gap:16px}.reading-native-window.horizontal.native-snap.snap-centered-cards>.reading-section{width:84%;flex:0 0 84%;scroll-snap-align:center}.reading-native-window.horizontal.native-snap.snap-centered-cards>.reading-section:first-child{margin-left:8%}.reading-native-window.horizontal.native-snap.snap-centered-cards>.reading-section:last-child{margin-right:8%}.reading-native-window.horizontal.native-snap.snap-centered-cards{padding:0}.reading-native-window.horizontal.native-snap.snap-full-image{padding:0;gap:0}.feedback-success.highlight-once{animation:feedbackHighlight var(--feedback-duration) ease both}.reduce .feedback-success.highlight-once{animation:none!important}.feedback-confirm.shake-once,.feedback-files.shake-once{animation:feedbackFieldShake var(--feedback-duration) ease both}.reduce .feedback-confirm.shake-once,.reduce .feedback-files.shake-once{animation:none!important}.nav-layer{padding:18px 0 4px;font-size:12px;color:#637087}.source-location{font-size:12px;color:#637087}.trigger-source .item-header h2{font-size:23px}.trigger-source .choice-buttons{gap:7px}.trigger-source .choice-buttons button{font-size:12px}.trigger-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:20px 0}.trigger-controls label{display:flex;gap:7px;align-items:center;font-size:12px}.trigger-controls input{width:80px;border:1px solid #c9d8ed;padding:7px;border-radius:6px}.trigger-controls>button{border:1px solid #c9d8ed;padding:8px;border-radius:6px}.source-trigger-stage{min-height:330px;background:#f5f8fd;border:1px solid #e5ebf5;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:20px;overflow:hidden}.source-trigger-stage output{font-size:12px;color:#637087}.hover-sensing{padding:50px;max-width:100%}.source-hover-card{position:relative;width:270px;max-width:100%;background:#fff;border-radius:10px;display:flex;flex-direction:column;gap:0;padding:0;transition:transform var(--trigger-duration),box-shadow var(--trigger-duration)}.source-hover-image{position:relative;width:100%;height:160px;overflow:hidden;border-radius:10px 10px 0 0}.source-hover-image img{width:100%;height:100%;object-fit:cover}.source-hover-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#18325666;opacity:0;transition:opacity var(--trigger-duration)}.source-hover-title{padding:18px;position:relative}.source-hover-arrow{display:inline-block;opacity:0;transform:translate(-8px);transition:opacity var(--trigger-duration),transform var(--trigger-duration)}.source-hover-reveal{height:0;overflow:hidden;opacity:0;transition:height var(--trigger-duration),opacity var(--trigger-duration)}.source-hover-card.is-active.hover-combination--1,.source-hover-card.is-active.hover-combination-1{transform:translateY(-8px);box-shadow:0 18px 32px #123a6926}.source-hover-card.is-active.hover-combination--1 .source-hover-mask,.source-hover-card.is-active.hover-combination-0 .source-hover-mask{opacity:1}.source-hover-card.is-active .source-hover-arrow{opacity:1;transform:none}.source-hover-card.is-active.hover-combination-0 .source-hover-reveal{height:32px;opacity:1}.hover-combination-3 .source-hover-title:after{content:"";position:absolute;bottom:12px;height:2px;left:18px;right:18px;background:#246bfe;transform:scaleX(0);transform-origin:left;transition:transform var(--trigger-duration)}.is-active.hover-combination-3 .source-hover-title:after{transform:scaleX(1)}.is-active.hover-combination-4{transform:perspective(700px) rotateX(calc(var(--py)*-7deg)) rotateY(calc(var(--px)*7deg))}.is-active.hover-combination-5 .source-hover-title{transform:translate(calc(var(--px)*14px),calc(var(--py)*14px));transition:transform var(--trigger-duration)}.source-focus-box{padding:25px;border:2px solid transparent;border-radius:12px;display:flex;flex-wrap:wrap;gap:22px;align-items:center}.source-focus-box button,.source-focus-box input{border:1px solid #bfd0e9;border-radius:6px;padding:10px}.source-focus-box label{display:grid;gap:8px}.focus-mode-0 :focus{outline:3px solid #82acff}.focus-mode-1 :focus:not(:focus-visible){outline:none}.focus-mode-2:focus-within{border-color:#246bfe;background:#edf3ff}.source-press{padding:16px 25px;background:#246bfe;color:#fff;border-radius:9px;transition-property:transform;touch-action:pan-y}.source-press.is-pressed{transform:scale(.94)}.source-press[aria-pressed=true]{background:#1642a0}.source-press-menu{background:#fff;border:1px solid #c9d8ed;border-radius:10px;padding:10px;display:flex;gap:15px}.source-pointer-card{width:100%;min-height:230px;position:relative;background:#fff;border:1px solid #c9d8ed;border-radius:12px;overflow:hidden;padding:45px 25px;isolation:isolate}.source-pointer-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle 110px at var(--light-x) var(--light-y),#70a2ff80,transparent);opacity:var(--light-power);transition:opacity var(--trigger-duration)}.source-pointer-card h3,.source-pointer-card p{position:relative}.source-view-scroll{height:330px;overflow:auto;width:100%;border:1px solid #dae3f1;border-radius:9px;background:#fff}.source-view-spacer{height:350px;display:grid;place-items:center;color:#637087}.source-feature-card{height:180px;margin:20px;padding:28px;background:#edf3ff;opacity:.25;transform:translateY(18px);transition:opacity var(--trigger-duration),transform var(--trigger-duration)}.source-feature-card.is-active{opacity:1;transform:none}.trigger-evidence{margin:24px 0;color:#637087;font-size:13px;line-height:1.8}.reduce .source-hover-card,.reduce .source-hover-title{transform:none!important}@media(max-width:850px){.source-trigger-stage{padding:12px}.hover-sensing{padding:35px 16px}.source-focus-box{padding:12px;gap:16px}.trigger-source .item-header h2{font-size:19px}.trigger-source .number{width:42px;height:50px}}.source-focus-box{transition-property:border-color,background-color}.source-pointer-glow{width:220px;height:220px;inset:auto;left:var(--light-x);top:var(--light-y);transform:translate(-50%,-50%);background:radial-gradient(circle,#70a2ff80,transparent 70%);transition:opacity var(--trigger-duration),left var(--position-duration),top var(--position-duration)}.source-hover-image .hover-swap-image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--trigger-duration)}.is-active .source-hover-image .hover-swap-image{opacity:1}.source-feature-card{transform:translateY(var(--entry-y,18px))}.source-feature-card.is-active{transform:none}a.source-hover-card{text-decoration:none}.hover-combination--1 .source-hover-title{opacity:0;transition:opacity var(--trigger-duration)}.hover-combination--1.is-active .source-hover-title{opacity:1}.hover-combination-5 .source-hover-title{transition:transform var(--trigger-duration);transform:translate(0)}.source-pointer-image{width:170px;height:95px;object-fit:cover;display:block;margin-bottom:15px;transition:transform var(--trigger-duration),opacity var(--trigger-duration)}.pointer-mode-3 .source-pointer-image{opacity:0;transform:translate(var(--direction-x),var(--direction-y))}.pointer-mode-3.is-active .source-pointer-image{opacity:1;transform:none}.pointer-mode-4 .source-pointer-image{transform:scaleX(var(--speed-stretch));transform-origin:center}.reduce .source-pointer-image{transform:none!important;opacity:1!important}.pointer-mode-3.is-active .source-pointer-image{animation:sourceDirection var(--trigger-duration) ease-out both}@keyframes sourceDirection{0%{opacity:0;transform:translate(var(--direction-x),var(--direction-y))}to{opacity:1;transform:translate(0)}}.reduce .pointer-mode-3.is-active .source-pointer-image{animation:none}.source-feature-card.direction-mode.is-active{animation:sourceViewDirection var(--trigger-duration) ease-out both}@keyframes sourceViewDirection{0%{opacity:.25;transform:translateY(var(--entry-y))}to{opacity:1;transform:none}}.reduce .source-feature-card.direction-mode{animation:none!important}@media(hover:none),(pointer:coarse){.source-pointer-card:not(.precise-input) .source-pointer-image{opacity:1!important;transform:none!important;animation:none!important}.source-pointer-card:not(.precise-input) .source-pointer-glow{display:none}}.source-pointer-card:focus-visible .source-pointer-image{opacity:1;transform:none;animation:none}@media(hover:none),(pointer:coarse){.hover-combination-4,.hover-combination-5 .source-hover-title{transform:none!important}.hover-combination-4:active,.hover-combination-5:active{scale:.98;transition:scale 70ms}.reduce .hover-combination-4:active,.reduce .hover-combination-5:active{scale:1}}.trigger-product-scroll{width:100%;height:360px;overflow:auto;background:#fff;border:1px solid #d7e2f1;border-radius:10px}.trigger-product-runway{height:1050px;position:relative}.trigger-product-view{height:320px;padding:12px;position:sticky;top:0;background:#fff}.trigger-product-view .three-object{height:245px;width:100%;min-height:0}.trigger-product-view p{text-align:center;font-size:13px}.trigger-product-view progress{width:100%;height:6px;position:absolute;top:0;left:0;z-index:2}.trigger-after-pin{min-height:300px;padding:30px;background:#edf3ff}.gesture-boundary{height:310px;width:100%;overflow:hidden;position:relative;background:#fff;border:1px solid #c9d8ed;border-radius:10px;display:flex;align-items:center;justify-content:center}.gesture-boundary img{width:200px;height:140px;object-fit:cover;border-radius:8px;-webkit-user-select:none;user-select:none}.source-trigger-stage .trigger-actions button{padding:8px;border:1px solid #c9d8ed;border-radius:6px}.load-trigger-panel{width:100%;min-height:230px;display:grid;place-items:center;background:#fff;border-radius:9px;overflow:hidden}.load-trigger-container{width:100%;padding:25px;animation:sourceLoadContainer var(--trigger-duration) ease-out both}.load-trigger-content{opacity:0}.phase-content .load-trigger-content{opacity:1;animation:sourceLoadContent var(--trigger-duration) ease-out both}.phase-exit .load-trigger-container{animation:sourceLoadExit calc(var(--trigger-duration)*.55) ease-in both}.load-trigger-cards{display:flex;gap:10px;flex-wrap:wrap}.load-trigger-cards span{padding:20px;background:#edf3ff;border-radius:8px}.phase-content .load-trigger-cards span{animation:sourceLoadContent var(--trigger-duration) ease-out both}.phase-content .load-trigger-cards span:nth-child(2){animation-delay:80ms}.phase-content .load-trigger-cards span:nth-child(3){animation-delay:.16s}@keyframes sourceLoadContainer{0%{opacity:0}to{opacity:1}}@keyframes sourceLoadContent{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes sourceLoadExit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px)}}.state-trigger button{padding:13px 22px;border:1px solid #bad0ef;border-radius:8px;background:#fff;transition:background var(--trigger-duration),color var(--trigger-duration)}.state-trigger button.is-selected{background:#246bfe;color:#fff}.state-trigger form{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.state-trigger label{display:grid;gap:9px}.state-trigger input{padding:10px;border:1px solid #c9d8ed;border-radius:6px;max-width:100%}.state-disclosure{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--trigger-duration);width:100%}.state-disclosure>div{overflow:hidden}.state-disclosure.is-open{grid-template-rows:1fr}.state-message{animation:sourceLoadContent var(--trigger-duration) ease-out both}.source-switch{display:inline-block;width:43px;height:24px;border-radius:20px;background:#ccd7e7;position:relative;transition:background var(--trigger-duration)}.source-switch:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform var(--trigger-duration)}.source-switch.is-on{background:#246bfe}.source-switch.is-on:after{transform:translate(19px)}.timer-animation{width:230px;max-width:100%;border-radius:10px;overflow:hidden;background:#fff}.timer-animation img{width:100%;height:150px;object-fit:cover}.timer-animation span{display:block;padding:15px}.timer-trigger>button{padding:10px;border:1px solid #c9d8ed;border-radius:8px}@keyframes sourceTimer{0%{opacity:0;transform:translate(35px)}to{opacity:1;transform:none}}.reduce .load-trigger-content{opacity:1}.reduce .phase-content .load-trigger-cards span{animation-delay:0ms}.trigger-reading-progress{display:block;width:100%;height:6px;position:sticky;top:0;z-index:3}.phase-exit .load-trigger-content{opacity:1}.load-data-image{width:200px;max-width:100%;height:120px;margin-bottom:15px;border-radius:8px;overflow:hidden}.load-data-image img,.load-data-image>span{display:block;width:100%;height:100%;object-fit:cover;background:#dfe7f2}.load-data-image img{animation:sourceLoadContainer var(--trigger-duration) ease-out both}.phase-loading .load-trigger-content{opacity:1}.loading-content h3,.loading-content .load-trigger-cards span{color:transparent;background:#dfe7f2;border-radius:6px}.load-trigger-container{background:#f0f5fc;border:1px solid #cedef4;border-radius:8px;min-height:200px}.state-trigger .state-message{min-height:22px}.source-combinations>h2{font-size:28px}.combination-stage{background:#f5f8fd;border:1px solid #e3eaf5;border-radius:12px;padding:20px;min-height:340px}.combo-intent{font-size:13px;color:#637087;line-height:1.8}.source-combinations>a{font-size:12px}.combo-intro h3{font-size:27px;line-height:1.45;margin:12px 0}.combo-intro h3 span{display:block;animation:comboLine var(--combo-duration) ease-out both}.combo-intro-description{animation:sourceLoadContainer var(--combo-duration) ease-out both;color:#637087}.combo-three-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.combo-three-cards article{background:#fff;border:1px solid #e0e8f4;border-radius:9px;overflow:hidden}.combo-three-cards img{display:block;width:100%;height:100px;object-fit:cover}.combo-three-cards h4{margin:16px;font-size:14px}.combo-intro .combo-three-cards article{animation:sourceLoadContent var(--combo-duration) ease-out both}@keyframes comboLine{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.combo-scroll{height:360px;overflow:auto;border:1px solid #d4dfef;background:#fff;border-radius:8px}.combo-parallax-runway{height:950px}.combo-parallax-view{height:360px;position:sticky;top:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.combo-parallax-view>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.combo-parallax-foreground{position:relative;background:#ffffffdc;padding:25px;max-width:85%;border-radius:10px}.combo-after{min-height:200px;padding:35px}.combo-spacer{height:240px;margin:0;display:grid;place-items:center;color:#637087}.combo-reveal-scroll>.combo-three-cards{padding:18px}.combo-enter-card{opacity:0}.combo-enter-card.is-visible{animation:sourceLoadContent var(--combo-duration) ease-out both}.combo-enter-card article{transition:transform .18s ease-out}.combo-magnetic{height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px}.combo-magnet-anchor{position:relative}.combo-magnetic output{font-size:12px;color:#637087}.combo-product .shared-view{min-height:280px}.combo-product-actions{display:flex;flex-direction:column;gap:12px}.combo-product-actions .compact-overlay{min-height:0;background:none;padding:0}.combo-product-actions .compact-overlay>.overlay-trigger{margin:0}.combo-cart-content img{max-width:100%;width:230px;max-height:180px;object-fit:contain}.combo-toast{padding:12px 16px;border-radius:8px;background:#e8f4ee;color:#225b3b;animation:sourceLoadContainer var(--combo-duration) ease-out both}.reduce .combo-intro *,.reduce .combo-enter-card{animation-delay:0ms!important}.reduce .combo-enter-card.is-visible{opacity:1}.reduce .combo-enter-card article{transform:none!important}@media(max-width:850px){.combination-stage{padding:12px}.combo-three-cards{grid-template-columns:1fr}.combo-three-cards img{height:135px}.combo-reveal-scroll .combo-enter-card article{transform:none!important}.combo-magnetic button:active{scale:.97}}@media(hover:none),(pointer:coarse){.combo-magnetic button{transform:none!important}.combo-magnetic button:active{scale:.97}.combo-enter-card article{transform:none!important}}.combo-spacer{height:400px}.combo-replay{padding:10px 0;color:#246bfe}@media(max-width:850px){.combo-intro .combo-three-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.combo-intro .combo-three-cards img{height:80px}.combo-intro .combo-three-cards h4{font-size:12px;margin:10px}}.combo-toast{position:fixed;left:50%;bottom:20px;max-width:calc(100vw - 32px);margin:0;z-index:1200;transform:translate(-50%);animation:comboToastIn .18s ease-out both;pointer-events:none}@keyframes comboToastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes comboFadeOut{0%{opacity:1}to{opacity:0}}.combo-toast.is-reduced{animation-name:sourceLoadContainer;animation-duration:.12s!important}.reduce .shared-dialog.combo-reduced-fade::backdrop{animation:sourceLoadContainer .12s linear both;animation-duration:.12s!important}.reduce .shared-dialog.combo-reduced-fade.closing::backdrop{animation-name:comboFadeOut}.reduce .surface-overlay.combo-reduced-fade::backdrop{animation-duration:.12s!important}.reduce .surface-overlay.combo-reduced-fade.is-drawer .surface-overlay-panel{transform:none!important;animation:sourceLoadContainer .12s linear both!important}.reduce .surface-overlay.combo-reduced-fade.is-drawer.closing .surface-overlay-panel{animation-name:comboFadeOut!important}.reduce .combo-magnetic button:active{scale:1}.source-step-sequence{list-style:none;padding:0;margin:20px;display:grid;gap:16px}.source-step-sequence>li{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #dce5f0;border-radius:10px;padding:16px}.source-step-sequence>li>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#edf3ff;color:#246bfe}.source-step-sequence h3{font-size:16px;margin:0 0 6px}.source-step-sequence p{font-size:12px;color:#637087;margin:0}.source-stagger-heading .source-granularity{display:flex;gap:6px;justify-content:center;margin:12px 0}.source-granularity button{border:1px solid #dce5f0;border-radius:7px;padding:8px 12px;font-size:12px;background:#fff}.source-granularity button[aria-pressed=true]{background:#edf3ff;color:#246bfe;border-color:#82acff}.source-title-line{display:block}.source-title-line>[data-stagger-unit]{display:inline-block}.source-stagger-heading h3{font-size:30px;line-height:1.5}.source-prompt-pending{font-size:12px;color:#637087;padding:8px 0}.source-step-panel{padding:32px 20px;background:#fff;border:1px solid #dce5f0;border-radius:10px;min-height:160px}.source-step-panel h3{font-size:22px}.source-step-panel p{font-size:14px;color:#637087}.character-keyword{display:inline-flex;gap:0;margin-right:.3em;white-space:nowrap}.character-rest>span{display:block}.text-scene-chinese .scene-motion-text{gap:.3em 0;font-size:36px}.source-normal-parallax{position:relative;height:900px;overflow:hidden;background:#eaf1f8}.source-normal-parallax>.source-normal-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0}.source-normal-middle{position:absolute;top:85px;right:12%;width:140px;height:140px;border:22px solid #ffffff55;border-radius:50%}.source-normal-foreground{position:relative;padding:145px 28px 0;z-index:1;color:#173149}.source-normal-foreground h3{font-size:36px;line-height:1.3;max-width:360px;text-shadow:0 1px 10px white}.source-normal-foreground p{font-size:14px}.source-normal-after{min-height:220px;padding:30px;background:#fff}.source-normal-after p{font-size:14px;color:#637087}.core-magnet{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.lab-robots{cursor:default}.lab-robots.can-blink{cursor:pointer}.lab-login-context input{width:100%;border:1px solid #ccd9e8;border-radius:8px;padding:10px;margin-top:12px}.lab-login-context small{font-size:11px;color:#637087}.reduce .scenario-demo .reduced-slide-object.quiet{transition-duration:.15s!important}.trigger-controls .value-slider{display:grid;gap:8px;min-width:190px;flex:1;max-width:360px}.value-slider>span{display:flex;justify-content:space-between;gap:12px;align-items:center}.value-slider output{font-variant-numeric:tabular-nums;white-space:nowrap;color:#246bfe}.trigger-controls .value-slider input[type=range]{width:100%;min-width:0;accent-color:#246bfe;padding:0;height:24px;border:0}.usage-guide{background:#f0f5ff;border-radius:9px;padding:10px 14px;margin:12px 0;color:#465570;font-size:13px;line-height:1.65}.usage-guide p{margin:3px 0}.usage-guide b{display:inline-block;margin-right:10px;color:#203354}.usage-guide .usage-mode{font-size:12px;color:#5a6980;margin-top:6px}@media(max-width:650px){.trigger-controls .value-slider{max-width:none;flex-basis:100%}.usage-guide b{display:block;margin-right:0}.usage-guide{padding:10px 12px}}.preset-input{display:grid;gap:12px;max-width:100%}.preset-input>[role=group]{display:flex;gap:8px;flex-wrap:wrap}.preset-input button[aria-pressed=true]{background:#e7efff;border-color:#246bfe;color:#174cae}.state-trigger form{max-width:100%}.control .numeric{border:0;background:transparent;padding:0;min-width:0;color:#246bfe}.control .numeric output{font-variant-numeric:tabular-nums;white-space:nowrap}.basic-drawer button[aria-pressed=true],.basic-9 .stagger-list button[aria-pressed=true]{background:#dbe8ff;color:#174cae}.lab-trail-pad{flex:0 0 auto;background:#eef4fc;border:1px dashed #c4d5ec;border-radius:12px;margin-bottom:12px}.pointer-lab-34 .lab-trail-context{overflow:auto;justify-content:flex-start}.pointer-lab-34 .lab-trail-context>img{flex-shrink:0;max-height:180px}.app.reduce:has(.stage[data-item="32"]) .inspector .control{display:block}.lab-robot>img{aspect-ratio:1;object-fit:contain}.content-carousel-controls{flex-wrap:wrap}.content-carousel-controls button{white-space:nowrap}.content-toasts.is-stacked{padding-bottom:230px}.content-toasts.is-stacked>img{height:100px}.content-toasts.is-stacked h3{font-size:20px;margin:8px 0}.content-toasts.is-stacked>p{margin:6px 0 12px}@media(max-width:850px){.stage:has(.content-toasts.is-stacked){height:550px;min-height:550px;max-height:none}}.feedback-presets{display:flex;gap:8px;flex-wrap:wrap}.feedback-presets button{padding:8px 12px;border:1px solid #c9d8ed;border-radius:7px;background:#fff}.original-prompt-panel{margin:24px 0}.original-prompt-panel details>summary{cursor:pointer;font-weight:600;padding:12px 0}.original-prompt-panel textarea{width:100%;min-height:180px;resize:vertical;white-space:pre-wrap;font:inherit;line-height:1.7;padding:14px;border:1px solid #d5dfef;border-radius:9px}.original-prompt-panel .prompt-match-note{font-size:13px;line-height:1.7;color:#60718b}.original-prompt-panel .prompt-actions{display:flex;gap:10px;flex-wrap:wrap}.basic-card-row.original-six-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.basic-card-row.original-six-cards>div{width:auto}.original-six-cards .travel img{height:90px}.original-six-cards .travel-caption{padding:12px}.original-six-cards .travel-caption b{font-size:13px}.original-six-cards .travel-caption small{display:none}@media(max-width:850px){.basic-card-row.original-six-cards{gap:7px}.original-six-cards .travel img{height:68px}.original-six-cards .travel-caption{padding:7px}.original-six-cards .travel-caption b{font-size:11px}}.source-press-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center}.pointer-mode-4 .source-pointer-image{transition-duration:var(--velocity-duration)}.source-view-frame{position:relative;width:100%}.source-view-boundary{position:absolute;top:110px;bottom:110px;left:0;right:0;border-block:1px dashed #7793bb;pointer-events:none}.source-view-boundary span{position:absolute;right:8px;top:3px;font-size:10px;color:#637087;background:#fff9}.source-feature-slot{height:180px;margin:20px}.source-feature-slot>.source-feature-card{height:100%;margin:0}.source-pointer-image-slot{width:170px;height:95px;margin-bottom:15px;overflow:hidden}.source-pointer-image-slot>.source-pointer-image{margin-bottom:0}.trigger-product-view .three-object>img{width:100%;height:100%;object-fit:contain;display:block}.basic-1>[data-motion]>.travel,.basic-5>[data-motion]>.travel{width:280px;max-width:65%}.stage[data-item="1"] .scenario-oscillate .scene-cta>[data-motion]{width:300px;max-width:65%;margin-inline:auto}.stage[data-item="1"] .scenario-oscillate .scene-cta>[data-motion] img{width:100%}.basic-demo{padding-bottom:64px}.basic-demo>.demo-action{bottom:8px}.basic-3[data-variant="2"] .travel>img{height:clamp(130px,25vh,200px)}.scene-crossfade:has(.scene-player-info)>img{height:clamp(120px,22vh,175px)}.scene-player-info{margin:8px 0;min-height:43px}.scenario-chapter[data-slide-variant] .scene-heading-slot{overflow:hidden;margin:12px 0}.scenario-chapter[data-slide-variant] .scene-heading-slot h3{margin:0}.basic-demo>.basic-drawer{display:block;width:min(290px,80%);bottom:64px;overflow:auto}.source-step-window{overflow:hidden}.basic-8>.basic-slide-window{width:100%;height:100%;overflow:hidden;display:grid;place-items:center}.basic-8>.basic-slide-window>[data-motion]{display:flex;justify-content:center;width:100%}.basic-scenario[data-scene^=M10] .scene-image>img{height:clamp(120px,20vh,160px);object-fit:cover}.basic-demo.basic-13>.wipe-preview{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:100%;max-height:none;gap:12px;overflow:hidden}.wipe-preview>.wipe-content{position:relative;min-height:0;flex:1;overflow:hidden;border-radius:15px}.wipe-content>.travel{width:100%;max-width:100%;height:100%;display:flex;flex-direction:column}.wipe-content>.travel>img{width:100%;height:0;min-height:0;flex:1;object-fit:cover}.wipe-content>.travel>.travel-caption{flex:none;padding:18px 24px;height:90px}.wipe-preview>.wipe-controls{position:static;flex:none;min-height:48px}.text-scenario.configured-reveal.text-scene-chapter .scene-cover{height:clamp(120px,20vh,160px);object-fit:cover;display:block}.text-scenario[data-scene^=M15] .scene-motion-text{margin-bottom:1.7em}.text-demo.type-text{display:block;width:90%;line-height:1.5;overflow-wrap:anywhere}.type-text .type-tail{white-space:nowrap}.pointer-input-window .scene-sticky{height:var(--scroll-view)}.scene-layered{display:block;width:100%}.scene-layer-model .three-surface>svg{background:transparent!important}.scene-scroll-window.is-preparing-images{overflow:hidden}.scene-image-preparation{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;padding:24px;background:#f6f7faf2;color:#637087;text-align:center;font-size:14px}.layer-mountains{overflow:visible}.scroll-scenario[data-scene^=M22] .scene-sticky{height:var(--scroll-view)}.scene-gallery-preview{display:flex;flex-direction:column;gap:12px}.scene-gallery-preview>img{flex:1;min-height:0;height:0;max-height:none;object-fit:contain}.scene-gallery-preview>button{flex:none}.scene-scroll-shell{display:contents}.scene-scroll-shell.gallery-preview-shell{display:flex;flex:1;min-height:0;position:relative}.gallery-preview-shell>.scene-scroll-window{width:100%;height:100%;min-height:0}.gallery-preview-shell>.scene-gallery-preview{border-radius:12px}.scene-zoom-subject.scene-zoom-map{width:100%;height:calc(100% - 65px)}.scene-zoom-map .map-visual{width:100%;height:100%;display:flex;flex-direction:column}.scene-zoom-map .map-visual svg{flex:1;min-height:0;height:0;width:100%}.scene-zoom-map .map-visual small{flex:none;margin-top:8px}.scroll-scenario[data-scene^=M24] .scene-sticky,.scroll-scenario[data-scene^=M25] .scene-sticky{height:var(--scroll-view)}.scene-image-preparation.sequence-preparation{inset:12px 12px auto;padding:8px 12px;background:#ffffffe8;border-radius:6px;font-size:12px;pointer-events:none}.scroll-scenario[data-scene^="M26.S"] .scene-sticky{height:var(--scroll-view)}.stage[data-item="30"]{height:560px;min-height:560px}.pointer-core-30{justify-content:center;padding:48px 24px 86px}.pointer-core-30 .tilt-anchor{width:280px;max-width:70%;flex:none;perspective:none}.pointer-core-30 .core-card-photo{height:160px}.pointer-core-30 .core-footer{position:absolute;left:24px;right:24px;bottom:20px;width:auto;margin:0}@media(max-width:850px){.stage[data-item="30"]{height:510px;min-height:510px}.pointer-core-30{padding:52px 20px 82px}.pointer-core-30 .tilt-anchor{max-width:70%}.pointer-core-30 .core-footer{left:20px;right:20px}}.pointer-core-30[data-scene="M30.S03"] .core-card-photo{object-fit:contain;background:#fff}.lab-cursor-label{display:inline-block;white-space:nowrap;padding:2px 4px;border-radius:4px;background:#fff;color:#1654c9;box-shadow:0 1px 4px #13243a26;line-height:1.25;pointer-events:none}.pointer-lab-31 .lab-drag-track{padding-inline:80px}.pointer-lab .scene-card>img{object-fit:cover}.pointer-lab-35 .lab-creative-tool>img{height:160px;display:block;object-fit:cover}.model-follow>.three-object .three-surface,.model-follow>.three-object .three-surface>svg{width:100%;height:100%;display:block}.model-follow>.three-object>img{width:100%;height:100%;object-fit:contain}.content-tab-row.pill{background:transparent;bottom:auto;height:auto}.content-tabs .content-swap>.swap-new,.content-tabs .content-swap>.swap-old{display:flow-root}.content-carousel .carousel-preparing{position:absolute;bottom:7px;left:18px;right:18px;margin:0;font-size:12px;color:#59677d;text-align:center}.stage:has(>.content-skeleton .sk-products){height:auto;max-height:none}.content-skeleton:has(.sk-products){height:auto}.stage:has(>.task-indicator){height:auto;max-height:none}.task-indicator{height:auto}.task-indicator[data-status=busy] .task-actions>.primary:disabled{opacity:1;color:#fff}.task-spinner{display:inline-block;flex:0 0 auto;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;box-sizing:border-box}.stage:has(>.result-feedback){height:auto;max-height:none}.result-feedback{height:auto}.result-feedback[data-status=busy] .feedback-submit:disabled{opacity:1;color:#fff}.stage:has(>.layout-list){height:auto;max-height:none}.layout-list{height:auto}.shared-view.music .shared-source{display:grid;grid-template-columns:65px minmax(0,1fr);align-items:center;gap:12px}.shared-view.music .shared-source>img{grid-column:1;grid-row:1}.shared-view.music .shared-source>h3{grid-column:1/-1;grid-row:2;min-width:0}.shared-view.music .shared-source>svg{grid-column:2;grid-row:1;justify-self:end}.shared-image-status{display:block;grid-column:1/-1;font-size:12px;line-height:1.6;margin-top:8px;color:#52647a}.stage:has(>.feedback-rule){height:auto;max-height:none}.affordance-button:active{transition-duration:0ms}.reduce .affordance-button:active{transform:none}.stage:has(>.affordance-rule){height:auto;max-height:none}.affordance-button{transition-property:background-color}.focus-rule[data-phase=busy]>.primary:disabled{opacity:1;color:#fff}.content-carousel .carousel-status-slot{min-height:24px;margin-top:8px}.content-carousel .carousel-preparing{position:static;margin:0;font-size:12px;color:#59677d;text-align:center}.stage:has(.content-carousel){height:auto;max-height:none}.pointer-lab .lab-context .scene-product img{object-fit:cover}@media(min-width:851px)and (max-width:1150px){.app{grid-template-columns:220px minmax(0,1fr)}.directory{grid-column:1;grid-row:1 / 3}.app>main{grid-column:2;grid-row:1}.inspector{grid-column:2;grid-row:2;position:static;height:auto;border-left:0;border-top:1px solid var(--line)}.inspector .implementation{max-width:none}}.preview-subject{margin:0 0 12px;color:#536176;font-size:14px}.basic-scenario .scene-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr))}.scene-card{min-width:0}.scene-card b{font-size:14px}.scene-card small{font-size:12px;line-height:1.4}.scene-card>span{overflow-wrap:anywhere}.stage[data-item="1"] .travel{width:280px;max-width:100%;margin-inline:auto}.stage[data-item="1"] .travel>img{height:auto;aspect-ratio:3 / 2;object-fit:cover}.stage[data-item="1"] .travel-caption{padding:14px 18px 16px}.stage[data-item="1"] .travel-caption b{font-size:20px}.stage[data-item="1"] .travel-caption small{font-size:12px;letter-spacing:1.5px}.stage[data-item="1"] .scene-motion-card,.stage[data-item="1"] .scenario-exit .scene-cta>[data-motion],.stage[data-item="1"] .scenario-oscillate .scene-cta>[data-motion]{width:280px;max-width:calc(100% - 64px);margin:12px auto 20px}.stage:has(>.page-motion),.stage:has(>.content-skeleton){height:auto;max-height:none;min-height:410px}.stage>.page-motion,.stage>.content-skeleton{height:auto;min-height:410px}.stage>.page-motion .page-navigation{flex:none;flex-wrap:wrap}.stage>.page-motion .page-motion-window{flex:none}.inspector #prompt-sidebar{min-width:0}.inspector .original-prompt-panel{margin:20px 0 0;padding:16px;min-width:0}.inspector .original-prompt-panel .prompt-actions{display:grid;grid-template-columns:minmax(0,1fr)}.inspector .original-prompt-panel button{max-width:100%;white-space:normal;font-size:14px;line-height:1.5}.inspector .original-prompt-panel summary{font-size:14px;line-height:1.6}.inspector .original-prompt-panel textarea{display:block;min-width:0;min-height:220px;font-size:14px;line-height:1.7;padding:12px}.inspector .original-prompt-panel p{overflow-wrap:anywhere}.brand{display:block;margin-bottom:22px}.source-credit{margin-top:14px}.source-credit .author{display:flex;flex-direction:row;gap:10px;margin:0;font-size:14px;color:#27364c}.source-credit .author img{width:34px;height:34px}.source-credit .author span,.mobile-author span{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.source-credit .author small,.mobile-author small{font-size:12px;font-weight:400;color:#637087;line-height:1.4}.source-credit .author strong,.mobile-author strong{font-size:14px;font-weight:600;line-height:1.4}.source-credit p{font-size:12px;line-height:1.6;color:#637087;margin:10px 0 0}.mobile-source-note{display:none}@media(max-width:850px){.mobile-bar{gap:12px;margin-bottom:10px}.mobile-author{font-size:14px;gap:7px}.mobile-source-note{display:block;margin:0 0 22px;font-size:12px;line-height:1.7;color:#637087}}.inspector .verified-technology{margin:22px 0 26px;padding-bottom:20px}.inspector .verified-technology h3{font-size:14px;margin:0 0 16px}.inspector .verified-technology .technology-group{display:block;background:none;padding:0;margin:0 0 14px;border-radius:0}.inspector .verified-technology .technology-group:last-child{margin-bottom:0}.technology-group h4{font-size:12px;font-weight:500;line-height:1.5;color:#637087;margin:0 0 7px}.technology-badges{display:flex;flex-wrap:wrap;gap:7px}.technology-badges>span{display:inline-block;max-width:100%;padding:5px 8px;border-radius:5px;background:#edf3ff;color:#245dcc;font-size:14px;line-height:1.5;overflow-wrap:anywhere}