.canvas-experience{color:#252525;font-family:var(--font-marketing-body);position:relative}.canvas-hero{--canvas-scale:1;isolation:isolate;height:969px;min-height:620px;position:relative;overflow:hidden}.canvas-sky{z-index:-1;opacity:.6;background:linear-gradient(#fff 28%,#ffffff40 70%,#fff),url(../../../canvas/clouds.webp) 50%/cover;position:absolute;inset:0}.canvas-hero-scene{width:1440px;height:969px;transform:translateX(-50%) scale(var(--canvas-scale));transform-origin:top;position:absolute;top:0;left:50%}.canvas-copy{text-align:center;width:940px;position:absolute;top:150px;left:250px}.canvas-copy h1{font:400 88px/84px var(--font-marketing-display);letter-spacing:-4px;color:#171717e6;margin:0}.canvas-copy h1 em{font-style:italic}.canvas-copy p{color:#666;margin:22px 0 32px;font-size:16px;line-height:24px}.canvas-anchor,.canvas-media{left:calc(var(--x)*1px);top:calc(var(--y)*1px);width:calc(var(--w)*1px);height:calc(var(--h)*1px);position:absolute}.canvas-assets{pointer-events:none;z-index:5;position:absolute;inset:0}.canvas-assets[data-mounted=true]{position:fixed;inset:0;overflow:hidden}.canvas-assets[data-mounted=true] .canvas-media{transform-origin:0 0;top:0;left:0}.canvas-media{pointer-events:auto;perspective:800px}.canvas-media[data-selected=true]{outline-offset:2px;outline:1px solid #69b9df}.canvas-float{width:100%;height:100%;animation:canvas-float var(--float-duration,7s) ease-in-out var(--float-delay,0s) infinite alternate;transition:translate .36s ease-in-out,filter .36s ease-in-out;position:relative}.canvas-float>img,.canvas-float>video{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}.canvas-float:hover{filter:drop-shadow(0 12px 16px #65533d26);translate:0 -8px}.canvas-experience[data-docked=true] .canvas-media{pointer-events:none}.canvas-experience[data-docked=true] .canvas-float{filter:none;translate:none}.canvas-demo{width:calc(100% - 96px);max-width:1814px;margin:26px auto 150px;position:relative}.canvas-tabs{justify-content:center;gap:20px;margin-bottom:15px;display:flex}.canvas-tabs button{color:#666;font:400 16px/38.222px var(--font-marketing-body);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:0}.canvas-tabs button[aria-selected=true]{color:#171717;border-bottom-color:currentColor}.canvas-tabs button:focus-visible,.canvas-playback:focus-visible{outline-offset:5px;outline:2px solid #827363}.canvas-demo-frame{aspect-ratio:1344/582;color:#322e29;background:#fdfcfb radial-gradient(circle,#b8b0a44d .8px,#0000 .9px) 0 0/18px 18px;border:1px solid #0000001a;border-radius:8px;width:100%;min-height:410px;font-size:13px;position:relative;overflow:hidden}.canvas-land-slot{pointer-events:none;position:absolute}.canvas-ui{z-index:6;pointer-events:none;opacity:0;transition:opacity .4s ease-in-out;position:absolute;inset:0}.canvas-ui[data-visible=true]{opacity:1}.canvas-scene{position:absolute;inset:0}.canvas-context{white-space:nowrap;background:#faf8f4;border:1px solid #e8e3db;border-radius:10px;align-items:center;gap:0;padding:5px;animation:.36s ease-in-out both canvas-appear;display:flex;position:absolute;top:calc(50% - 164px);left:50%;transform:translate(-50%);box-shadow:0 3px 12px #33281d0d}.canvas-context>span{align-items:center;gap:7px;padding:7px 11px;font-size:12px;display:flex}.canvas-hint{color:#777;border-left:1px solid #ebe7e0}.canvas-apply{color:#fff;background:#2e2923;border-radius:6px;margin-left:4px}.canvas-composer{background:#faf8f4;border:1px solid #e9e6df;border-radius:14px;width:430px;max-width:calc(100% - 32px);padding:14px;animation:.36s ease-in-out both canvas-appear;position:absolute;bottom:77px;left:50%;transform:translate(-50%);box-shadow:0 3px 6px #0002}.canvas-composer p{color:#716b63;min-height:40px;margin:0 0 8px;font-size:13px}.canvas-composer>div{align-items:center;gap:17px;font-size:11px;display:flex}.canvas-composer .canvas-send{color:#fff;background:#332d27;border-radius:50%;place-items:center;width:26px;height:26px;margin-left:auto;display:grid}.canvas-popup{z-index:7;background:#faf8f4;border:1px solid #eeebe5;border-radius:12px;padding:10px;font-size:12px;animation:.36s ease-in-out both canvas-appear;position:absolute;box-shadow:0 3px 7px #0002}.canvas-input{justify-content:space-between;gap:10px;width:270px;display:flex;top:calc(50% + 80px);left:calc(50% - 30px)}.canvas-text-popup{width:220px;top:calc(50% + 50px);left:calc(50% - 60px)}.canvas-text-popup p{margin:0 0 10px}.canvas-text-popup small{color:#8a8379}.canvas-text-popup>div{background:#fff;border:1px solid #eae8e3;border-radius:7px;min-height:38px;margin-top:7px;padding:11px}.canvas-text-popup>span{color:#fff;background:#332d27;border-radius:6px;width:max-content;margin:7px 0 0 auto;padding:7px 10px;display:block}.canvas-menu{flex-direction:column;gap:4px;width:158px;display:flex;top:calc(50% - 112px);left:calc(50% + 100px)}.canvas-menu>span{border-radius:6px;padding:8px}.canvas-menu .active{background:#ece8e0}.canvas-ui[data-mode="4"] .canvas-context{top:24px;left:auto;right:18px;transform:none}.canvas-ui[data-mode="4"] .canvas-menu{top:72px;left:auto;right:18px}.canvas-status{white-space:nowrap;background:#faf8f4;border-radius:9px;align-items:center;gap:9px;padding:12px 18px;animation:.36s ease-in-out both canvas-appear;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0001}.canvas-spinner{border:1.5px solid #bbb;border-top-color:#39342e;border-radius:50%;width:13px;height:13px;animation:.8s linear infinite canvas-spin}.canvas-toast{white-space:nowrap;background:#faf8f4;border:1px solid #eee9e2;border-radius:8px;padding:9px 16px;font-size:12px;animation:.36s ease-in-out both canvas-appear;position:absolute;bottom:65px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0001}.canvas-cursor{z-index:100;pointer-events:none;width:38px;height:40px;transition:left .96s ease-in-out,top .96s ease-in-out;position:absolute;transform:rotate(-15deg)}.canvas-tools{pointer-events:auto;white-space:nowrap;background:#fdfbf8;border:1px solid #e8e3db;border-radius:14px;align-items:center;gap:7px;padding:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #33281d08}.canvas-tools>span{border-radius:10px;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.canvas-tools>span:first-child{color:#fff;background:#302b25}.canvas-tools .marketing-cta{height:32px;min-height:32px;padding:4px 12px;font-size:12px}.canvas-playback{pointer-events:auto;z-index:8;color:#8b857d;cursor:pointer;background:0 0;border:0;border-radius:7px;width:32px;height:32px;padding:8px;position:absolute;bottom:14px;right:14px}.canvas-playback:hover{color:#49443d;background:#e9e5df66}.canvas-playback svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:16px;height:16px}.canvas-mark{color:#30291a;background:#e2ba4320;border:1.5px solid #e2ba43;width:29%;height:13%;font-size:10px;position:absolute;top:34%;left:34%}.canvas-text-selection{background:#51c9dc25;border:1px solid #51c9dc;width:59%;height:17%;position:absolute;top:71%;left:7%}.canvas-scan{position:absolute;inset:0;overflow:hidden}.canvas-scan:after{content:"";background:linear-gradient(#0000 40%,#fff8 50%,#0000 60%);animation:1.8s ease-in-out infinite canvas-scan;position:absolute;inset:-100% 0 0}.canvas-experience[data-paused=true] .canvas-ui *,.canvas-experience[data-paused=true] .canvas-scan:after,.canvas-experience[data-paused=true] .canvas-float,.canvas-experience[data-moving=false] .canvas-ui *,.canvas-experience[data-moving=false] .canvas-scan:after{animation-play-state:paused}@keyframes canvas-float{0%{transform:translateY(0)rotate(0)}to{transform:translate3d(calc(3px * var(--float-blend,1)), calc(var(--float-y,-10px) * var(--float-blend,1)), 0) rotate(calc(var(--float-rotate,-1deg) * var(--float-blend,1)))}}@keyframes canvas-appear{0%{opacity:0;filter:blur(7px)}to{opacity:1;filter:blur()}}@keyframes canvas-spin{to{rotate:360deg}}@keyframes canvas-scan{0%{transform:translateY(-35%)}to{transform:translateY(85%)}}@media (width<=700px){.canvas-hero{min-height:0}.canvas-hero-scene{width:700px;height:1050px}.canvas-copy{width:650px;top:165px;left:25px}.canvas-copy h1{letter-spacing:-3px;font-size:68px;line-height:68px}.canvas-copy p{margin-top:24px;font-size:20px;line-height:29px}.canvas-anchor[data-index="0"]{width:138px;height:170px;top:505px;left:28px}.canvas-anchor[data-index="1"]{width:180px;height:101px;top:508px;left:495px}.canvas-anchor[data-index="2"]{width:280px;height:158px;top:648px;left:213px}.canvas-anchor[data-index="3"]{width:130px;height:161px;top:837px;left:88px}.canvas-anchor[data-index="4"]{width:125px;height:155px;top:804px;left:500px}.canvas-demo{width:calc(100% - 32px);margin-top:15px;margin-bottom:90px}.canvas-tabs{justify-content:space-between;gap:0;margin-top:9px}.canvas-tabs button{font-size:13px}.canvas-demo-frame{min-height:400px}.canvas-scene{width:640px;height:540px;transform:translate(-50%, -50%) scale(var(--scene-scale,.7));transform-origin:50%;inset:50% auto auto 50%}.canvas-tools{gap:2px;padding:5px}.canvas-tools>span{width:26px;font-size:16px}.canvas-cursor{width:30px;height:32px}}@media (prefers-reduced-motion:reduce){.canvas-experience *{transition:none!important;animation:none!important}.canvas-cursor{display:none}}.canvas-tools svg{stroke:currentColor;fill:none;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.canvas-experience[data-moving=false] .canvas-float{animation-play-state:paused}.canvas-experience[data-moving=false] .canvas-cursor{transition:none}.canvas-media[data-docking=true]{pointer-events:none}.canvas-media[data-docking=true] .canvas-float{filter:none;translate:none}.canvas-media[data-index="0"]{--float-duration:6.8s;--float-delay:-1.4s;--float-y:-10px;--float-rotate:-1deg}.canvas-media[data-index="1"]{--float-duration:8.2s;--float-delay:-3.8s;--float-y:9px;--float-rotate:.8deg}.canvas-media[data-index="2"]{--float-duration:7.6s;--float-delay:-2s;--float-y:-12px;--float-rotate:-.6deg}.canvas-media[data-index="3"]{--float-duration:9s;--float-delay:-5.2s;--float-y:11px;--float-rotate:1.1deg}.canvas-media[data-index="4"]{--float-duration:7.2s;--float-delay:-.6s;--float-y:-9px;--float-rotate:-.8deg}.canvas-ui svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.canvas-composer>div>span,.canvas-menu>span,.canvas-toast,.canvas-input{align-items:center;gap:7px;display:flex}.canvas-input>span{flex:1;min-height:18px}@media (width<=420px){.canvas-tabs{gap:10px}.canvas-tabs button{font-size:11px}}.canvas-mark:before{content:"1";text-align:center;background:#e2ba43;width:16px;font-size:10px;line-height:16px;position:absolute;top:-16px;left:-1px}.canvas-playback:disabled{cursor:default;opacity:.5}.canvas-closing.svelte-mwayau{isolation:isolate;text-align:center;padding:7.5rem 1.5rem;position:relative;overflow:hidden}.canvas-closing.svelte-mwayau:before{content:"";z-index:-1;opacity:.6;background:linear-gradient(#fff,#ffffff70),url(../../../canvas/clouds.webp) 50%/cover;position:absolute;inset:0}.canvas-closing.svelte-mwayau p:where(.svelte-mwayau){max-width:33.75rem;margin:1.625rem auto 2rem}