.system-circuit{border-radius:inherit;pointer-events:none;z-index:-1;width:100%;height:100%;display:none;position:absolute;inset:0;overflow:hidden}[data-theme=system] .system-circuit{display:block}[data-theme=system] .hero-scene{display:none}.system-circuit path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.circuit-route{stroke:#587cc6;stroke-width:1px;opacity:.12}.circuit-pulse{stroke-dasharray:var(--pulse-length) 150;stroke-dashoffset:var(--pulse-length);opacity:0}[data-theme=system] .circuit-pulse{animation:circuit-travel var(--circuit-duration) linear var(--circuit-delay) infinite}.circuit-tail{--pulse-length:22px;stroke:#6d95e94d;stroke-width:3px}.circuit-trail{--pulse-length:9px;stroke:#508bd5a6;stroke-width:2px}.circuit-head{--pulse-length:1.6px;stroke:#3269c7;stroke-width:2.5px;filter:drop-shadow(0 0 3px #64b5ffb3)}@keyframes circuit-travel{0%{stroke-dashoffset:var(--pulse-length);opacity:0}8%{opacity:1}64%{opacity:1}82%,to{stroke-dashoffset:calc(var(--pulse-length) - 124px);opacity:0}}@media (prefers-reduced-motion:reduce){.circuit-pulse{display:none}}.pricing-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.pricing-summary-card{border:1px solid var(--studio-line);background:#fff;border-radius:9px;flex-direction:column;min-width:0;padding:25px;display:flex}.pricing-summary :is(p,h3,a){word-break:auto-phrase;line-break:strict;text-wrap:pretty}.pricing-summary-card[data-summary-plan=business]{background:#eff5e4}.pricing-summary-card[data-summary-plan=managed]{background:#e3eddc}.summary-plan-label{color:var(--studio-muted);margin-bottom:8px;font-size:12px}.pricing-summary-card h3{font-size:21px}.summary-amounts{gap:8px;margin:18px 0;display:grid}.summary-amounts>div{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.summary-amounts dt,.summary-amounts dd{margin:0;font-size:13px}.summary-amounts dd{white-space:nowrap}.summary-amounts strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:28px;line-height:1.4}.summary-term{color:var(--studio-muted);margin-bottom:18px;font-size:13px}.summary-term strong{color:var(--studio-ink);font-size:16px}.pricing-summary-card>a{border-top:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:auto;padding-top:12px;font-size:13px;font-weight:700;display:flex}.pricing-summary-card>a:hover{text-underline-offset:4px;text-decoration:underline}.pricing-summary-footer{align-items:center;gap:24px;margin-top:20px;display:flex}.pricing-summary-footer p{color:var(--studio-muted);flex:1;font-size:13px}.pricing-summary-footer .studio-button{flex-shrink:0}.pricing-ownership-link{background:#eff5e4;border:1px solid #bfceb2;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;min-height:56px;margin-top:20px;padding:18px 22px;font-size:14px;font-weight:700;display:flex}.pricing-ownership-link>span:last-child{font-size:13px;font-weight:400}.pricing-ownership-link:hover>span:last-child{text-underline-offset:4px;text-decoration:underline}@media (width<=1160px){.pricing-summary-grid{grid-template-columns:1fr;gap:14px}.pricing-summary-footer{flex-direction:column;align-items:stretch;gap:16px}}@media (width<=480px){.pricing-summary-card{padding:22px 20px}.pricing-summary-footer .studio-button{gap:12px;padding-inline:12px}}.sample-website{--sample-ink:#244b40;--sample-accent:#3f7764;--sample-paper:#fffdf4;--sample-soft:#e1ead7;--sample-line:#b4cbbb;color:var(--sample-ink);background:var(--sample-paper);border:1px solid var(--sample-line);border-radius:2px;width:100%;max-width:900px;margin-inline:auto;overflow:hidden;box-shadow:0 14px 34px #283b3310;container-type:inline-size}.sample-topline{border-bottom:1px solid var(--sample-line);letter-spacing:.14em;z-index:1;justify-content:space-between;align-items:center;gap:12px;padding:18px 26px;font:600 10px/1.5 Segoe UI,sans-serif;display:flex;position:relative}.sample-topline>span:last-child{letter-spacing:.08em;font:9px Consolas,monospace}.sample-content{isolation:isolate;grid-template-columns:1fr 1fr;align-items:center;gap:4px;min-height:368px;padding:32px 34px;display:grid;position:relative}.sample-copy{z-index:1;position:relative}.sample-kicker{letter-spacing:.06em;margin-bottom:20px;font:8px/1.7 Consolas,monospace;display:block}.sample-copy h3{letter-spacing:.02em;font:700 clamp(32px,6.8cqw,55px)/1.32 Yu Mincho,Hiragino Mincho ProN,serif}.sample-copy h3 em{color:var(--sample-accent);font-style:normal}.sample-copy>p{margin-top:18px;font-size:11px;line-height:2.1}.sample-cta{background:var(--sample-accent);min-height:40px;color:var(--sample-paper);border:1px solid #0000;justify-content:space-between;align-items:center;gap:28px;margin-top:22px;padding:9px 15px;font-size:10px;font-weight:700;display:inline-flex}.sample-cta>span{font-size:16px}.sample-cta:hover{filter:brightness(1.15)}.sample-art{align-self:center;place-items:center;min-width:0;display:grid;position:relative}.sample-art>svg{z-index:1;width:115%;max-width:330px;height:auto;position:relative}.sample-disc{aspect-ratio:1;background:var(--sample-soft);opacity:.9;border-radius:50%;width:min(105%,310px);position:absolute}.cup-shadow{fill:var(--sample-ink);opacity:.09}.cup-body{fill:#fffef7;stroke:var(--sample-ink);stroke-width:2px}.cup-handle{fill:none;stroke:var(--sample-ink);stroke-width:13px}.cup-rim{fill:#fffef7;stroke:var(--sample-ink);stroke-width:2px}.cup-coffee{fill:#755740}.cup-mark{fill:none;stroke:#648263;stroke-width:6px}.cup-steam{fill:none;stroke:var(--sample-ink);stroke-width:2px;stroke-linecap:round;opacity:.4}.sample-stamp{z-index:2;border:1px solid var(--sample-accent);width:74px;height:74px;color:var(--sample-accent);background:var(--sample-paper);text-align:center;border-radius:50%;place-items:center;font:8px/1.7 Consolas,monospace;display:grid;position:absolute;bottom:-15px;right:-4px;rotate:12deg}.sample-bottom{border-top:1px solid var(--sample-line);letter-spacing:.03em;justify-content:space-between;gap:12px;padding:14px 26px;font:8px/1.8 Consolas,monospace;display:flex}.sample-bottom>span:last-child{font-family:Yu Gothic,sans-serif}.sample-menu:not([hidden]){border-top:1px solid var(--sample-line);background:var(--sample-soft);gap:6px;padding:18px 26px;font-size:11px;display:grid}.sample-menu small{margin-top:8px;font-size:10px}[data-sample-style=pop]{--sample-ink:#523731;--sample-accent:#a63c27;--sample-paper:#fff8da;--sample-soft:#ffe091;--sample-line:#ddb98a;border:2px solid #62483a;border-radius:20px;box-shadow:5px 5px #cab59a}[data-sample-style=pop] .sample-topline{border-bottom-style:dashed;font-weight:800}[data-sample-style=pop] .sample-copy h3{letter-spacing:-.04em;font-family:Yu Gothic,Meiryo,sans-serif;font-weight:900;rotate:-3deg}[data-sample-style=pop] .sample-kicker{background:#fffef7;border:1px solid #b5936a;border-radius:20px;padding:4px 9px;display:inline-block;rotate:-4deg}[data-sample-style=pop] .sample-cta{color:#fff;border-radius:28px;box-shadow:3px 3px #eab083}[data-sample-style=pop] .sample-disc{border-radius:35% 55% 45% 60%;rotate:-12deg}[data-sample-style=pop] .sample-stamp{color:#fff;background:#697bba;border:2px dotted #fff;rotate:-15deg}[data-sample-style=pop] .sample-bottom{border-top-style:dashed}[data-sample-style=machine]{--sample-ink:#344653;--sample-accent:#795822;--sample-paper:#f3f5f5;--sample-soft:#dde3e5;--sample-line:#b6c2c8;border:3px double #8999a4;border-radius:0;box-shadow:5px 5px #c0cbd0}[data-sample-style=machine] .sample-topline{color:#f8fafb;letter-spacing:.18em;background:#354650}[data-sample-style=machine] .sample-content{background-image:linear-gradient(#9baab01a 1px,#0000 1px),linear-gradient(90deg,#9baab01a 1px,#0000 1px);background-size:20px 20px}[data-sample-style=machine] .sample-copy h3{letter-spacing:-.04em;font-family:Yu Gothic,sans-serif;font-weight:800}[data-sample-style=machine] .sample-kicker{background:#e2e7e8;border-left:4px solid #b78639;padding:6px 8px}[data-sample-style=machine] .sample-disc{background:#dbe1e39c;border:1px dashed #83949e;border-radius:0}[data-sample-style=machine] .sample-stamp{border:2px solid #87949b;border-radius:0;width:90px;height:48px;font-weight:700;rotate:0deg}[data-sample-style=machine] .sample-cta{color:#152f3d;background:#b48540;border:1px solid #75592c;box-shadow:2px 2px #9babae}[data-sample-style=system]{--sample-ink:#e1eeec;--sample-accent:#a0e4c9;--sample-paper:#172f38;--sample-soft:#254957;--sample-line:#41636a;border-radius:10px;box-shadow:0 15px 25px #0a202326}[data-sample-style=system] .sample-topline{color:#abdbce;background:#11262f}[data-sample-style=system] .sample-content{background-image:radial-gradient(#7eaca428 .8px,#0000 .8px);background-size:16px 16px}[data-sample-style=system] .sample-copy h3{letter-spacing:-.035em;font-family:Yu Gothic,sans-serif;font-weight:700}[data-sample-style=system] .sample-kicker{color:#a0e4c9}[data-sample-style=system] .sample-disc{background:#294e594d;border:1px solid #78bdae;border-radius:12px;box-shadow:inset 0 0 30px #72dbb911}[data-sample-style=system] .sample-stamp{color:#aff5df;border-color:#75bfa8;border-radius:4px;width:95px;height:42px;font-size:8px;rotate:0deg}[data-sample-style=system] .cup-body,[data-sample-style=system] .cup-rim{stroke:#adcfbd}[data-sample-style=system] .cup-handle{stroke:#8eb7b0}[data-sample-style=system] .sample-cta{border-radius:4px}.sample-website[data-sample-view=mobile]{max-width:330px}@container (width<=480px){.sample-topline{padding:15px 18px;font-size:9px}.sample-topline>span:last-child{font-size:8px}.sample-content{grid-template-columns:1fr;gap:26px;padding:28px 25px 22px}.sample-copy h3{font-size:42px}.sample-copy{text-align:center}.sample-kicker{margin-bottom:14px}.sample-copy>p{margin-top:14px;font-size:11px}.sample-cta{min-height:44px;margin-top:18px;font-size:11px}.sample-art{width:150px;margin:0 auto 15px}.sample-art>svg{width:180px}.sample-stamp{width:55px;height:55px;font-size:6px;bottom:-5px;right:-35px}.sample-bottom{flex-direction:column;align-items:center;gap:3px;padding:12px 15px;font-size:8px}.sample-menu:not([hidden]){padding-inline:20px}}[data-sample-style=japanese]{--sample-ink:#383e33;--sample-accent:#a13e30;--sample-paper:#f4f0e3;--sample-soft:#e5dbc0;--sample-line:#c1b9a2;background-image:repeating-linear-gradient(105deg,#0000 0 3px,#635d4505 3px 4px);border-radius:0;box-shadow:0 9px 28px #4b412319}[data-sample-style=japanese] .sample-topline{letter-spacing:.2em;border-bottom:0}[data-sample-style=japanese] .sample-content{grid-template-columns:1.05fr .95fr;padding-block:25px 32px}[data-sample-style=japanese] .sample-art{order:-1}[data-sample-style=japanese] .sample-copy{text-align:center;justify-items:center;display:grid}[data-sample-style=japanese] .sample-copy h3{writing-mode:vertical-rl;letter-spacing:.1em;height:205px;font:500 42px/1.55 Yu Mincho,serif}[data-sample-style=japanese] .sample-kicker{letter-spacing:.12em;margin-bottom:15px;font-size:7px}[data-sample-style=japanese] .sample-copy>p{margin-top:12px;font-family:Yu Mincho,serif}[data-sample-style=japanese] .sample-disc{background:#c35b4140;border:1px solid #a84b342a;border-radius:50%;width:min(105%,265px)}[data-sample-style=japanese] .sample-cta{border:1px solid var(--sample-accent);color:var(--sample-accent);background:0 0;margin-top:16px;font-family:Yu Mincho,serif}[data-sample-style=japanese] .sample-stamp{border:3px double var(--sample-accent);background:#f4f0e3e8;border-radius:2px;width:66px;height:66px;rotate:-3deg}[data-sample-style=japanese] .cup-mark{stroke:#a13e30}[data-sample-style=japanese] .sample-bottom{border-top:1px solid #a13e3059}[data-sample-style=editorial]{--sample-ink:#292722;--sample-accent:#aa3f25;--sample-paper:#fbf7ef;--sample-soft:#efded0;--sample-line:#b3a390;border:1px solid #7e7365;border-radius:0;box-shadow:6px 6px #c8c1b4}[data-sample-style=editorial] .sample-topline{border-bottom:3px solid var(--sample-ink);letter-spacing:-.03em;font:800 19px/1.2 Georgia,serif}[data-sample-style=editorial] .sample-topline>span:last-child{border-left:1px solid #9b8a75;padding-left:12px}[data-sample-style=editorial] .sample-content{grid-template-columns:1.2fr .8fr;gap:18px;padding-inline:28px}[data-sample-style=editorial] .sample-copy h3{letter-spacing:-.08em;font-family:Yu Gothic,sans-serif;font-size:clamp(38px,8.5cqw,74px);font-weight:900;line-height:1.12}[data-sample-style=editorial] .sample-kicker{background:var(--sample-ink);color:var(--sample-paper);letter-spacing:.04em;padding:4px 8px;display:inline-block}[data-sample-style=editorial] .sample-cta{color:var(--sample-ink);border-bottom:2px solid var(--sample-ink);background:0 0;min-width:150px;padding-inline:0}[data-sample-style=editorial] .sample-disc{aspect-ratio:.8;background:#e1734f;border-radius:0;width:100%;max-width:245px}[data-sample-style=editorial] .sample-art>svg{width:115%;max-width:280px}[data-sample-style=editorial] .sample-stamp{background:var(--sample-ink);color:var(--sample-paper);border:0;border-radius:0;width:86px;height:46px;bottom:-28px;right:-6px;rotate:0deg}[data-sample-style=editorial] .cup-mark{stroke:#aa3f25}[data-sample-style=editorial] .sample-bottom{border-top:3px solid var(--sample-ink)}[data-sample-style=luxury]{--sample-ink:#f1e7d8;--sample-accent:#e0bf86;--sample-paper:#28202c;--sample-soft:#413342;--sample-line:#887358;border:3px double #b59b71;border-radius:0;box-shadow:0 12px 30px #30233133}[data-sample-style=luxury] .sample-topline{letter-spacing:.28em;color:var(--sample-accent);border-bottom-color:#b59b714f;justify-content:center;padding-block:22px}[data-sample-style=luxury] .sample-topline>span:last-child{display:none}[data-sample-style=luxury] .sample-content{gap:22px;padding:36px}[data-sample-style=luxury] .sample-copy{text-align:center}[data-sample-style=luxury] .sample-copy h3{letter-spacing:.07em;font-family:Yu Mincho,serif;font-size:clamp(30px,5.7cqw,48px);font-weight:400;line-height:1.65}[data-sample-style=luxury] .sample-kicker{color:var(--sample-accent);letter-spacing:.15em;font-size:7px}[data-sample-style=luxury] .sample-disc{background:linear-gradient(150deg,#b997672b,#b9976700 65%);border:1px solid #b99d6b;border-radius:50% 50% 3px 3px;width:min(100%,265px);box-shadow:0 0 0 7px #28202c,0 0 0 8px #b99d6b40}[data-sample-style=luxury] .sample-stamp{letter-spacing:.1em;background:#28202ce8;border:1px solid #a98d67;border-left:0;border-right:0;border-radius:0;width:100px;height:39px;right:0;rotate:0deg}[data-sample-style=luxury] .sample-cta{color:var(--sample-accent);background:0 0;border:1px solid #ac9067;padding-inline:19px}[data-sample-style=luxury] .cup-body,[data-sample-style=luxury] .cup-rim{fill:#403544;stroke:#c9ad7e}[data-sample-style=luxury] .cup-handle,[data-sample-style=luxury] .cup-mark{stroke:#c9ad7e}[data-sample-style=luxury] .cup-coffee{fill:#221b23}[data-sample-style=luxury] .sample-bottom{color:#dac6a4;border-top-color:#b59b714f}@container (width<=480px){[data-sample-style=japanese] .sample-content,[data-sample-style=editorial] .sample-content,[data-sample-style=luxury] .sample-content{grid-template-columns:1fr;gap:35px;padding:28px 22px}[data-sample-style=japanese] .sample-art{order:0}[data-sample-style=japanese] .sample-copy h3{height:180px;font-size:36px}[data-sample-style=japanese] .sample-stamp{width:50px;height:50px}[data-sample-style=editorial] .sample-topline{font-size:13px}[data-sample-style=editorial] .sample-topline>span:last-child{padding-left:7px;font-size:7px}[data-sample-style=editorial] .sample-copy h3{font-size:44px}[data-sample-style=editorial] .sample-art{margin-bottom:28px}[data-sample-style=editorial] .sample-stamp{bottom:-20px}[data-sample-style=luxury] .sample-copy h3{font-size:36px}[data-sample-style=luxury] .sample-topline{letter-spacing:.2em}}[data-sample-effect=ripple] .effect-ripple,[data-sample-effect=aurora] .effect-aurora,[data-sample-effect=dots] .effect-dots{display:block}.effect-ripple i{opacity:0;border:1px solid;border-radius:50%;width:260px;height:260px;margin:-130px 0 0 -130px;animation:10s ease-out infinite studio-ripple;position:absolute;top:50%;left:74%}.effect-ripple i:nth-child(2){animation-delay:-3.33s}.effect-ripple i:nth-child(3){animation-delay:-6.66s}@keyframes studio-ripple{0%{opacity:0;scale:.25}18%{opacity:.4}80%{opacity:.16}to{opacity:0;scale:2.2}}.effect-aurora{overflow:hidden}.effect-aurora i{background:radial-gradient(ellipse at 65% 50%, color-mix(in srgb, var(--sample-accent), transparent 67%), transparent 55%);animation:22s ease-in-out infinite alternate studio-aurora;position:absolute;inset:-40%}.effect-aurora i:nth-child(2){background:radial-gradient(at 80% 60%,#86b6ab42,#0000 45%);animation-direction:alternate-reverse;animation-delay:-11s}.effect-aurora i:nth-child(3){background:radial-gradient(at 40% 80%,#b794cb30,#0000 45%);animation-duration:28s;animation-delay:-8s}@keyframes studio-aurora{0%{transform:translate(-8%,-7%)rotate(-16deg)scale(.85)}to{transform:translate(8%,7%)rotate(16deg)scale(1.12)}}.effect-dots circle{fill:currentColor;opacity:.2;transform-box:fill-box;transform-origin:50%;animation:studio-dot-wave 5s ease-in-out var(--dot-delay) infinite}@keyframes studio-dot-wave{0%,to{opacity:.1;scale:.65}45%{opacity:.45;scale:1.75}75%{opacity:.15;scale:.8}}@media (prefers-reduced-motion:reduce){.effect-ripple i{opacity:.18;scale:1}.effect-ripple i:nth-child(2){scale:1.5}.effect-ripple i:nth-child(3){scale:2}.effect-dots circle{opacity:.18}}.sample-effects{z-index:-1;pointer-events:none;color:var(--sample-accent);position:absolute;inset:0;overflow:hidden}.sample-effect{width:100%;height:100%;display:none;position:absolute;inset:0}[data-sample-effect=line] .effect-line,[data-sample-effect=float] .effect-float,[data-sample-effect=scan] .effect-scan,[data-sample-effect=circuit] .effect-circuit{display:block}.effect-line{fill:none;stroke:currentColor;stroke-width:1px}.draft-base{opacity:.12}.draft-draw{stroke-dasharray:100;stroke-dashoffset:100px;opacity:.6;animation:8s ease-in-out infinite studio-draw}.draft-arrow{stroke-width:1.5px;animation-delay:-4s}.effect-line circle{fill:currentColor;stroke:none;opacity:.4}.effect-float i{opacity:.3;border:1px solid;border-radius:50%;width:68px;height:68px;animation:7s ease-in-out infinite studio-float;position:absolute;top:8%;left:6%}.effect-float i:nth-child(2){opacity:.18;background:currentColor;width:38px;height:38px;animation-delay:-3s;top:20%;left:82%}.effect-float i:nth-child(3){border-radius:3px;width:26px;height:26px;animation-delay:-5s;top:78%;left:88%;rotate:24deg}.effect-float i:nth-child(4){background:currentColor;width:15px;height:15px;animation-duration:9s;top:85%;left:8%}.effect-float i:nth-child(5){border-style:dashed;width:96px;height:96px;animation-delay:-2s;top:62%;left:46%}.effect-scan{background:repeating-linear-gradient(0deg,#0000,#0000 21px,#78917a12 22px)}.effect-scan>span{opacity:.65;background:linear-gradient(#0000,#bcb58835);border-bottom:1px solid;height:18%;animation:6s linear infinite studio-scan;position:absolute;inset:0 0 auto}.effect-scan>i{opacity:.25;background:repeating-linear-gradient(0deg,currentColor 0 1px,#0000 1px 10px);width:11px;position:absolute;top:12px;bottom:12px;right:13px}.effect-circuit .system-circuit{z-index:0}.effect-circuit .circuit-head{stroke:var(--sample-accent)}.effect-circuit .circuit-trail,.effect-circuit .circuit-tail{stroke:var(--sample-accent);stroke-opacity:.3}@keyframes studio-draw{0%,8%{stroke-dashoffset:100px;opacity:0}18%{opacity:.6}70%,84%{stroke-dashoffset:0;opacity:.6}to{stroke-dashoffset:0;opacity:0}}@keyframes studio-float{0%,to{translate:0}50%{translate:9px -19px}}@keyframes studio-scan{0%{opacity:0;translate:0 -110%}12%,80%{opacity:.6}to{opacity:0;translate:0 590%}}.demo-reaction{background:#f9fbf1;border:1px solid #284835;border-radius:3px;align-items:center;gap:42px;min-height:50px;padding:12px 18px;font-size:13px;transition:background .2s,box-shadow .2s;display:inline-flex}.demo-reaction>span{background:#daeea6;border-radius:50%;place-items:center;width:27px;height:27px;transition:rotate .3s,translate .3s;display:inline-grid}.demo-reaction:hover,.demo-reaction:focus-visible,.demo-reaction.is-reacting{background:#dcf6a2;box-shadow:4px 4px #93a980}.demo-reaction:hover>span,.demo-reaction:focus-visible>span,.demo-reaction.is-reacting>span{translate:3px;rotate:45deg}.interaction-stage>span{color:#5c6f52;min-height:18px;margin-top:17px;font-size:10px}.demo-reveal-items{gap:10px;margin-bottom:22px;display:flex}.demo-reveal-items i{background:#f9fbf1;border:1px solid #9bb083;border-radius:4px;width:47px;height:60px;position:relative}.demo-reveal-items i:after{content:"";background:#c6df9f;width:23px;height:5px;position:absolute;top:13px;left:10px;box-shadow:0 12px #e2eacf,0 24px #e2eacf}.demo-reveal-items.is-replaying i{animation:.8s both studio-reveal}.demo-reveal-items i:nth-child(2){animation-delay:.15s}.demo-reveal-items i:nth-child(3){animation-delay:.3s}.reveal-stage .text-action{font-size:10px}.demo-details{background:#f9fbf1;border:1px solid #a7b69a;border-radius:3px;width:100%;max-width:280px}.demo-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:51px;padding:12px 15px;font-size:12px;font-weight:700;list-style:none;display:flex}.demo-details summary::-webkit-details-marker{display:none}.demo-details summary>span{font-size:19px;line-height:1;transition:rotate .25s}.demo-details[open] summary>span{rotate:45deg}.demo-details p{padding:0 15px 15px;font-size:11px;line-height:1.9}.demo-details[open] p{animation:.35s both studio-reveal}@keyframes studio-reveal{0%{opacity:0;translate:0 15px}to{opacity:1;translate:0}}html[data-motion=paused] #web-studio *,html[data-motion=paused] #web-studio :before,html[data-motion=paused] #web-studio :after,#web-studio[data-tab-hidden=true] *,#web-studio[data-tab-hidden=true] :before,#web-studio[data-tab-hidden=true] :after{animation-play-state:paused!important}html[data-motion=paused] #web-studio *{transition:none!important}html[data-motion=paused] .demo-reveal-items i,html[data-motion=paused] .demo-details p{animation:none!important}@media (prefers-reduced-motion:reduce){.draft-draw{stroke-dashoffset:0;opacity:.3}.effect-scan>span{display:none}}