.wymaro-product-demo{--brand:var(--color-brand-500);--brand-2:#ff8a3c;--brand-soft:var(--color-brand-50);--brand-line:var(--color-brand-200);--ink:#231D1A;--sub:#8B7F77;--faint:#B7ACA4;--paper:var(--color-ivory);--card:#FFF;--line:var(--color-border);--line-2:#E6DAD0;--ok:#1FA97A;--ok-soft:#E4F6EF;--blue:#3B82F6;--r-sm:8px;--r:12px;--r-lg:16px;--sh:0 18px 50px -28px rgba(70,35,15,.28);--tv-l:50.36%;--tv-t:27.36%;--tv-w:15.27%;--tv-h:14.77%;--fp-l:54.73%;--fp-t:54.04%;--fp-w:6.91%;--fp-h:8.89%;width:100%;font-family:var(--font-poppins),Poppins,ui-sans-serif,system-ui,sans-serif}.wymaro-product-demo *{box-sizing:border-box;margin:0;padding:0}.wymaro-product-demo{background:var(--paper);font-family:Poppins,ui-sans-serif,system-ui,sans-serif;color:var(--ink);display:flex;justify-content:center;padding:34px 14px}.wymaro-product-demo button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}.wymaro-product-demo img{display:block;max-width:100%}.wymaro-product-demo .demo{width:min(1140px,100%)}.wymaro-product-demo .tabs{display:flex;gap:6px;margin-bottom:12px}.wymaro-product-demo .tab{position:relative;flex:1;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 12px 12px;text-align:left;font-size:12.5px;font-weight:500;color:var(--sub);overflow:hidden;transition:border-color .25s ease,background .25s ease,color .25s ease,opacity .25s ease,transform .25s ease,flex-basis .35s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease;white-space:nowrap}.wymaro-product-demo .tab .bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--brand);border-radius:2px;transform:scaleX(0);transform-origin:left}.wymaro-product-demo .tab.done .bar{transform:scaleX(1);opacity:.22;transition:none}.wymaro-product-demo .tab.active{color:var(--ink);border-color:var(--brand)}.wymaro-product-demo .tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(max-width:700px){.wymaro-product-demo{padding:14px 8px}.wymaro-product-demo .tabs{overflow-x:auto;scrollbar-width:none;gap:5px;margin-bottom:8px;-webkit-overflow-scrolling:touch}.wymaro-product-demo .tabs::-webkit-scrollbar{display:none}.wymaro-product-demo .tab{flex:0 0 auto;min-width:92px;font-size:11.5px;padding:7px 11px 10px}.wymaro-product-demo .chrome{height:34px;padding:0 8px;gap:6px}.wymaro-product-demo .chrome .dots,.wymaro-product-demo .chrome .url{display:none}.wymaro-product-demo .chrome .ctl{font-size:11px;padding:3px 8px}.wymaro-product-demo .chrome .snd{margin-left:auto}.wymaro-product-demo .frame{border-radius:12px}.wymaro-product-demo .viewport{touch-action:pan-y}}.wymaro-product-demo .frame{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);overflow:hidden}.wymaro-product-demo .chrome{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border-bottom:1px solid var(--line)}.wymaro-product-demo .chrome .dots{display:flex;gap:5px}.wymaro-product-demo .chrome .dots i{width:9px;height:9px;border-radius:50%;background:var(--line-2)}.wymaro-product-demo .chrome .url{flex:0 1 300px;margin:0 auto;background:var(--paper);border-radius:7px;font-size:11.5px;color:var(--sub);text-align:center;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wymaro-product-demo .chrome .ctl{font-size:12px;font-weight:500;color:var(--sub);padding:4px 10px;border-radius:7px}.wymaro-product-demo .chrome .ctl:hover{background:var(--paper);color:var(--ink)}.wymaro-product-demo .chrome .snd{color:var(--brand);font-weight:600;border:1px solid var(--brand-line);background:var(--brand-soft)}.wymaro-product-demo .chrome .snd.on{background:var(--brand);color:#fff;border-color:var(--brand)}.wymaro-product-demo .viewport{position:relative;width:100%;overflow:hidden}.wymaro-product-demo .stage{position:absolute;left:0;top:0;width:1140px;height:592px;transform-origin:0 0;background:var(--paper)}.wymaro-product-demo .shell{display:flex;width:100%;height:100%}.wymaro-product-demo .side{width:186px;flex:none;background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 12px 14px}.wymaro-product-demo .logo{padding:2px 8px 18px;display:flex;align-items:center}.wymaro-product-demo .logo img{width:146px;height:30px;object-fit:cover;object-position:50% 48%;display:block}.wymaro-product-demo .nav{display:flex;flex-direction:column;gap:2px}.wymaro-product-demo .nitem{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:500;color:#4c443f;padding:9px 10px;border-radius:9px}.wymaro-product-demo .nitem svg{width:15px;height:15px;stroke:#7a6f67;fill:none;stroke-width:1.7;flex:none}.wymaro-product-demo .nitem.on{background:var(--brand-soft);color:var(--brand)}.wymaro-product-demo .nitem.on svg{stroke:var(--brand)}.wymaro-product-demo .userchip{margin-top:auto;display:flex;align-items:center;gap:9px;background:var(--paper);border-radius:999px;padding:7px 10px}.wymaro-product-demo .userchip .av{width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.wymaro-product-demo .userchip .av img{width:16px;height:auto;display:block}.wymaro-product-demo .userchip div{line-height:1.15}.wymaro-product-demo .userchip b{font-size:11.5px;font-weight:600;display:block}.wymaro-product-demo .userchip span{font-size:9.5px;color:var(--sub)}.wymaro-product-demo .main{flex:1;min-width:0;position:relative;overflow:hidden;padding:20px 24px}.wymaro-product-demo input.txt,.wymaro-product-demo textarea.txt{font:inherit;font-size:12.5px;width:100%;border:1.4px solid var(--line-2);border-radius:10px;padding:9px 12px;color:var(--ink);background:#fff;outline:0}.wymaro-product-demo .txt.focus,.wymaro-product-demo input.txt:focus,.wymaro-product-demo textarea.txt:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(255,96,25,.13)}.wymaro-product-demo .crumb{font-size:11px;color:var(--sub);margin-bottom:8px}.wymaro-product-demo .crumb b{color:var(--ink);font-weight:500}.wymaro-product-demo h1.pg{font-size:23px;font-weight:600;display:flex;align-items:center;gap:10px}.wymaro-product-demo h1.pg .ic{width:30px;height:30px;border-radius:9px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:14px}.wymaro-product-demo .pgsub{font-size:12px;color:var(--sub);margin-top:4px}.wymaro-product-demo .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg)}.wymaro-product-demo .btn{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;border-radius:10px;padding:8px 15px;border:1px solid var(--line);background:var(--card);transition:transform .12s}.wymaro-product-demo .btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.wymaro-product-demo .btn.grad{background:linear-gradient(90deg,var(--brand),var(--brand-2));border:0;color:#fff;font-weight:600;border-radius:11px;width:100%;justify-content:center}.wymaro-product-demo .btn.ghost{color:var(--brand);border-color:transparent}.wymaro-product-demo .btn.dis{opacity:.5}.wymaro-product-demo .btn.pressed{transform:scale(.96)}.wymaro-product-demo .seg{display:inline-flex;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:2.5px}.wymaro-product-demo .seg button{font-size:11px;font-weight:500;color:var(--sub);border-radius:999px;padding:4.5px 12px;display:flex;gap:5px;align-items:center}.wymaro-product-demo .seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}.wymaro-product-demo .seg button.brand{color:var(--brand)}.wymaro-product-demo .chip{font-size:10px;font-weight:500;color:var(--sub);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:2.5px 9px}.wymaro-product-demo .chip.ok{color:var(--ok);background:var(--ok-soft);border-color:transparent}.wymaro-product-demo .pill{font-size:8.5px;letter-spacing:.08em;font-weight:600;color:var(--brand);border:1px solid var(--brand-line);background:var(--brand-soft);border-radius:999px;padding:2.5px 8px;opacity:0;transition:.3s}.wymaro-product-demo .pill.on{opacity:1}.wymaro-product-demo .in{opacity:0;transform:translateY(10px)}.wymaro-product-demo .in.go{opacity:1;transform:none;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}.wymaro-product-demo .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.wymaro-product-demo .stat{padding:15px 16px}.wymaro-product-demo .stat .lb{font-size:9.5px;letter-spacing:.09em;color:var(--sub);font-weight:500;display:flex;justify-content:space-between;align-items:center}.wymaro-product-demo .stat .lb svg{width:14px;height:14px;stroke:var(--faint);fill:none;stroke-width:1.6}.wymaro-product-demo .stat .v{font-size:24px;font-weight:600;margin-top:9px;display:flex;align-items:baseline;gap:7px}.wymaro-product-demo .stat .up{font-size:9.5px;font-weight:600;color:var(--ok);background:var(--ok-soft);border-radius:999px;padding:2px 7px}.wymaro-product-demo .row2{display:grid;grid-template-columns:1.55fr 1fr;gap:12px;margin-top:12px}.wymaro-product-demo .usage{padding:15px 16px;display:flex;align-items:center;gap:14px}.wymaro-product-demo .usage .lb{font-size:9.5px;letter-spacing:.09em;color:var(--sub);font-weight:500}.wymaro-product-demo .usage b{font-size:13px;font-weight:600;white-space:nowrap}.wymaro-product-demo .meter{flex:1;height:6px;background:var(--paper);border-radius:99px;overflow:hidden}.wymaro-product-demo .meter i{display:block;height:100%;width:40%;background:var(--brand);border-radius:99px}.wymaro-product-demo .usage a{font-size:11.5px;color:var(--brand);font-weight:500;white-space:nowrap}.wymaro-product-demo .recent{padding:14px 16px}.wymaro-product-demo .recent h3{font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.wymaro-product-demo .recent h3 a{font-size:11px;color:var(--brand);font-weight:500}.wymaro-product-demo .proj{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:8px 10px;margin-top:9px}.wymaro-product-demo .proj img{width:40px;height:30px;object-fit:cover;border-radius:7px}.wymaro-product-demo .proj .nm{flex:1;font-size:11.5px;font-weight:600;line-height:1.2}.wymaro-product-demo .proj .nm span{display:block;font-size:9.5px;color:var(--sub);font-weight:400}.wymaro-product-demo .tag{font-size:8.5px;font-weight:600;letter-spacing:.05em;border-radius:999px;padding:2.5px 8px}.wymaro-product-demo .tag.done{color:var(--ok);background:var(--ok-soft)}.wymaro-product-demo .tag.proc{color:#3565C9;background:#E8EFFC}.wymaro-product-demo .spark{margin-top:10px}.wymaro-product-demo .dash-activity{margin-top:12px;padding:16px 18px 13px;min-height:236px}.wymaro-product-demo .dash-recent{min-height:332px}.wymaro-product-demo .dash-recent .proj{padding-block:9px}.wymaro-product-demo .dash-chart{overflow:visible}.wymaro-product-demo .dash-chart .grid path{stroke:rgba(222,211,202,.82);stroke-width:1}.wymaro-product-demo .dash-chart .labels text{fill:var(--faint);font-size:8.5px;font-weight:500}.wymaro-product-demo .dash-chart .bar{fill:rgba(255,96,25,.13);transform-box:fill-box;transform-origin:bottom;animation:dashBar .9s cubic-bezier(.25,.8,.25,1) forwards;animation-delay:calc(var(--i) * 90ms)}.wymaro-product-demo .dash-chart .area{fill:url(#dashFill);opacity:0;animation:dashFade .75s ease .35s forwards}.wymaro-product-demo .dash-chart .line{fill:none;stroke:var(--brand);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:dashLine 1.35s cubic-bezier(.45,0,.2,1) .25s forwards}.wymaro-product-demo .dash-chart .pt{fill:var(--brand);stroke:#fff;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;animation:dashPoint .35s cubic-bezier(.3,1.5,.45,1) forwards;animation-delay:calc(.8s + var(--i) * 95ms)}@keyframes dashLine{to{stroke-dashoffset:0}}@keyframes dashFade{to{opacity:1}}@keyframes dashBar{0%{transform:scaleY(.1);opacity:.3}to{transform:scaleY(1);opacity:1}}@keyframes dashPoint{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.wymaro-product-demo .overlay{position:absolute;inset:0;background:rgba(35,25,20,.28);backdrop-filter:blur(2px);display:grid;place-items:center;opacity:0;transition:opacity .3s;z-index:20}.wymaro-product-demo .overlay.go{opacity:1}.wymaro-product-demo .modal{width:400px;background:#fff;border-radius:18px;box-shadow:0 30px 80px -20px rgba(40,20,5,.4);transform:translateY(14px) scale(.97);opacity:0;transition:.35s cubic-bezier(.2,.8,.25,1)}.wymaro-product-demo .overlay.go .modal{transform:none;opacity:1}.wymaro-product-demo .modal .hd{padding:17px 20px 13px;border-bottom:1px solid var(--line)}.wymaro-product-demo .modal .hd h3{font-size:15.5px;font-weight:600}.wymaro-product-demo .modal .hd p{font-size:11px;color:var(--sub);margin-top:4px;line-height:1.5}.wymaro-product-demo .modal .bd{padding:15px 20px}.wymaro-product-demo .modal .ft{padding:13px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.wymaro-product-demo .flab{font-size:11.5px;font-weight:600;margin-bottom:7px}.wymaro-product-demo .opt{display:flex;gap:10px;border:1.4px solid var(--line);border-radius:12px;padding:11px 13px;margin-top:9px;transition:.25s}.wymaro-product-demo .opt .rad{width:15px;height:15px;border:1.6px solid var(--line-2);border-radius:50%;flex:none;margin-top:1px;display:grid;place-items:center;transition:.25s}.wymaro-product-demo .opt b{font-size:11.5px;font-weight:600;display:block}.wymaro-product-demo .opt span{font-size:10px;color:var(--sub);line-height:1.45;display:block;margin-top:2px}.wymaro-product-demo .opt.on{border-color:var(--brand);background:var(--brand-soft)}.wymaro-product-demo .opt.on .rad{border-color:var(--brand)}.wymaro-product-demo .opt.on .rad:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand)}.wymaro-product-demo .ltabs{display:flex;align-items:center;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:4px;font-size:12px;color:var(--sub);font-weight:500;width:max-content}.wymaro-product-demo .ltabs button{padding:6px 13px;border-radius:9px}.wymaro-product-demo .ltabs button.on{background:var(--paper);color:var(--ink);font-weight:600}.wymaro-product-demo .topbar{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.wymaro-product-demo .quota{margin-top:12px;padding:13px 16px}.wymaro-product-demo .quota b{font-size:12.5px;font-weight:600}.wymaro-product-demo .quota .chip{margin-left:8px}.wymaro-product-demo .quota .meter{margin-top:9px}.wymaro-product-demo .quota .fine{font-size:10px;color:var(--sub);margin-top:8px}.wymaro-product-demo .drop{margin-top:14px;border:1.6px dashed var(--line-2);border-radius:var(--r-lg);height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;transition:.3s;background:var(--card)}.wymaro-product-demo .drop.hot{border-color:var(--brand);background:var(--brand-soft)}.wymaro-product-demo .drop .uic{width:56px;height:56px;border-radius:16px;background:var(--brand-soft);display:grid;place-items:center;transition:.3s}.wymaro-product-demo .drop.hot .uic{transform:scale(1.08)}.wymaro-product-demo .drop h4{font-size:15px;font-weight:600}.wymaro-product-demo .drop p{font-size:11px;color:var(--sub)}.wymaro-product-demo .fchip{position:absolute;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px 12px;font-size:11px;font-weight:500;box-shadow:0 10px 24px -10px rgba(60,30,10,.3);opacity:0}.wymaro-product-demo .fchip img{width:26px;height:20px;object-fit:cover;border-radius:5px}.wymaro-product-demo .reading{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:500}.wymaro-product-demo .spin{width:15px;height:15px;border:2px solid var(--brand-line);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.wymaro-product-demo .gtools{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:11.5px;color:var(--sub)}.wymaro-product-demo .gtools .cnt{color:var(--brand);font-weight:600}.wymaro-product-demo .gtools .sp{flex:1}.wymaro-product-demo .warn{margin-top:11px;font-size:10.5px;color:#B5401B;background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:10px;padding:8px 13px;display:flex;gap:7px;align-items:center}.wymaro-product-demo .groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.wymaro-product-demo .group{min-width:0;padding:10px}.wymaro-product-demo .group .r1{display:flex;align-items:center;gap:5px;min-width:0}.wymaro-product-demo .group .r1 input{font:inherit;font-size:10.5px;font-weight:600;border:1px solid var(--line);border-radius:8px;padding:5px 8px;width:86px;min-width:0;color:var(--ink)}.wymaro-product-demo .group .r1 .chip{font-size:9.5px;padding:2.5px 8px;white-space:nowrap}.wymaro-product-demo .group .r1 .seg{flex:1 1 auto;min-width:104px;padding:2px}.wymaro-product-demo .group .r1 .seg button{flex:1 1 0;justify-content:center;min-width:0;padding:4px 5px;font-size:9.5px;white-space:nowrap}.wymaro-product-demo .group .r2{display:none}.wymaro-product-demo .group .evs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:10px;overflow:hidden}.wymaro-product-demo .group .evs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;border:1px solid var(--line)}.wymaro-product-demo .group .evs img:first-child{filter:brightness(.72)}.wymaro-product-demo .group .evs img:nth-child(2){filter:brightness(.92)}.wymaro-product-demo .group .evs img:nth-child(3){filter:brightness(1.08)}.wymaro-product-demo .group .evs img:nth-child(4){filter:brightness(1.22)}.wymaro-product-demo .tdel{margin-left:auto;color:var(--faint)}.wymaro-product-demo .prefs{position:absolute;top:0;right:0;bottom:0;width:236px;background:var(--card);border-left:1px solid var(--line);padding:16px 15px;transform:translateX(102%);transition:transform .5s cubic-bezier(.2,.8,.25,1);z-index:10;overflow:hidden}.wymaro-product-demo .prefs.go{transform:none}.wymaro-product-demo .prefs h4{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.wymaro-product-demo .prefs h4 .ic{width:26px;height:26px;border-radius:8px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:12px}.wymaro-product-demo .prefs h4 .x{margin-left:auto;width:22px;height:22px;border-radius:7px;border:1px solid var(--line);display:grid;place-items:center;font-size:12px;color:var(--sub)}.wymaro-product-demo .prefs .sec{font-size:9px;letter-spacing:.1em;font-weight:600;color:var(--sub);margin:15px 0 8px}.wymaro-product-demo .skyrow{display:flex;gap:7px;overflow:hidden}.wymaro-product-demo .skybar{height:3px;background:var(--line);border-radius:99px;margin-top:6px;position:relative}.wymaro-product-demo .skybar i{position:absolute;right:0;top:0;bottom:0;width:42%;background:var(--line-2);border-radius:99px}.wymaro-product-demo .skycard,.wymaro-product-demo .stylecard{position:relative;border-radius:10px;overflow:hidden;border:2px solid transparent;flex:1;transition:.25s}.wymaro-product-demo .skycard{flex:none;width:64px}.wymaro-product-demo .skycard img,.wymaro-product-demo .stylecard img{width:100%;height:58px;object-fit:cover}.wymaro-product-demo .skycard span{font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;right:4px}.wymaro-product-demo .skycard span,.wymaro-product-demo .stylecard span{position:absolute;left:6px;bottom:5px;font-size:8px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.wymaro-product-demo .skycard.on,.wymaro-product-demo .stylecard.on{border-color:var(--brand)}.wymaro-product-demo .skycard .ck,.wymaro-product-demo .stylecard .ck{position:absolute;top:5px;right:5px;width:15px;height:15px;border-radius:50%;background:var(--brand);display:grid;place-items:center;transform:scale(0);transition:transform .3s cubic-bezier(.3,1.6,.4,1)}.wymaro-product-demo .skycard .ck:before,.wymaro-product-demo .stylecard .ck:before{content:"";width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}.wymaro-product-demo .skycard.on .ck,.wymaro-product-demo .stylecard.on .ck{transform:scale(1)}.wymaro-product-demo .ck svg{display:none}.wymaro-product-demo .stylerow{display:flex;gap:8px}.wymaro-product-demo .stylecard img{height:64px}.wymaro-product-demo .pstat{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;margin-top:14px}.wymaro-product-demo .pstat .d{display:flex;align-items:center;gap:6px}.wymaro-product-demo .pstat .d i{width:7px;height:7px;border-radius:50%}.wymaro-product-demo .gal{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:13px}.wymaro-product-demo .ph{position:relative;border-radius:12px;overflow:hidden;background:#EFE8E1;aspect-ratio:4/2.9}.wymaro-product-demo .ph .pic{position:absolute;inset:0;background-size:cover;background-position:50%;opacity:0;transition:opacity .6s}.wymaro-product-demo .ph.done .pic{opacity:1}.wymaro-product-demo .skyov{position:absolute;inset:0;background:url(/product-demo/img/ext_after.webp) 50%/cover no-repeat;-webkit-mask:url(/product-demo/img/ext_mask.png) center/cover no-repeat;mask:url(/product-demo/img/ext_mask.png) center/cover no-repeat;opacity:0;transition:opacity 1.1s ease}.wymaro-product-demo .skyov.on{opacity:1}.wymaro-product-demo .ph .st{position:absolute;top:7px;left:7px;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:600;color:#fff;background:rgba(30,24,20,.72);border-radius:999px;padding:3.5px 9px;backdrop-filter:blur(3px);transition:opacity .3s}.wymaro-product-demo .ph .st .spin{width:9px;height:9px;border-width:1.6px;border-color:#fff rgba(255,255,255,.35) rgba(255,255,255,.35)}.wymaro-product-demo .ph.queued .st{background:rgba(30,24,20,.45)}.wymaro-product-demo .ph .skychip{position:absolute;top:7px;left:7px;font-size:8.5px;font-weight:600;color:#fff;background:var(--ok);border-radius:999px;padding:3px 8px;opacity:0;transform:translateY(-4px);transition:.35s}.wymaro-product-demo .ph .skychip.on{opacity:1;transform:none}.wymaro-product-demo .ph .ubar{position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--brand),var(--brand-2))}.wymaro-product-demo .ph .shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.5) 50%,transparent 58%);transform:translateX(-110%)}.wymaro-product-demo .ph.done .shine{transition:transform .8s ease;transform:translateX(110%)}.wymaro-product-demo .ph .fn{position:absolute;left:8px;bottom:7px;font-size:9px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.55);opacity:0;transition:opacity .4s}.wymaro-product-demo .ph.done .fn{opacity:1}.wymaro-product-demo .ph .menu{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.92);display:grid;place-items:center;font-weight:700;color:var(--ink);font-size:12px;opacity:0;transition:.25s}.wymaro-product-demo .ph.done .menu{opacity:1}.wymaro-product-demo .pop{position:absolute;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px -14px rgba(50,25,8,.35);padding:5px;z-index:15;width:150px;opacity:0;transform:translateY(6px) scale(.97);transition:.25s}.wymaro-product-demo .pop.go{opacity:1;transform:none}.wymaro-product-demo .pop button{display:flex;align-items:center;gap:8px;width:100%;font-size:11.5px;font-weight:500;padding:7.5px 10px;border-radius:8px;text-align:left}.wymaro-product-demo .pop button.hl,.wymaro-product-demo .pop button:hover{background:var(--paper)}.wymaro-product-demo .pop button.brand{color:var(--brand)}.wymaro-product-demo .lightbox{position:absolute;inset:0;background:rgba(25,18,14,.6);backdrop-filter:blur(3px);display:grid;place-items:center;opacity:0;transition:.3s;z-index:22}.wymaro-product-demo .lightbox.go{opacity:1}.wymaro-product-demo .lbx{width:720px;background:#151210;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);transform:scale(.96);transition:.35s cubic-bezier(.2,.8,.25,1);color:#fff}.wymaro-product-demo .lightbox.go .lbx{transform:none}.wymaro-product-demo .lbhead{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:11.5px;background:#1c1816}.wymaro-product-demo .lbhead b{font-weight:600}.wymaro-product-demo .lbhead .sp{flex:1}.wymaro-product-demo .lbhead .dim{font-family:ui-monospace,monospace;font-size:9.5px;background:#2a2521;border-radius:6px;padding:4px 8px;color:#d9d2cc}.wymaro-product-demo .lbhead .ba{display:flex;background:#2a2521;border-radius:7px;padding:2px}.wymaro-product-demo .lbhead .ba button{font-size:9.5px;font-weight:700;letter-spacing:.04em;color:#bfb6ae;padding:4px 9px;border-radius:5px}.wymaro-product-demo .lbhead .ba button.on{background:var(--brand);color:#fff}.wymaro-product-demo .lbhead .zoom{font-size:9.5px;background:#2a2521;border-radius:6px;padding:4px 9px;color:#d9d2cc}.wymaro-product-demo .lbhead .ico{font-size:10px;background:#2a2521;border-radius:6px;padding:4px 7px;color:#d9d2cc}.wymaro-product-demo .lbhead .ico.brand{background:var(--brand);color:#fff}.wymaro-product-demo .lbimg{position:relative;aspect-ratio:613/383;background:#0d0b0a;background-image:linear-gradient(45deg,#141211 25%,transparent 0,transparent 75%,#141211 0),linear-gradient(45deg,#141211 25%,transparent 0,transparent 75%,#141211 0);background-size:14px 14px;background-position:0 0,7px 7px;overflow:hidden;border-radius:0}.wymaro-product-demo .lbcompare>img,.wymaro-product-demo .lbimg>img{width:100%;height:100%;object-fit:cover;border-radius:0!important}.wymaro-product-demo .lbcompare>img{position:absolute;inset:0;display:block}.wymaro-product-demo .lbcompare-before{filter:saturate(.94) contrast(.98) brightness(.94)}.wymaro-product-demo .lbcompare-after{clip-path:inset(0 100% 0 0);filter:saturate(1.04) contrast(1.02) brightness(1.02)}.wymaro-product-demo .lbcompare.run .lbcompare-after{animation:lbCompareReveal 2.35s cubic-bezier(.18,.78,.18,1) forwards}.wymaro-product-demo .lbimg .skyov{display:none}.wymaro-product-demo .lbhandle{position:absolute;top:0;bottom:0;left:0;width:0;opacity:0;filter:drop-shadow(0 10px 18px rgba(0,0,0,.32))}.wymaro-product-demo .lbhandle i{position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.16),0 0 18px rgba(255,255,255,.45)}.wymaro-product-demo .lbhandle span{position:absolute;left:0;top:50%;width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 9px 24px rgba(0,0,0,.28);transform:translate(-50%,-50%);display:grid;place-items:center}.wymaro-product-demo .lbhandle span:after,.wymaro-product-demo .lbhandle span:before{content:"";position:absolute;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translateY(-50%)}.wymaro-product-demo .lbhandle span:before{left:8px;border-right:6px solid var(--brand)}.wymaro-product-demo .lbhandle span:after{right:8px;border-left:6px solid var(--brand)}.wymaro-product-demo .lbcompare.run .lbhandle{animation:lbCompareHandle 2.35s cubic-bezier(.18,.78,.18,1) forwards}.wymaro-product-demo .lbfoot{font-size:9px;color:#9a918a;padding:8px 12px;background:#1c1816}@keyframes lbCompareReveal{0%{clip-path:inset(0 100% 0 0)}18%{clip-path:inset(0 70% 0 0)}72%{clip-path:inset(0 24% 0 0)}to{clip-path:inset(0 18% 0 0)}}@keyframes lbCompareHandle{0%{left:0;opacity:0}18%{left:30%;opacity:1}72%{left:76%;opacity:1}to{left:82%;opacity:1}}.wymaro-product-demo .studio{display:flex;width:100%;height:100%;background:#FBF8F6}.wymaro-product-demo .srail{width:46px;flex:none;background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:16px;padding:14px 0}.wymaro-product-demo .srail i{width:16px;height:16px;border-radius:5px;border:1.7px solid #b9aea6}.wymaro-product-demo .srail .lg{border:0;display:grid;place-items:center;width:30px;height:30px}.wymaro-product-demo .srail .lg img{width:28px;height:auto;display:block}.wymaro-product-demo .smain{flex:1;display:flex;flex-direction:column;min-width:0}.wymaro-product-demo .stop{height:46px;flex:none;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--card);border-bottom:1px solid var(--line);font-size:12px;font-weight:600}.wymaro-product-demo .stop .bk{color:var(--sub);font-weight:500;font-size:11.5px}.wymaro-product-demo .stop .sp{flex:1}.wymaro-product-demo .canvas{flex:1;display:grid;place-items:center;position:relative;background-image:radial-gradient(var(--line-2) 1px,transparent 1px);background-size:17px 17px;min-height:0}.wymaro-product-demo .ctr{position:absolute;top:10px;right:14px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:10px;font-weight:600;padding:5px 9px}.wymaro-product-demo .stagephoto{position:relative;width:74%;border-radius:10px;overflow:hidden;box-shadow:0 24px 60px -24px rgba(50,25,8,.4);transition:filter .4s}.wymaro-product-demo .stagephoto>img{width:100%}.wymaro-product-demo .after{position:absolute;inset:0;clip-path:inset(0 100% 0 0)}.wymaro-product-demo .after img{width:100%;height:100%;object-fit:cover}.wymaro-product-demo .wipeline{position:absolute;top:0;bottom:0;width:2.5px;background:#fff;box-shadow:0 0 14px rgba(0,0,0,.4);left:0;opacity:0}.wymaro-product-demo .balb{position:absolute;top:10px;font-size:9.5px;font-weight:600;letter-spacing:.06em;color:#fff;background:rgba(28,22,18,.65);border-radius:999px;padding:3.5px 11px;backdrop-filter:blur(3px)}.wymaro-product-demo .balb.b{left:10px}.wymaro-product-demo .balb.a{right:10px;background:var(--brand)}.wymaro-product-demo .ov{position:absolute;opacity:0;transition:opacity .5s}.wymaro-product-demo .ov img{width:100%;height:100%;display:block}.wymaro-product-demo .ov.on{opacity:1}.wymaro-product-demo .ov.sel:after{content:"";position:absolute;inset:-3px;border:1.5px solid var(--blue);border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.6)}.wymaro-product-demo .ov.sel:before{content:"";position:absolute;left:-6px;top:-6px;width:6px;height:6px;background:#fff;border:1.5px solid var(--blue);border-radius:50%;box-shadow:calc(var(--ow) + 6px) 0 0 -.5px #fff,calc(var(--ow) + 6px) 0 0 1px var(--blue),0 calc(var(--oh) + 6px) 0 -.5px #fff,0 calc(var(--oh) + 6px) 0 1px var(--blue),calc(var(--ow) + 6px) calc(var(--oh) + 6px) 0 -.5px #fff,calc(var(--ow) + 6px) calc(var(--oh) + 6px) 0 1px var(--blue);z-index:2}.wymaro-product-demo .tvov{left:var(--tv-l);top:var(--tv-t);width:var(--tv-w);height:var(--tv-h)}.wymaro-product-demo .fpov{left:var(--fp-l);top:var(--fp-t);width:var(--fp-w);height:var(--fp-h)}.wymaro-product-demo .fpov.on{filter:drop-shadow(0 0 6px rgba(255,140,40,.55))}.wymaro-product-demo .strip{height:64px;flex:none;border-top:1px solid var(--line);background:var(--card);display:flex;align-items:center;gap:7px;padding:0 14px}.wymaro-product-demo .strip .th{width:58px;height:42px;border-radius:7px;overflow:hidden;border:2px solid transparent;flex:none;background-size:cover;background-position:50%;opacity:.85}.wymaro-product-demo .strip .th.on{border-color:var(--brand);opacity:1}.wymaro-product-demo .strip .arr{color:var(--sub);font-size:14px;padding:0 4px}.wymaro-product-demo .spanel{width:236px;flex:none;background:var(--card);border-left:1px solid var(--line);padding:14px 14px 20px;overflow:hidden;position:relative}.wymaro-product-demo .spanel h4{font-size:13.5px;font-weight:600}.wymaro-product-demo .spanel .mut{font-size:10px;color:var(--sub);margin-top:2px}.wymaro-product-demo .spanel .ps{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.1em;font-weight:600;color:var(--sub);margin:14px 0 4px}.wymaro-product-demo .spanel .ps i{font-style:normal;font-size:10px;color:var(--faint)}.wymaro-product-demo .spanel .rule{height:1px;background:var(--line);margin:12px 0 0}.wymaro-product-demo .sl{display:grid;grid-template-columns:60px 1fr 30px;align-items:center;gap:8px;font-size:10.5px;color:var(--sub);margin-top:7px}.wymaro-product-demo .sl .tr{position:relative;height:3.5px;background:var(--line);border-radius:99px}.wymaro-product-demo .sl .fl{position:absolute;top:0;bottom:0;left:0;width:50%;background:var(--brand);border-radius:99px}.wymaro-product-demo .sl .kn{position:absolute;top:50%;left:50%;width:12px;height:12px;background:#fff;border:2.5px solid var(--brand);border-radius:50%;transform:translate(-50%,-50%)}.wymaro-product-demo .sl .v{font-size:9.5px;color:var(--ink);background:var(--paper);border-radius:6px;text-align:center;padding:3px 0;font-weight:500}.wymaro-product-demo .aspects{display:flex;gap:5px;margin-top:8px}.wymaro-product-demo .aspects div{flex:1;border:1.4px solid var(--line);border-radius:9px;font-size:8px;font-weight:500;color:var(--sub);text-align:center;padding:7px 0 5px}.wymaro-product-demo .aspects div i{display:block;width:18px;height:11px;border-radius:2px;background:var(--line-2);margin:0 auto 4px}.wymaro-product-demo .aspects div.on{border-color:var(--ink);color:var(--ink);font-weight:600}.wymaro-product-demo .aspects div.on i{background:var(--ink)}.wymaro-product-demo .blurbtn{margin-top:8px;width:100%;justify-content:center;background:var(--paper);border-color:var(--paper);font-size:11px;padding:7px}.wymaro-product-demo .assetrow{display:flex;gap:7px;margin-top:8px}.wymaro-product-demo .assetrow .a{position:relative;flex:1;border-radius:9px;overflow:hidden;border:2px solid transparent;transition:.25s}.wymaro-product-demo .assetrow .a img{width:100%;height:44px;object-fit:cover}.wymaro-product-demo .assetrow .a.on{border-color:var(--brand)}.wymaro-product-demo .assetrow .a span,.wymaro-product-demo .assetrow .up span{display:block;font-size:8px;color:var(--sub);text-align:center;padding-top:3px;white-space:nowrap}.wymaro-product-demo .assetrow .up{flex:1;border:1.4px dashed var(--line-2);border-radius:9px;display:grid;place-items:center;font-size:8.5px;color:var(--sub);font-weight:500;min-height:44px}.wymaro-product-demo .unsavednote{margin-top:14px;font-size:9.5px;color:#B5401B;background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:9px;padding:8px 10px;line-height:1.4;opacity:0;transition:.3s}.wymaro-product-demo .unsavednote.on{opacity:1}.wymaro-product-demo .rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wymaro-product-demo .rimg{position:relative;border-radius:11px;overflow:hidden;border:2px solid transparent;transition:border-color .25s}.wymaro-product-demo .rimg img{width:100%;aspect-ratio:4/2.9;object-fit:cover}.wymaro-product-demo .rimg .cb{position:absolute;top:6px;left:6px;width:17px;height:17px;border-radius:5px;background:rgba(255,255,255,.9);border:1.4px solid var(--line-2);display:grid;place-items:center;transition:.25s}.wymaro-product-demo .rimg .cm{position:absolute;top:6px;right:6px;width:19px;height:19px;border-radius:6px;background:var(--brand);display:grid;place-items:center;opacity:0;transform:scale(.6);transition:.3s cubic-bezier(.3,1.6,.4,1)}.wymaro-product-demo .rimg.sel{border-color:var(--brand)}.wymaro-product-demo .rimg.sel .cb{background:var(--brand);border-color:var(--brand)}.wymaro-product-demo .rimg.sel .cm{opacity:1;transform:scale(1)}.wymaro-product-demo .rimg .cm.ok{background:var(--ok)}.wymaro-product-demo .rimg svg{width:10px;height:10px;stroke:#fff;stroke-width:3;fill:none}.wymaro-product-demo .cpop{position:absolute;width:230px;background:#fff;border-radius:14px;box-shadow:0 22px 55px -16px rgba(45,22,6,.4);padding:13px;z-index:30;opacity:0;transform:translateY(8px);transition:.3s}.wymaro-product-demo .cpop.go{opacity:1;transform:none}.wymaro-product-demo .cpop label{font-size:10px;font-weight:600;display:block;margin-bottom:6px}.wymaro-product-demo .cpop .cnt{font-size:9px;color:var(--faint);margin-top:5px}.wymaro-product-demo .cpop .btn{width:100%;justify-content:center;margin-top:8px;padding:7px}.wymaro-product-demo .mft{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;color:var(--sub)}.wymaro-product-demo .mft #selCt{flex:1;min-width:0;padding-right:16px}.wymaro-product-demo .mft em{font-style:normal;color:#C43D19;font-weight:500}.wymaro-product-demo .mft #subRev{flex:0 0 auto;min-width:196px;justify-content:center;white-space:nowrap}.wymaro-product-demo .dtabs{display:flex;align-items:center;gap:8px;margin-top:12px}.wymaro-product-demo .dtabs .back{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:12px;color:var(--sub)}.wymaro-product-demo .note{font-size:10.5px;color:var(--sub);margin-top:10px;display:flex;gap:6px;align-items:center}.wymaro-product-demo .note i{width:12px;height:12px;border-radius:50%;border:1.3px solid var(--brand);color:var(--brand);font-size:8px;font-style:normal;display:grid;place-items:center}.wymaro-product-demo .fsec{margin-top:11px}.wymaro-product-demo .fsec h3{font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:7px;padding-bottom:6px;border-bottom:1px solid var(--line)}.wymaro-product-demo .fsec h3 svg{width:13px;height:13px;stroke:var(--brand);fill:none;stroke-width:1.8}.wymaro-product-demo .frow{display:grid;gap:10px;margin-top:8px}.wymaro-product-demo .fld label{display:block;font-size:10px;font-weight:600;margin-bottom:4px}.wymaro-product-demo .fld label em{font-style:normal;color:var(--brand)}.wymaro-product-demo .fld .txt{font-size:11px;padding:7px 10px;border-radius:8px}.wymaro-product-demo .fld .unit{position:relative}.wymaro-product-demo .fld .unit span{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:9px;color:var(--sub)}.wymaro-product-demo .pkg{margin-top:12px;padding:14px 16px}.wymaro-product-demo .pcnt{font-size:12px;color:var(--sub)}.wymaro-product-demo .dashrow{display:flex;gap:12px;margin-top:12px}.wymaro-product-demo .dashbox{width:236px;border:1.5px dashed var(--line-2);border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10.5px;color:var(--sub)}.wymaro-product-demo .dashbox b{font-size:11.5px;color:var(--ink);font-weight:500}.wymaro-product-demo .dashbox .dic{color:var(--brand);font-size:14px}.wymaro-product-demo .dashbox .txt{font-size:10.5px;padding:6px 9px;border-radius:8px}.wymaro-product-demo .dashbox .urlrow{display:flex;gap:6px;width:100%}.wymaro-product-demo .dashbox .urlrow .btn{padding:6px 10px;font-size:10.5px}.wymaro-product-demo .plist{display:flex;flex-direction:column;gap:8px;margin-top:10px}.wymaro-product-demo .plist .empty{border:1.5px dashed var(--line-2);border-radius:11px;padding:14px;font-size:11px;color:var(--sub)}.wymaro-product-demo .prow{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:8px 10px}.wymaro-product-demo .prow .pth{width:54px;height:38px;border-radius:7px;display:grid;place-items:center;color:#fff;font-size:13px;background:var(--paper);flex:none}.wymaro-product-demo .prow .pnm{flex:1;font-size:11.5px;font-weight:600;min-width:0}.wymaro-product-demo .prow .pnm span{display:block;font-size:9.5px;color:var(--sub);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wymaro-product-demo .pfoot{justify-content:flex-end;gap:8px;margin-top:14px}.wymaro-product-demo .pfoot,.wymaro-product-demo .uprow{display:flex;border-top:1px solid var(--line);padding-top:12px}.wymaro-product-demo .uprow{align-items:center;justify-content:space-between;gap:14px;margin-top:12px;font-size:10.5px;color:var(--sub)}.wymaro-product-demo .uprow b{display:block;font-size:12.5px;color:var(--ink);font-weight:600;margin-bottom:3px}.wymaro-product-demo .dashbox.hot,.wymaro-product-demo .uprow.hot{border-color:var(--brand);background:var(--brand-soft);border-radius:12px}.wymaro-product-demo .filebtn{border:1px solid var(--line-2);border-radius:9px;padding:8px 12px;font-size:11px;color:var(--sub);min-width:260px;background:#fff}.wymaro-product-demo .filebtn b{color:var(--ink);font-weight:600;margin-right:6px}.wymaro-product-demo .xgrid{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:end}.wymaro-product-demo .mapgrid label,.wymaro-product-demo .xgrid label{font-size:11.5px;font-weight:600;display:block;margin-bottom:5px}.wymaro-product-demo .hint{font-size:9.5px;color:var(--sub);margin-top:4px}.wymaro-product-demo .xhead{font-size:12.5px;font-weight:600;margin-top:14px}.wymaro-product-demo .mapgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.wymaro-product-demo .mapprev{margin-top:12px;border:1.5px dashed var(--line-2);border-radius:12px;padding:16px;font-size:11px;color:var(--sub);display:flex;align-items:center;gap:8px;transition:.3s}.wymaro-product-demo .mapprev.on{border-style:solid;border-color:var(--line);padding:0;overflow:hidden;height:118px;position:relative;background-color:#EEF2E8;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(135deg,#EAF2E6,#F3EBDF 60%,#E9EEF5);background-size:40px 40px,40px 40px,100% 100%}.wymaro-product-demo .mapprev .pin{position:absolute;left:50%;top:45%;transform:translate(-50%,-100%);font-size:22px}.wymaro-product-demo .mapprev .addr{left:12px;color:var(--ink)}.wymaro-product-demo .mapprev .addr,.wymaro-product-demo .mapprev .open{position:absolute;bottom:10px;background:#fff;border-radius:8px;padding:6px 10px;font-size:10px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.wymaro-product-demo .mapprev .open{right:12px;color:var(--brand);font-weight:600}.wymaro-product-demo .dsec{margin-top:13px}.wymaro-product-demo .dsec h3{font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:8px}.wymaro-product-demo .dsec h3 svg{width:14px;height:14px;stroke:var(--brand);fill:none;stroke-width:1.8}.wymaro-product-demo .compile{position:absolute;inset:0;background:rgba(250,246,242,.92);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:18;opacity:0;transition:.3s}.wymaro-product-demo .compile.go{opacity:1}.wymaro-product-demo .compile .box{width:380px;background:#fff;border-radius:16px;box-shadow:0 30px 80px -20px rgba(40,20,5,.35);padding:18px 20px}.wymaro-product-demo .compile h4{font-size:14.5px;font-weight:600}.wymaro-product-demo .compile .mut{font-size:11px;color:var(--sub);margin-top:3px}.wymaro-product-demo .compile .wait{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:12px;font-size:11.5px}.wymaro-product-demo .compile ul{list-style:none;margin-top:10px;font-size:11px;color:var(--sub);display:flex;flex-direction:column;gap:6px}.wymaro-product-demo .compile li{display:flex;align-items:center;gap:8px}.wymaro-product-demo .compile li .ok{width:14px;height:14px;border-radius:50%;background:var(--ok);display:grid;place-items:center;transform:scale(0);transition:transform .3s cubic-bezier(.3,1.6,.4,1)}.wymaro-product-demo .compile li.done .ok{transform:scale(1)}.wymaro-product-demo .compile .ring{width:16px;height:16px;border:2px solid var(--brand-line);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;flex:none}.wymaro-product-demo .sendcard{margin-top:12px;padding:14px 18px;display:flex;align-items:center;gap:16px}.wymaro-product-demo .sendcard .bk{font-size:10.5px;color:var(--sub)}.wymaro-product-demo .sendcard h3{font-size:14px;font-weight:600;margin-top:3px}.wymaro-product-demo .sendcard p{font-size:10.5px;color:var(--sub);margin-top:2px}.wymaro-product-demo .sendcard .sp{flex:1}.wymaro-product-demo .sendcard .em{width:300px}.wymaro-product-demo .sendcard .em label{font-size:10.5px;font-weight:500;display:block;margin-bottom:5px;color:var(--ink)}.wymaro-product-demo .sendcard .em .row{display:flex;gap:7px}.wymaro-product-demo .sendcard .em .txt{font-size:11.5px;padding:8px 10px}.wymaro-product-demo .gprev{margin-top:12px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.wymaro-product-demo .gnav{display:flex;align-items:center;gap:18px;padding:10px 22px;border-bottom:1px solid var(--line);font-size:11px;color:var(--sub);font-weight:500}.wymaro-product-demo .gnav img{width:86px;height:20px;object-fit:cover;object-position:50% 48%}.wymaro-product-demo .gnav .sp{flex:1}.wymaro-product-demo .gnav .yl{background:#F6B400;color:var(--ink)}.wymaro-product-demo .gnav .dl,.wymaro-product-demo .gnav .yl{border-radius:999px;padding:6px 12px;font-weight:600;font-size:10.5px}.wymaro-product-demo .gnav .dl{background:var(--brand);color:#fff}.wymaro-product-demo .gnotice{margin:12px 22px 0;font-size:10px;color:#9A5A17;background:#FFF7EC;border:1px solid #f5d9a8;border-radius:10px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.wymaro-product-demo .gnotice span{color:#B98A55;font-size:10px}.wymaro-product-demo .ghero{position:relative;margin:14px 22px 0;height:170px;border-radius:14px;overflow:hidden;background:url(/product-demo/img/ext_banner.webp) 50%/cover;color:#fff;padding:22px 26px}.wymaro-product-demo .ghero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,10,8,.8),rgba(15,10,8,.35) 60%,rgba(15,10,8,.15))}.wymaro-product-demo .ghero>*{position:relative}.wymaro-product-demo .ghero h2{font-size:24px;font-weight:700;line-height:1.15;max-width:60%}.wymaro-product-demo .ghero p{font-size:11px;margin-top:6px;color:#e9e2dc}.wymaro-product-demo .ghero .chips{display:flex;gap:7px;margin-top:12px}.wymaro-product-demo .ghero .chips span{font-size:9.5px;font-weight:500;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:4px 10px;backdrop-filter:blur(3px)}.wymaro-product-demo .gph{padding:12px 22px 18px}.wymaro-product-demo .gph .hd{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600}.wymaro-product-demo .gph .hd .act{display:flex;gap:8px}.wymaro-product-demo .gph .hd .act .btn{font-size:10.5px;padding:6px 11px}.wymaro-product-demo .ggrid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto;gap:9px;margin-top:9px}.wymaro-product-demo .ggrid .g{border-radius:10px;background-size:cover;background-position:50%;aspect-ratio:4/2.6;position:relative}.wymaro-product-demo .ggrid .g.big{grid-row:span 2;aspect-ratio:auto;min-height:100%}.wymaro-product-demo .ggrid .g .cb{position:absolute;top:7px;left:7px;width:16px;height:16px;border-radius:5px;background:rgba(255,255,255,.85);border:1.3px solid rgba(0,0,0,.15)}.wymaro-product-demo .gsec{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:0 22px 20px}.wymaro-product-demo .gsec .vcard{max-width:none}.wymaro-product-demo .gcard{border:1px solid var(--line);border-radius:12px;padding:11px 13px;font-size:10.5px;color:var(--sub)}.wymaro-product-demo .gcard h5{font-size:11.5px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:6px;margin-bottom:6px}.wymaro-product-demo .gcard h5 svg{width:12px;height:12px;stroke:var(--brand);fill:none;stroke-width:1.8}.wymaro-product-demo .gcard .li{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid var(--line)}.wymaro-product-demo .gcard .map{height:52px;border-radius:8px;background:linear-gradient(135deg,#F4EFE9,#FBE9DF);display:grid;place-items:center;color:var(--brand);font-size:14px;margin-bottom:5px}.wymaro-product-demo .gfoot{margin:0 22px 22px;border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--sub)}.wymaro-product-demo .vrow{display:flex;gap:11px;margin-top:9px}.wymaro-product-demo .vcard{flex:1;max-width:300px;background:linear-gradient(150deg,#2E2723,#181310);border-radius:14px;padding:13px 14px;color:#fff;position:relative}.wymaro-product-demo .vcard .pv{position:absolute;top:11px;right:12px;font-size:7.5px;letter-spacing:.12em;color:#CBC2BB;border:1px solid #4a413b;border-radius:999px;padding:2.5px 8px}.wymaro-product-demo .vcard h5{font-size:11px;font-weight:600;max-width:80%}.wymaro-product-demo .vcard p{font-size:9px;color:#A79C93;margin-top:2px}.wymaro-product-demo .vcard .play{width:38px;height:38px;border-radius:12px;background:#fff;margin:14px auto;display:grid;place-items:center}.wymaro-product-demo .vcard .play i{width:0;height:0;border-left:11px solid var(--ink);border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}.wymaro-product-demo .vcard .vw{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.08);border-radius:999px;padding:6px 12px;font-size:9.5px}.wymaro-product-demo .vcard .vw span{color:#9C9189}.wymaro-product-demo .toast{position:absolute;left:50%;bottom:22px;transform:translate(-50%,14px);background:var(--ink);color:#fff;font-size:12px;font-weight:500;border-radius:12px;padding:11px 18px;display:flex;gap:9px;align-items:center;opacity:0;transition:.4s;z-index:40;white-space:nowrap}.wymaro-product-demo .toast.go{opacity:1;transform:translate(-50%)}.wymaro-product-demo .toast .ok{width:17px;height:17px;border-radius:50%;background:var(--ok);display:grid;place-items:center;flex:none}.wymaro-product-demo .toast svg{width:9px;height:9px;stroke:#fff;stroke-width:3;fill:none}.wymaro-product-demo .mail{width:100%;height:100%;background:#F6F8FB;display:flex;flex-direction:column;font-family:Poppins,system-ui,sans-serif}.wymaro-product-demo .mail .top{background:#fff;border-bottom:1px solid #e5e8ec;padding:14px 26px;display:flex;align-items:center;gap:10px}.wymaro-product-demo .mail .top h2{font-size:16px;font-weight:600;color:#1F2328}.wymaro-product-demo .mail .top .ib{font-size:9.5px;color:#444;background:#E8EAED;border-radius:4px;padding:2px 7px}.wymaro-product-demo .mail .meta{background:#fff;padding:10px 26px 12px;display:flex;align-items:center;gap:11px;font-size:11px;color:#5F6368;border-bottom:1px solid #e5e8ec}.wymaro-product-demo .mail .meta .av{width:32px;height:32px;border-radius:50%;background:#1A73E8;color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px}.wymaro-product-demo .mail .meta b{color:#1F2328;font-weight:600}.wymaro-product-demo .mail .meta .sp{flex:1}.wymaro-product-demo .mail .body{flex:1;display:grid;place-items:start center;padding:18px 0;overflow:hidden}.wymaro-product-demo .eml{width:500px;background:#fff;border-radius:10px;box-shadow:0 8px 30px -14px rgba(0,0,0,.25);overflow:hidden}.wymaro-product-demo .eml .eh{background:linear-gradient(90deg,#ff6019,#ff8a3c);color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.wymaro-product-demo .eml .eh b{font-size:14px;font-weight:700}.wymaro-product-demo .eml .eh span{font-size:8.5px;letter-spacing:.12em;opacity:.9}.wymaro-product-demo .eml .eb{padding:16px 20px 18px}.wymaro-product-demo .eml h3{font-size:16px;font-weight:700}.wymaro-product-demo .eml p{font-size:11px;color:#3C3C3C;margin-top:6px;line-height:1.55}.wymaro-product-demo .acc{margin-top:11px;border:1px solid var(--brand-line);background:#FFF6F1;border-radius:9px;padding:10px 13px}.wymaro-product-demo .acc h5{font-size:9px;letter-spacing:.1em;font-weight:700;margin-bottom:6px}.wymaro-product-demo .acc div{font-size:10.5px;color:#3C3C3C;margin-top:3px}.wymaro-product-demo .acc div b{font-weight:600;color:#1F2328}.wymaro-product-demo .acc.pub{background:#fff;border-color:#E5E8EC;display:flex;align-items:center;justify-content:space-between;gap:10px}.wymaro-product-demo .acc.pub .btn{background:var(--brand);color:#fff;border-color:var(--brand);font-size:11px;padding:7px 13px;border-radius:8px}.wymaro-product-demo .portal{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#FBF3EA,#F6EEE6 60%,#F3EBE3)}.wymaro-product-demo .pcard{width:840px;display:grid;grid-template-columns:1.15fr 1fr;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(70,35,15,.35)}.wymaro-product-demo .pleft{background:linear-gradient(160deg,#F7EEE4,#EFE3D6);padding:32px 34px}.wymaro-product-demo .plogo{display:inline-block;background:#fff;border-radius:12px;padding:10px 16px;box-shadow:0 8px 20px -12px rgba(0,0,0,.2)}.wymaro-product-demo .plogo img{width:90px;height:20px;object-fit:cover;object-position:50% 48%}.wymaro-product-demo .ptag{display:inline-block;margin-top:20px;font-size:9px;letter-spacing:.16em;font-weight:600;color:var(--brand);border:1px solid var(--brand-line);border-radius:999px;padding:4px 10px;background:#fff}.wymaro-product-demo .pleft h2{font-size:30px;font-weight:700;line-height:1.1;margin-top:14px}.wymaro-product-demo .pleft p{font-size:11.5px;color:#5c534d;margin-top:10px;line-height:1.55}.wymaro-product-demo .pnote{margin-top:10px;background:rgba(255,255,255,.75);border-radius:10px;padding:9px 12px;font-size:10.5px;color:#4c443f}.wymaro-product-demo .pright{background:#fff;padding:30px}.wymaro-product-demo .phead{display:flex;gap:12px;align-items:center}.wymaro-product-demo .phead .pic{width:44px;height:44px;border-radius:12px;background:var(--brand-soft);display:grid;place-items:center;font-size:16px}.wymaro-product-demo .pk{font-size:9px;letter-spacing:.16em;color:var(--brand);font-weight:600}.wymaro-product-demo .phead h3{font-size:19px;font-weight:600}.wymaro-product-demo .pm{font-size:10.5px;color:var(--sub)}.wymaro-product-demo .pright label{display:block;font-size:9px;letter-spacing:.08em;font-weight:600;margin:16px 0 5px}.wymaro-product-demo .pright .btn{width:100%;justify-content:center;margin-top:18px;padding:11px;background:linear-gradient(90deg,var(--brand),var(--brand-2));border:0}.wymaro-product-demo .eml a{color:#1A56DB;text-decoration:underline;font-size:10.5px;word-break:break-all}.wymaro-product-demo .gallery{width:100%;height:100%;background:var(--paper);overflow:hidden;position:relative}.wymaro-product-demo .gallery .gwrap{position:absolute;inset:0;overflow:hidden}.wymaro-product-demo .gallery .gnav{background:#fff;padding:12px 40px;position:sticky;top:0;z-index:2}.wymaro-product-demo .gallery .gnav img{width:92px;height:22px}.wymaro-product-demo .gallery .gnav a{font-size:11px;color:var(--sub);font-weight:500}.wymaro-product-demo .gallery .inner{width:900px;margin:0 auto;padding-bottom:20px}.wymaro-product-demo .gallery .ghero{margin:16px 0 0;height:180px}.wymaro-product-demo .cursor{position:absolute;width:22px;z-index:60;pointer-events:none;filter:drop-shadow(0 0 1.2px rgba(255,255,255,.95)) drop-shadow(0 2px 4px rgba(0,0,0,.38));opacity:0;transition:opacity .3s}.wymaro-product-demo .cursor.on{opacity:1}.wymaro-product-demo .cursor.down svg{transform:scale(.86)}.wymaro-product-demo .cursor svg{display:block;overflow:visible;transition:transform .12s;transform-origin:22% 12%}.wymaro-product-demo .pulse{position:absolute;width:34px;height:34px;border:3px solid var(--brand);border-radius:50%;transform:translate(-40%,-32%) scale(.25);opacity:0;pointer-events:none;z-index:55}.wymaro-product-demo .pulse.go{animation:pl .5s ease-out forwards}@keyframes pl{0%{opacity:.85;transform:translate(-40%,-32%) scale(.25)}to{opacity:0;transform:translate(-40%,-32%) scale(1.1)}}.wymaro-product-demo .callout{position:absolute;z-index:50;pointer-events:none;display:flex;align-items:center;transform:translateY(-50%)}.wymaro-product-demo .callout .ln{height:1.6px;background:var(--brand);width:0;transition:width .35s ease}.wymaro-product-demo .callout .dot{width:7px;height:7px;border-radius:50%;background:var(--brand);flex:none;box-shadow:0 0 0 4px rgba(255,96,25,.15)}.wymaro-product-demo .callout .lb{background:#fff;border:1px solid var(--brand-line);color:var(--ink);font-size:11px;font-weight:500;border-radius:10px;padding:7px 12px;box-shadow:0 12px 30px -12px rgba(60,30,10,.3);white-space:normal;line-height:1.35;width:max-content;max-width:230px;opacity:0;transform:translateX(-5px);transition:.3s .28s}.wymaro-product-demo .callout.go .ln{width:42px}.wymaro-product-demo .callout.go .lb{opacity:1;transform:none}.wymaro-product-demo .callout.below{flex-direction:column;align-items:center;transform:translateX(-50%)}.wymaro-product-demo .callout.below .ln{width:1.6px;height:0;transition:height .35s ease}.wymaro-product-demo .callout.below.go .ln{width:1.6px;height:24px}.wymaro-product-demo .callout.below .lb{transform:translateY(-5px);text-align:center}.wymaro-product-demo .callout.below.go .lb{transform:none}.wymaro-product-demo .callout.flip{flex-direction:row-reverse}.wymaro-product-demo .callout.flip .lb{transform:translateX(5px)}.wymaro-product-demo .callout.flip.go .lb{transform:none}@media (prefers-reduced-motion:reduce){.wymaro-product-demo .cpop,.wymaro-product-demo .cursor,.wymaro-product-demo .in,.wymaro-product-demo .lbx,.wymaro-product-demo .lightbox,.wymaro-product-demo .modal,.wymaro-product-demo .pop,.wymaro-product-demo .prefs{transition:none!important}.wymaro-product-demo .lbcompare.run .lbcompare-after{animation:none;clip-path:inset(0 18% 0 0)}.wymaro-product-demo .lbcompare.run .lbhandle{animation:none;left:82%;opacity:1}.wymaro-product-demo .ring,.wymaro-product-demo .spin{animation-duration:1.6s}}.wymaro-product-demo{container-type:inline-size;background:transparent;display:block;justify-content:normal;width:min(1142px,calc(100vw - 8px));margin-inline:auto;padding:0}.wymaro-product-demo,.wymaro-product-demo *{letter-spacing:0}.wymaro-product-demo .demo{width:min(1142px,100%);margin-inline:auto}.wymaro-product-demo .frame{contain:layout paint style}.wymaro-product-demo .stage{backface-visibility:hidden}.wymaro-product-demo .cursor{left:0;top:0;will-change:transform,opacity}.wymaro-product-demo .callout,.wymaro-product-demo .cpop,.wymaro-product-demo .lightbox,.wymaro-product-demo .modal,.wymaro-product-demo .pop,.wymaro-product-demo .prefs{max-width:calc(100% - 16px)}.wymaro-product-demo .modal{width:min(400px,calc(100% - 24px))}.wymaro-product-demo .lbx{width:min(720px,calc(100% - 28px))}.wymaro-product-demo .ghero .chips{flex-wrap:wrap}.wymaro-product-demo .gcard,.wymaro-product-demo .pnm,.wymaro-product-demo .prow,.wymaro-product-demo .vcard{min-width:0}.wymaro-product-demo .gcard .li span:first-child,.wymaro-product-demo .prow .pnm b,.wymaro-product-demo .prow .pnm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wymaro-product-demo .gallery .inner{width:min(900px,calc(100% - 40px))}@media(max-width:700px){.wymaro-product-demo .callout .lb{max-width:180px;font-size:10px;padding:6px 9px}.wymaro-product-demo .tab{min-width:86px}}.wymaro-product-demo--desktop .demo{display:flex;flex-direction:column;gap:8px;width:min(1142px,100%)}.wymaro-product-demo--desktop .tabs{order:2;display:flex;align-items:stretch;gap:6px;margin:0;padding:5px;border:1px solid rgba(220,207,196,.72);border-radius:15px;background:rgba(255,255,255,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 16px 40px -34px rgba(70,35,15,.42);backdrop-filter:blur(10px);counter-reset:workflow-step}.wymaro-product-demo--desktop .tab{flex:1 1 0;min-width:0;height:42px;border-radius:11px;padding:0 12px 0 10px;display:flex;align-items:center;gap:8px;font-size:11.25px;font-weight:600;color:#6f635b;opacity:.86;transform:none;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(250,247,243,.76));border-color:rgba(220,207,196,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);isolation:isolate}.wymaro-product-demo--desktop .tab:before{counter-increment:workflow-step;content:counter(workflow-step,decimal-leading-zero);display:grid;place-items:center;width:22px;height:22px;border-radius:999px;flex:none;font-size:9.5px;font-weight:700;color:#9a8f86;background:#f8f3ef;border:1px solid rgba(220,207,196,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);position:relative;z-index:1}.wymaro-product-demo--desktop .tab.done{opacity:.9}.wymaro-product-demo--desktop .tab.done:before{color:var(--brand);background:var(--brand-soft);border-color:var(--brand-line)}.wymaro-product-demo--desktop .tab.active{flex:1.12 1 0;opacity:1;color:var(--ink);background:linear-gradient(180deg,#fff,#fff8f4);border-color:var(--brand);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 16px 34px -26px rgba(255,96,25,.88)}.wymaro-product-demo--desktop .tab.active:before{color:#fff;background:var(--brand);border-color:var(--brand);box-shadow:0 8px 16px -10px rgba(255,96,25,.75)}.wymaro-product-demo--desktop .tab .bar{left:11px;right:11px;bottom:4px;width:auto;height:2px;z-index:0}.wymaro-product-demo--desktop .stage{backface-visibility:visible}.wymaro-product-demo--desktop .frame{order:1;width:100%;border-radius:18px;box-shadow:0 26px 70px -34px rgba(70,35,15,.38)}.wymaro-product-demo--tablet{padding-inline:clamp(10px,2vw,18px)}.wymaro-product-demo--tablet .demo{display:flex;flex-direction:column;gap:9px;width:min(940px,100%)}.wymaro-product-demo--tablet .tabs{order:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:7px;border:1px solid rgba(220,207,196,.72);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(250,247,243,.48)),rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 18px 42px -34px rgba(70,35,15,.42);backdrop-filter:blur(12px);counter-reset:workflow-step}.wymaro-product-demo--tablet .tab{position:relative;min-width:0;width:100%;height:46px;padding:0 12px 0 10px;display:flex;align-items:center;gap:8px;border-radius:12px;font-size:11px;font-weight:600;color:#625851;opacity:.88;transform:none;text-align:left;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,247,243,.78));border-color:rgba(220,207,196,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 22px -24px rgba(70,35,15,.34);isolation:isolate}.wymaro-product-demo--tablet .tab:before{counter-increment:workflow-step;content:counter(workflow-step,decimal-leading-zero);display:grid;place-items:center;width:23px;height:23px;border-radius:999px;flex:none;font-size:9px;font-weight:700;color:#9a8f86;background:#f8f3ef;border:1px solid rgba(220,207,196,.82);position:relative;z-index:1}.wymaro-product-demo--tablet .tab.active{opacity:1;color:var(--ink);background:linear-gradient(180deg,#fff,#fff8f4),radial-gradient(circle at 16% 20%,rgba(255,96,25,.1),transparent 32%);border-color:var(--brand);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 18px 34px -28px rgba(255,96,25,.82)}.wymaro-product-demo--tablet .tab.active:before{color:#fff;background:var(--brand);border-color:var(--brand)}.wymaro-product-demo--tablet .tab.done:before{color:var(--brand);background:var(--brand-soft);border-color:var(--brand-line)}.wymaro-product-demo--tablet .tab .bar{left:12px;right:12px;bottom:5px;width:auto;height:2.5px;z-index:0}.wymaro-product-demo--tablet .frame{order:1;width:100%;border-radius:18px;box-shadow:0 22px 60px -34px rgba(70,35,15,.34)}.wymaro-product-demo--tablet .chrome{height:36px}.wymaro-product-demo--mobile{padding-inline:0;width:min(470px,calc(100vw - 24px));margin-inline:auto}.wymaro-product-demo--mobile .demo{display:flex;flex-direction:column;gap:8px;width:min(470px,100%)}.wymaro-product-demo--mobile .tabs{order:2;display:flex;align-items:stretch;gap:7px;margin:0;padding:7px;border:1px solid rgba(220,207,196,.72);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(250,247,243,.5)),rgba(255,255,255,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 16px 36px -32px rgba(70,35,15,.4);backdrop-filter:blur(12px);overflow-x:auto;scroll-padding-inline:7px;scrollbar-width:none;-webkit-overflow-scrolling:touch;counter-reset:workflow-step}.wymaro-product-demo--mobile .tabs::-webkit-scrollbar{display:none}.wymaro-product-demo--mobile .tab{position:relative;flex:0 0 48px;min-width:0;height:40px;padding:0;border-radius:10px;text-align:left;font-size:0;font-weight:700;color:#5d544e;opacity:.78;transform:none;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,247,243,.78));border-color:rgba(220,207,196,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 22px -24px rgba(70,35,15,.34)}.wymaro-product-demo--mobile .tab:before{counter-increment:workflow-step;content:counter(workflow-step,decimal-leading-zero);position:absolute;left:50%;top:50%;width:28px;height:24px;display:grid;place-items:center;border-radius:999px;color:#9a8f86;background:#f8f3ef;border:1px solid rgba(220,207,196,.82);font-size:9.5px;font-weight:700;transform:translate(-50%,-50%)}.wymaro-product-demo--mobile .tab.active{flex-basis:124px;padding:0 12px 0 44px;display:flex;align-items:center;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;color:var(--ink);background:linear-gradient(180deg,#fff,#fff8f4),radial-gradient(circle at 18% 20%,rgba(255,96,25,.12),transparent 34%);border-color:var(--brand);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 16px 30px -26px rgba(255,96,25,.78)}.wymaro-product-demo--mobile .tab.active:before{left:22px;width:30px;height:24px;color:#fff;background:var(--brand);border-color:var(--brand)}.wymaro-product-demo--mobile .tab.done:before{color:var(--brand);background:var(--brand-soft);border-color:var(--brand-line)}.wymaro-product-demo--mobile .tab .bar{left:10px;right:10px;bottom:5px;width:auto;height:2.5px}.wymaro-product-demo--mobile .frame{order:1;width:100%;border-radius:16px;box-shadow:0 18px 48px -28px rgba(70,35,15,.32)}.wymaro-product-demo--mobile .chrome{height:36px;padding-inline:9px}.wymaro-product-demo--mobile .chrome .snd{margin-left:auto}.wymaro-product-demo--mobile .chrome .ctl{font-size:10.5px;padding:4px 8px}.wymaro-product-demo--mobile .callout .lb{max-width:170px;font-size:10px;padding:6px 9px}@media(max-width:700px){.wymaro-product-demo{width:calc(100vw - 4px);max-width:calc(100vw - 4px);margin-inline:calc(50% - 50vw + 2px);overflow:hidden}.wymaro-product-demo .demo,.wymaro-product-demo .frame,.wymaro-product-demo .viewport{max-width:100%;overflow:hidden}.wymaro-product-demo .tabs{display:none!important}.wymaro-product-demo--desktop .demo{gap:0}}.wymaro-product-demo--mobile{width:min(430px,calc(100vw - 18px))}.wymaro-product-demo--mobile .frame{background:#fff;overflow:hidden}.wymaro-product-demo--mobile .chrome .dots{display:flex}.wymaro-product-demo--mobile .chrome .url{display:block;flex:1 1 auto;min-width:0;max-width:138px;margin:0 auto;font-size:9.5px;padding-inline:8px}.wymaro-product-demo--mobile .viewport{height:clamp(500px,126vw,548px);background:radial-gradient(circle at 18% 10%,rgba(255,96,25,.12),transparent 30%),linear-gradient(180deg,#fbf7f3,#f3ece5);touch-action:pan-y}.wymaro-product-demo--mobile .stage{position:relative;inset:auto;width:100%;height:100%;transform:none!important;zoom:1!important;background:transparent}.wymaro-product-demo--mobile .mobile-demo-stage{position:relative;width:100%;height:100%;overflow:hidden;padding:14px;color:var(--ink)}.wymaro-product-demo--mobile .mobile-demo-stage:before{content:"";position:absolute;inset:56px 10px 12px;border-radius:20px;background:rgba(255,255,255,.42);border:1px solid rgba(229,218,209,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.78)}.wymaro-product-demo--mobile .m-top{position:relative;z-index:2;height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-radius:14px;background:rgba(255,255,255,.82);border:1px solid rgba(229,218,209,.78);box-shadow:0 14px 32px -28px rgba(70,35,15,.36)}.wymaro-product-demo--mobile .m-top span{font-size:12px;font-weight:700}.wymaro-product-demo--mobile .m-top b{font-size:10px;color:var(--brand);background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:999px;padding:4px 8px}.wymaro-product-demo--mobile .m-in{opacity:0;transform:translateY(10px);animation:mobileIn .55s cubic-bezier(.2,.75,.2,1) forwards}.wymaro-product-demo--mobile .m-in.delay{animation-delay:.18s}@keyframes mobileIn{to{opacity:1;transform:none}}.wymaro-product-demo--mobile .m-comment,.wymaro-product-demo--mobile .m-drop,.wymaro-product-demo--mobile .m-editor,.wymaro-product-demo--mobile .m-hero-card,.wymaro-product-demo--mobile .m-login,.wymaro-product-demo--mobile .m-package,.wymaro-product-demo--mobile .m-progress-card,.wymaro-product-demo--mobile .m-send{position:relative;z-index:2;border-radius:18px;background:rgba(255,255,255,.92);border:1px solid rgba(229,218,209,.9);box-shadow:0 24px 46px -34px rgba(70,35,15,.45)}.wymaro-product-demo--mobile .m-hero-card{margin-top:16px;padding:18px}.wymaro-product-demo--mobile .m-kicker{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-weight:800;margin-bottom:8px}.wymaro-product-demo--mobile .m-drop h3,.wymaro-product-demo--mobile .m-hero-card h3,.wymaro-product-demo--mobile .m-package h3,.wymaro-product-demo--mobile .m-progress-card h3{font-size:18px;line-height:1.15;font-weight:800}.wymaro-product-demo--mobile .m-drop p,.wymaro-product-demo--mobile .m-hero-card p,.wymaro-product-demo--mobile .m-progress-card p{margin-top:5px;font-size:11px;line-height:1.45;color:var(--sub)}.wymaro-product-demo--mobile .m-choice,.wymaro-product-demo--mobile .m-field{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}.wymaro-product-demo--mobile .m-choice.selected,.wymaro-product-demo--mobile .m-field.active{border-color:var(--brand);box-shadow:0 0 0 3px rgba(255,96,25,.08)}.wymaro-product-demo--mobile .m-choice span,.wymaro-product-demo--mobile .m-field span{display:block;font-size:9px;color:var(--sub);margin-bottom:4px}.wymaro-product-demo--mobile .m-choice small,.wymaro-product-demo--mobile .m-field b{display:block;font-size:11px;font-weight:700;color:var(--ink)}.wymaro-product-demo--mobile .m-primary{margin-top:14px;width:100%;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:12px;font-weight:800;box-shadow:0 16px 28px -20px rgba(255,96,25,.9)}.wymaro-product-demo--mobile .m-note{position:absolute;z-index:4;max-width:148px;border-radius:12px;padding:8px 10px;background:#fff;border:1px solid var(--brand-line);box-shadow:0 18px 34px -24px rgba(70,35,15,.46);color:var(--ink);font-size:10px;line-height:1.25;font-weight:700}.wymaro-product-demo--mobile .m-note-right{right:22px;bottom:84px}.wymaro-product-demo--mobile .m-note-left{left:22px;bottom:96px}.wymaro-product-demo--mobile .m-drop{margin-top:18px;padding:26px 20px;text-align:center;border-style:dashed}.wymaro-product-demo--mobile .m-upload-icon{width:44px;height:44px;display:grid;place-items:center;margin:0 auto 12px;border-radius:15px;background:var(--brand);color:#fff;font-size:24px;font-weight:700}.wymaro-product-demo--mobile .m-file-stack{position:relative;z-index:3;height:62px;margin:12px 30px 0}.wymaro-product-demo--mobile .m-file-stack span{position:absolute;width:118px;height:34px;border-radius:10px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 26px -22px rgba(70,35,15,.4);animation:fileFloat 1.5s ease-in-out infinite alternate}.wymaro-product-demo--mobile .m-file-stack span:first-child{left:0;top:0}.wymaro-product-demo--mobile .m-file-stack span:nth-child(2){left:74px;top:16px;animation-delay:.15s}.wymaro-product-demo--mobile .m-file-stack span:nth-child(3){right:0;top:4px;animation-delay:.3s}@keyframes fileFloat{to{transform:translateY(-5px)}}.wymaro-product-demo--mobile .m-card-list{position:relative;z-index:2;display:grid;gap:8px;margin-top:2px}.wymaro-product-demo--mobile .m-card-list div{min-width:0;display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;border-radius:13px;background:rgba(255,255,255,.92);border:1px solid var(--line);padding:10px 12px}.wymaro-product-demo--mobile .m-card-list b,.wymaro-product-demo--mobile .m-card-list em,.wymaro-product-demo--mobile .m-card-list small{font-size:10.5px}.wymaro-product-demo--mobile .m-card-list small{color:var(--sub)}.wymaro-product-demo--mobile .m-card-list em{grid-column:1/-1;justify-self:start;font-style:normal;color:var(--ok);background:var(--ok-soft);border-radius:999px;padding:3px 8px}.wymaro-product-demo--mobile .m-card-list em.orange{color:var(--brand);background:var(--brand-soft)}.wymaro-product-demo--mobile .m-progress-card{margin-top:18px;padding:18px;display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:center}.wymaro-product-demo--mobile .m-ring{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--brand) 0 73%,#f0e6de 73% 100%);box-shadow:inset 0 0 0 8px #fff}.wymaro-product-demo--mobile .m-ring span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:15px;font-weight:800}.wymaro-product-demo--mobile .m-before-after{position:relative;z-index:2;height:188px;margin-top:14px;border-radius:18px;overflow:hidden;border:1px solid rgba(229,218,209,.9);box-shadow:0 22px 44px -34px rgba(70,35,15,.45)}.wymaro-product-demo--mobile .m-before-after img,.wymaro-product-demo--mobile .m-gallery-hero img,.wymaro-product-demo--mobile .m-photo-wrap img,.wymaro-product-demo--mobile .m-review-grid img{width:100%;height:100%;object-fit:cover}.wymaro-product-demo--mobile .m-before-after .after,.wymaro-product-demo--mobile .m-photo-wrap .after{position:absolute;inset:0;clip-path:inset(0 42% 0 0);animation:mobileReveal 2.4s cubic-bezier(.4,.1,.2,1) infinite alternate}@keyframes mobileReveal{to{clip-path:inset(0 0 0 0)}}.wymaro-product-demo--mobile .m-before-after span{position:absolute;left:12px;bottom:12px;color:#fff;background:rgba(35,29,26,.78);border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.wymaro-product-demo--mobile .m-task-list{position:relative;z-index:2;display:flex;gap:7px;margin-top:12px;overflow:hidden}.wymaro-product-demo--mobile .m-task-list b{flex:1;min-width:0;border-radius:12px;background:rgba(255,255,255,.86);border:1px solid var(--line);padding:9px 7px;font-size:9.5px;text-align:center}.wymaro-product-demo--mobile .m-editor{margin-top:18px;padding:12px}.wymaro-product-demo--mobile .m-photo-wrap{position:relative;height:238px;border-radius:15px;overflow:hidden;background:#eee}.wymaro-product-demo--mobile .m-photo-wrap i{position:absolute;top:0;bottom:0;left:58%;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08);animation:mobileWipe 2.4s cubic-bezier(.4,.1,.2,1) infinite alternate}@keyframes mobileWipe{to{left:96%}}.wymaro-product-demo--mobile .m-slider{margin-top:12px;height:42px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;border:1px solid var(--line);border-radius:13px;padding:0 12px;background:#fff}.wymaro-product-demo--mobile .m-slider b,.wymaro-product-demo--mobile .m-slider span{font-size:11px;font-weight:800}.wymaro-product-demo--mobile .m-slider em{grid-column:1/-1;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--brand) 0 64%,#eee3da 64% 100%);margin-top:-8px}.wymaro-product-demo--mobile .m-tools{display:flex;gap:7px;margin-top:10px}.wymaro-product-demo--mobile .m-tools button{flex:1;height:34px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--sub);font-size:10px;font-weight:800}.wymaro-product-demo--mobile .m-tools button.on{color:var(--brand);border-color:var(--brand-line);background:var(--brand-soft)}.wymaro-product-demo--mobile .m-review-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.wymaro-product-demo--mobile .m-review-grid article{position:relative;height:124px;overflow:hidden;border-radius:15px;border:2px solid transparent;box-shadow:0 18px 34px -30px rgba(70,35,15,.45)}.wymaro-product-demo--mobile .m-review-grid article.sel{border-color:var(--brand)}.wymaro-product-demo--mobile .m-review-grid span{position:absolute;left:8px;right:8px;bottom:8px;border-radius:999px;padding:5px 7px;background:rgba(255,255,255,.92);color:var(--ink);font-size:9px;font-weight:800;text-align:center}.wymaro-product-demo--mobile .m-comment{margin-top:12px;padding:13px}.wymaro-product-demo--mobile .m-comment b{font-size:11px}.wymaro-product-demo--mobile .m-comment p{margin-top:6px;border-radius:12px;background:var(--paper);border:1px solid var(--line);padding:10px;font-size:11px;color:var(--sub)}.wymaro-product-demo--mobile .m-package{margin-top:18px;padding:16px}.wymaro-product-demo--mobile .m-package div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;border-bottom:1px solid var(--line);padding-bottom:9px}.wymaro-product-demo--mobile .m-package div:last-child{border-bottom:0;padding-bottom:0}.wymaro-product-demo--mobile .m-login small,.wymaro-product-demo--mobile .m-login span,.wymaro-product-demo--mobile .m-package b,.wymaro-product-demo--mobile .m-package span,.wymaro-product-demo--mobile .m-send span{font-size:11px}.wymaro-product-demo--mobile .m-login small,.wymaro-product-demo--mobile .m-package span{color:var(--sub)}.wymaro-product-demo--mobile .m-send{margin-top:12px;padding:12px}.wymaro-product-demo--mobile .m-send span{display:block;border-radius:12px;background:var(--paper);border:1px solid var(--line);padding:10px 12px;color:var(--sub)}.wymaro-product-demo--mobile .m-gallery{position:relative;z-index:2;margin-top:18px}.wymaro-product-demo--mobile .m-gallery-hero{position:relative;height:238px;border-radius:18px;overflow:hidden;box-shadow:0 24px 46px -34px rgba(70,35,15,.45)}.wymaro-product-demo--mobile .m-gallery-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(35,29,26,.68))}.wymaro-product-demo--mobile .m-gallery-hero span{position:absolute;z-index:1;left:14px;right:14px;bottom:14px;color:#fff;font-size:17px;font-weight:800}.wymaro-product-demo--mobile .m-gallery-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.wymaro-product-demo--mobile .m-gallery-actions button{height:40px;border:1px solid var(--line);border-radius:13px;background:#fff;font-size:10px;font-weight:800}.wymaro-product-demo--mobile .m-gallery-actions button.on{color:#fff;background:var(--brand);border-color:var(--brand)}.wymaro-product-demo--mobile .m-login{margin-top:12px;padding:13px;display:grid;gap:5px}.wymaro-product-demo--mobile .m-login b{font-size:12px}.wymaro-product-demo--mobile .m-cursor{position:absolute;z-index:5;width:22px;height:29px;filter:drop-shadow(0 0 1.2px rgba(255,255,255,.95)) drop-shadow(0 2px 4px rgba(0,0,0,.38));animation:cursorPress 1.8s ease-in-out infinite}.wymaro-product-demo--mobile .m-cursor:after,.wymaro-product-demo--mobile .m-cursor:before{content:"";position:absolute;inset:0;clip-path:polygon(10% 0,100% 61%,62% 66%,82% 100%,63% 100%,45% 69%,16% 94%)}.wymaro-product-demo--mobile .m-cursor:before{transform:scale(1.18);background:#fff}.wymaro-product-demo--mobile .m-cursor:after{background:#050608}@keyframes cursorPress{50%{transform:scale(.92)}}.wymaro-product-demo--mobile .m-cursor.create{left:54%;top:62%}.wymaro-product-demo--mobile .m-cursor.upload{left:58%;top:47%}.wymaro-product-demo--mobile .m-cursor.ai{left:72%;top:50%}.wymaro-product-demo--mobile .m-cursor.studio{left:66%;top:69%}.wymaro-product-demo--mobile .m-cursor.review{left:62%;top:74%}.wymaro-product-demo--mobile .m-cursor.deliver{left:67%;top:60%}.wymaro-product-demo--mobile .m-cursor.client{left:56%;top:73%}@media(max-width:380px){.wymaro-product-demo--mobile .viewport{height:500px}.wymaro-product-demo--mobile .mobile-demo-stage{padding:12px}.wymaro-product-demo--mobile .m-gallery-hero,.wymaro-product-demo--mobile .m-photo-wrap{height:216px}.wymaro-product-demo--mobile .m-review-grid article{height:112px}}