/* Unified UI previews. No styles target the real product demo of older releases. */
.product-card>.lfm-preview{height:215px;padding:16px;position:relative;box-sizing:border-box;background:#0b0918;border-bottom:1px solid #ffffff12;overflow:hidden;pointer-events:none;color:#fff;font-family:Arial,sans-serif;isolation:isolate}.lfm-preview:before,.lfm-demo:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:24px 24px;z-index:-1}.lfm-head{display:flex;align-items:center;gap:7px;height:20px;margin-bottom:13px;font:9px/1.3 monospace;letter-spacing:1.3px;color:#ffffffb0}.lfm-head i{width:5px;height:5px;background:#49ffad;border-radius:50%}.lfm-head>span:last-child{margin-left:auto;color:#ffffff65}.lfm-stage{height:149px;border:1px solid #ffffff20;border-radius:12px;padding:14px;background:#151221;position:relative;overflow:hidden;box-sizing:border-box;color:#fff;font:12px/1.4 Arial,sans-serif}.lfm-stage *{box-sizing:border-box}.lfm-stage p{color:#fff!important;font-size:11px!important;line-height:1.5!important;min-height:0!important;margin:8px 0!important}.lfm-stage strong{color:#49ffad;font-size:13px;font-weight:500}.lfm-stage button{font-family:inherit}.lfm-stage svg{width:32px;height:32px;flex:none;color:#49ffad}.lfm-stage small{color:#ffffffa0;font-size:9px}.lfm-stage .lfm-button{font-size:10px;color:#fff!important;border:1px solid #ffffff55!important;background:transparent!important;padding:7px 11px;border-radius:7px;cursor:pointer;margin-right:6px;margin-top:8px;max-width:100%}.lfm-stage .lfm-button:hover{border-color:#49ffad!important}.lfm-stage .lfm-close{position:absolute;right:8px;top:5px;background:none;border:0;color:#fff;font-size:21px;cursor:pointer}.lfm-row{display:flex;align-items:center;gap:10px;border:1px solid #ffffff20;border-radius:7px;padding:8px;margin-top:8px}.lfm-art{display:grid;place-items:center;height:61px;border:1px solid #49ffad22;background:#49ffad08;border-radius:7px;margin-bottom:6px}.lfm-product{flex:0 0 96px;min-width:0;color:#fff;font-size:10px}.lfm-product>span,.lfm-product small{display:block}.lfm-track{display:flex;gap:12px;width:200%;height:100%;animation:lfm-slide 8s ease-in-out infinite alternate}.lfm-wishlist{padding:11px;max-width:100%;animation:lfm-breathe 6s ease infinite}.lfm-wishlist strong{color:inherit}.lfm-wishlist .lfm-row{margin-top:9px}.lfm-cursor{position:absolute;left:65%;top:65%;width:10px;height:15px;background:#fff;clip-path:polygon(0 0,100% 65%,45% 70%,20% 100%);animation:lfm-cursor 6s ease infinite}.lfm-popup{position:absolute;inset:35px 18px 22px;display:grid;align-content:center;text-align:center;background:#161b24;border:1px solid #49ffad55;border-radius:9px;animation:lfm-popup 6s ease infinite}.lfm-code{display:grid;gap:10px;font-size:11px;padding:4px}.lfm-code code{color:#ffffffa0;font:10px monospace}.lfm-tags{display:flex;gap:5px;flex-wrap:wrap}.lfm-tags span{border:1px solid #49ffad55;padding:3px 6px;color:#49ffad;border-radius:5px;font-size:9px;animation:lfm-tags 6s ease infinite}.lfm-tags span:nth-child(2){animation-delay:.2s}.lfm-tags span:nth-child(3){animation-delay:.4s}.lfm-switch-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 0;font-size:11px;border-bottom:1px solid #ffffff12}.lfm-switch{position:relative;flex:none;width:42px;height:24px;display:block;cursor:pointer}.lfm-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.lfm-switch i{display:block;width:42px;height:24px;background:var(--sw-off);border-radius:24px;transition:background .2s}.lfm-switch i:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;background:var(--sw-knob);border-radius:50%;transition:transform .2s}.lfm-switch input:checked+i{background:var(--sw-on)}.lfm-switch input:checked+i:after{transform:translateX(18px)}.lfm-preview .lfm-switch i:after{animation:lfm-switch 6s ease infinite}.lfm-share-product{display:flex;align-items:start;justify-content:space-between}.lfm-share-product .lfm-product{width:90px}.lfm-share-menu{position:absolute;right:12px;top:57px;display:flex;flex-direction:column;gap:3px;font-size:8px;padding:8px;animation:lfm-popup 6s ease infinite}.lfm-sound-icon{display:flex;gap:4px;align-items:center;justify-content:center;height:66px}.lfm-sound-icon i{width:4px;height:10px;background:#49ffad;border-radius:3px;animation:lfm-wave 1.2s ease-in-out var(--d) infinite alternate}.lfm-countdown{font-size:9px;color:#ffffffa0}.lfm-countdown span{display:inline-block;vertical-align:middle;width:25px;height:2px;background:#49ffad;animation:lfm-loading 6s ease infinite;margin-right:8px}.lfm-feed{position:absolute;top:12px;right:0;width:65%;padding:12px;background:#161b24;border-left:1px solid #49ffad55;height:100%;animation:lfm-feed 6s ease infinite}.lfm-feed .lfm-row{font-size:10px}.lfm-counter{padding:2px 5px;color:#49ffad;border:1px solid #49ffad44;border-radius:5px}.lfm-video{height:115px;position:relative;display:grid;place-items:center;background:#49ffad06}.lfm-video>svg{width:54px;height:54px;opacity:.4}.lfm-video button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0b0918;border:1px solid #49ffad55;border-radius:50%;color:#49ffad;width:32px;height:32px;cursor:pointer}.lfm-progress{position:absolute;bottom:8px;left:10px;right:10px;height:2px;background:#ffffff25}.lfm-progress i{display:block;width:40%;height:100%;background:#49ffad;animation:lfm-loading 6s ease infinite}.lfm-menu{display:flex;align-items:center;flex-direction:column;gap:5px;perspective:500px;animation:lfm-menu 7s ease-in-out infinite alternate}.lfm-menu span{font-size:16px;opacity:.4}.lfm-menu span:nth-child(2){opacity:1}.lfm-sections{display:flex;gap:14px;height:100%;overflow:hidden}.lfm-sections nav{display:flex;flex-direction:column;gap:14px;font-size:10px;flex:none}.lfm-sections nav span{animation:lfm-active 6s ease infinite}.lfm-sections nav span:nth-child(2){animation-delay:2s}.lfm-sections nav span:nth-child(3){animation-delay:4s}.lfm-page-lines,.lfm-scroll-page{display:grid;gap:12px;flex:1;transition:transform .5s;animation:lfm-scroll 6s ease infinite}.lfm-page-lines i,.lfm-scroll-page i{display:block;width:100%;height:5px;background:#ffffff18;border-radius:2px}.lfm-page-lines i:nth-child(3n),.lfm-scroll-page i:nth-child(3n){width:60%}.lfm-scroll-page{padding:6px}.lfm-reveal{border:1px solid #49ffad40;border-radius:7px;padding:12px;margin-top:10px;animation:lfm-reveal 6s ease infinite}.lfm-demo{position:relative;height:420px!important;min-width:0;background:#0b0918;padding:35px;isolation:isolate;color:#fff}.lfm-demo .lfm-stage{height:100%;max-width:580px;margin:auto;padding:26px;font-size:16px}.lfm-demo .lfm-stage strong{font-size:20px}.lfm-demo .lfm-stage .lfm-button{font-size:14px}.lfm-demo .lfm-product{flex-basis:170px;font-size:14px}.lfm-demo .lfm-art{height:170px}.lfm-demo .lfm-stage *{animation:none}.lfm-demo .lfm-track{width:100%;overflow-x:auto;height:auto;padding-bottom:15px}.lfm-demo .lfm-popup{inset:70px 30px 40px;display:none}.lfm-demo .is-open .lfm-popup{display:grid}.lfm-demo .lfm-share-menu{display:none;font-size:13px;top:80px;gap:8px}.lfm-demo .is-open .lfm-share-menu{display:flex}.lfm-demo .lfm-feed{transform:translateX(100%);transition:transform .4s}.lfm-demo .is-open .lfm-feed{transform:translateX(0)}.lfm-demo .lfm-tags{opacity:.35}.lfm-demo .is-applied{opacity:1}.lfm-demo .lfm-video{height:100%;overflow:hidden}.lfm-demo .lfm-video video{width:100%;height:100%;object-fit:cover}.lfm-demo .lfm-reveal{display:none}.lfm-demo .is-open .lfm-reveal{display:block}.lfm-demo .lfm-menu{margin-bottom:18px}.lfm-demo .lfm-menu span{font-size:clamp(16px,3vw,26px)}.lfm-demo .lfm-scroll-page{transform:translateY(-40px)}.lfm-demo .is-top .lfm-scroll-page{transform:translateY(0)}.lfm-demo .is-sounding .lfm-sound-icon i{animation:lfm-wave .4s ease-in-out var(--d) infinite alternate}.lfm-fullscreen-exit{position:absolute;z-index:5;right:15px;top:15px;border:1px solid #ffffff55;color:#fff;background:#0b0918;padding:10px 14px;border-radius:8px;cursor:pointer}.lfm-fullscreen-exit[hidden]{display:none}.lfm-demo:fullscreen{height:100vh!important;display:grid;place-items:center}.lfm-demo:fullscreen .lfm-stage{width:min(700px,90vw);height:min(450px,75vh)}.lfm-fullscreen{position:fixed!important;inset:0;z-index:2147483647;height:100dvh!important;border-radius:0!important}.lfm-settings-note{margin:15px 0;font-size:13px;color:#fff!important}.lfm-settings-note code{color:#49ffad}.product-controls textarea{min-height:100px;width:100%;box-sizing:border-box;font:14px/1.5 Arial,sans-serif;color:#fff;background:#0b0918;border:1px solid #ffffff30;border-radius:8px;padding:10px}.product-controls select{color:#fff;background:#0b0918;border:1px solid #ffffff30;border-radius:8px;padding:10px}.lfm-details p,.lfm-details li{color:#fff!important}.lfm-details .install-steps b{color:#49ffad!important}
@keyframes lfm-slide{from{transform:translateX(0)}to{transform:translateX(-33%)}}@keyframes lfm-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes lfm-cursor{0%,20%{transform:translateY(0)}40%,80%{transform:translateY(-85px)}100%{transform:translateY(0)}}@keyframes lfm-popup{0%,30%,90%,100%{opacity:0;transform:translateY(7px)}45%,80%{opacity:1;transform:translateY(0)}}@keyframes lfm-tags{0%,20%,100%{opacity:.15;transform:translateY(5px)}40%,85%{opacity:1;transform:translateY(0)}}@keyframes lfm-switch{0%,20%,100%{transform:translateX(0)}40%,80%{transform:translateX(18px)}}@keyframes lfm-wave{from{height:8px}to{height:45px}}@keyframes lfm-loading{0%,100%{width:5%}80%{width:85%}}@keyframes lfm-feed{0%,20%,100%{transform:translateX(100%)}45%,85%{transform:translateX(0)}}@keyframes lfm-menu{from{transform:translateY(12px) rotateX(8deg)}to{transform:translateY(-18px) rotateX(-8deg)}}@keyframes lfm-active{0%,32%{color:#49ffad}34%,100%{color:#fff}}@keyframes lfm-scroll{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes lfm-reveal{0%,20%,100%{max-height:0;opacity:0;transform:translateY(-8px)}45%,85%{max-height:100px;opacity:1;transform:translateY(0)}}
@media(max-width:700px){.product-card>.lfm-preview{height:235px;padding:18px}.lfm-preview .lfm-stage{height:165px}.lfm-demo{height:360px!important;padding:20px}.lfm-demo .lfm-stage{padding:16px}.lfm-demo .lfm-product{flex-basis:150px}.lfm-demo .lfm-art{height:130px}}
@media(prefers-reduced-motion:reduce){.lfm-preview *{animation:none!important}.lfm-preview .lfm-popup{opacity:1}.lfm-demo *{transition:none!important}}

/* Preview corrections: cone menu, product popup structure, visible sticky button. */
.lfm-menu{position:absolute;inset:0;display:block;perspective:600px;animation:none;overflow:hidden;touch-action:pan-x;outline:none}.lfm-menu span{position:absolute;left:50%;top:50%;width:max-content;max-width:100%;text-align:center;font-size:clamp(10px,1.3vw,18px);white-space:nowrap;line-height:1;transform:var(--from);opacity:var(--opacity-from);color:var(--color-from);transform-origin:center;backface-visibility:hidden;animation:lfm-cone-turn 5s ease-in-out infinite alternate}.lfm-demo .lfm-menu{margin:0;perspective:750px}.lfm-demo .lfm-menu span{font-size:clamp(17px,3vw,30px);transition:transform .5s ease,opacity .5s ease,color .5s ease}.lfm-wheel-hint{position:absolute;bottom:12px;left:10px;right:10px;text-align:center;pointer-events:none}.lfm-menu:focus-visible{outline:1px solid #49ffad;outline-offset:-3px}
@keyframes lfm-cone-turn{0%,20%{transform:var(--from);opacity:var(--opacity-from);color:var(--color-from)}80%,100%{transform:var(--to);opacity:var(--opacity-to);color:var(--color-to)}}
.lfm-scroll-viewport{position:absolute;inset:12px 12px 15px;overflow:auto;scrollbar-width:none}.lfm-scroll-viewport::-webkit-scrollbar{display:none}.lfm-scroll-page{display:grid;gap:16px;height:290px;padding-bottom:45px}.lfm-preview .lfm-scroll-page{animation:lfm-scroll-long 6s ease-in-out infinite alternate}.lfm-stage .lfm-top-button{position:absolute;bottom:10px;right:10px;z-index:2;display:flex;align-items:center;gap:5px;background:#151221!important;margin:0;border-color:#49ffad!important;color:#49ffad!important}.lfm-stage .lfm-top-button svg{width:16px;height:16px}.lfm-demo .lfm-scroll-page,.lfm-demo.is-top .lfm-scroll-page{height:650px;transform:none}.lfm-demo .lfm-scroll-viewport{inset:20px}.lfm-demo .lfm-top-button{bottom:20px;right:20px}@keyframes lfm-scroll-long{0%,20%{transform:translateY(-100px)}80%,100%{transform:translateY(0)}}
.lfm-product-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:100%;min-width:0}.lfm-product-photo{position:relative;background:#49ffad08;border-radius:6px;display:grid;place-items:center;min-width:0;height:100%}.lfm-product-photo>svg{width:95%;height:95%;max-height:190px}.lfm-photo-thumbs{position:absolute;left:6px;bottom:5px;display:flex;gap:3px}.lfm-photo-thumbs i{width:10px;height:10px;border:1px solid #49ffad66;background:#49ffad11;border-radius:2px}.lfm-product-info{display:flex;flex-direction:column;align-items:start;gap:3px;min-width:0}.lfm-stage .lfm-product-info>strong{font-size:10px;color:#fff}.lfm-product-info>small{font-size:7px}.lfm-shop-price{font-size:9px;color:#fff}.lfm-color-choice{display:flex;align-items:center;gap:3px;font-size:7px;color:#fff}.lfm-color-choice i{width:5px;height:5px;border-radius:50%;border:1px solid #ffffff88}.lfm-stage .lfm-product-info>.lfm-button{margin:2px 0;padding:3px 6px;font-size:7px}.lfm-product-info .lfm-video{width:100%;min-height:45px;flex:1;height:auto;margin-top:3px;overflow:hidden;background:#49ffad0a}.lfm-video-play{position:absolute;inset:0;display:grid;place-items:center}.lfm-video-play svg{width:20px;height:20px}.lfm-product-info .lfm-video>svg{width:32px;height:32px;animation:lfm-breathe 3s ease-in-out infinite}.lfm-demo .lfm-product-detail{gap:20px}.lfm-demo .lfm-product-info{gap:8px}.lfm-demo .lfm-product-info>strong{font-size:18px}.lfm-demo .lfm-product-info>small{font-size:10px}.lfm-demo .lfm-shop-price{font-size:16px}.lfm-demo .lfm-color-choice{font-size:11px}.lfm-demo .lfm-product-info>.lfm-button{font-size:11px;padding:6px 12px;margin:0}.lfm-demo .lfm-product-info .lfm-video{height:130px;flex:none}.lfm-demo .lfm-product-info video{object-fit:contain;background:#050212}.lfm-demo .lfm-product-photo>svg{max-height:220px}
@media(max-width:700px){.lfm-preview .lfm-menu span{font-size:16px}.lfm-demo .lfm-product-detail{gap:10px}.lfm-demo .lfm-product-info>strong{font-size:13px}.lfm-demo .lfm-product-info .lfm-video{height:110px}.lfm-demo .lfm-product-info{gap:5px}}
@media(prefers-reduced-motion:reduce){.lfm-preview .lfm-menu span,.lfm-preview .lfm-scroll-page,.lfm-preview .lfm-video>svg{animation:none!important}}