.zv code{font-family:var(--font-geist-mono), monospace;word-break:break-word;background:#f3f5f1;border-radius:6px;padding:.1rem .4rem;font-size:.85em}.zv .mg-steps .copy-link+.copy-link,.zv .mg-steps [class*=copy]+[class*=copy]{margin-top:.5rem}.zv-wave{align-items:center;gap:3px;height:100%;display:inline-flex}.zv-wave i{transform-origin:50%;background:currentColor;border-radius:2px;width:4px;animation:1.2s ease-in-out infinite alternate zv-wave}@keyframes zv-wave{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}.zv-demo{background:#f4f7f3}.zv-demo .mg-demo-bar{background:#fff;border-bottom-color:#e2e7e4}.zv-demo .mg-demo-bar span{color:#3b4a43;background:#f1f4f2}.zv-demo-view{box-sizing:border-box;flex-direction:column;gap:1rem;min-height:300px;padding:1.2rem 1.3rem 1.3rem;display:flex}.zv-d-screen{background:#fff;border:1px solid #e2e7e4;border-radius:16px;height:130px;position:relative;overflow:hidden}.zv-d-card{background:var(--g);border-radius:14px;width:110px;height:72px;animation:6s cubic-bezier(.6,0,.2,1) infinite zv-card;position:absolute;top:28px}@keyframes zv-card{0%,8%{left:-130px}20%,to{left:30px}}.zv-d-btn{background:#f2b530;border-radius:18px;width:90px;height:36px;animation:6s ease-out infinite zv-btn;position:absolute;top:46px;left:165px}@keyframes zv-btn{0%,44%{transform:scale(1)}47%{transform:scale(.86)}52%,to{transform:scale(1)}}.zv-d-hit{background:#d97757;border-radius:50%;width:46px;height:46px;animation:6s cubic-bezier(.5,0,.8,.4) infinite zv-hit;position:absolute;right:30px}@keyframes zv-hit{0%,62%{top:-60px}74%{top:62px;transform:scale(1.15,.85)}78%,to{top:56px;transform:none}}.zv-d-tl{flex-direction:column;gap:.45rem;display:flex;position:relative}.zv-d-row{align-items:center;gap:.6rem;height:30px;display:flex}.zv-d-row small{color:#6b776f;text-transform:uppercase;letter-spacing:.04em;flex:none;width:42px;font-size:.72rem;font-weight:800}.zv-d-clips{flex:1;gap:4px;height:100%;display:flex}.zv-d-clips i{background:#dfe6e0;border-radius:7px;flex:1}.zv-d-clips i:nth-child(2){background:#cfdcd1}.zv-d-voice{color:#9fcb9f;flex:1;gap:3px;min-width:0;height:100%;display:flex;overflow:hidden}.zv-d-sfx{background:#fff;border:1px dashed #cfd8d1;border-radius:7px;flex:1;height:100%;position:relative}.zv-d-sfx b{background:var(--g);color:#fff;opacity:0;border-radius:6px;place-items:center;padding:0 .5rem;font-size:.7rem;display:grid;position:absolute;top:3px;bottom:3px}.zv-d-sfx .is-a{animation:6s step-end infinite zv-pop-a;left:10%}.zv-d-sfx .is-b{color:var(--ink);background:#f2b530;animation:6s step-end infinite zv-pop-b;left:42%}.zv-d-sfx .is-c{background:#d97757;animation:6s step-end infinite zv-pop-c;left:72%}@keyframes zv-pop-a{0%,15%{opacity:0}16%,to{opacity:1}}@keyframes zv-pop-b{0%,45%{opacity:0}46%,to{opacity:1}}@keyframes zv-pop-c{0%,73%{opacity:0}74%,to{opacity:1}}.zv-d-head{background:#d14b3a;border-radius:1px;width:2px;animation:6s linear infinite zv-head;position:absolute;top:-4px;bottom:-4px}.zv-d-head:before{content:"";background:#d14b3a;border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:-4px}@keyframes zv-head{0%{left:52px}to{left:100%}}.zv-vis-search{flex-direction:column;gap:.55rem;padding:1.1rem 1.2rem;display:flex}.zv-s-bar{color:var(--g);font-size:.85rem;font-weight:700;font-family:var(--font-geist-mono), monospace;background:#fff;border:2px solid #9fcb9f;border-radius:10px;justify-content:space-between;align-items:center;padding:.45rem .7rem;display:flex}.zv-s-bar i{border:2.5px solid var(--g);box-sizing:border-box;border-radius:50%;width:14px;height:14px}.zv-s-res{flex-direction:column;gap:5px;display:flex}.zv-s-res i{box-sizing:border-box;background:#fff;border:1px solid #d5ddd7;border-radius:7px;height:14px;animation:3s ease-out infinite both zv-res}.zv-s-res i:first-child{width:92%}.zv-s-res i:nth-child(2){width:74%;animation-delay:.2s}.zv-s-res i:nth-child(3){width:83%;animation-delay:.4s}@keyframes zv-res{0%,10%{opacity:0;transform:translate(-8px)}25%,to{opacity:1;transform:none}}.zv-vis-search b,.zv-vis-frames b{color:var(--g);font-size:.8rem;font-family:var(--font-geist-mono), monospace;margin-top:auto}.zv-vis-frames{flex-wrap:wrap;align-content:flex-start;gap:6px;padding:1.1rem 1.2rem;display:flex}.zv-vis-frames span{box-sizing:border-box;background:#fff;border:1px solid #d5ddd7;border-radius:10px;flex:15%;height:66px;position:relative}.zv-vis-frames .is-hit{animation:2.4s step-end infinite zv-fhit}.zv-vis-frames .is-hit:nth-child(4){animation-delay:1.2s}@keyframes zv-fhit{0%,49%{box-shadow:none;background:#fff}50%,to{background:#5fa46a;box-shadow:0 0 0 3px #5fa46a40}}.zv-vis-frames b{flex-basis:100%}.zv-vis-forge{flex-direction:column;gap:.6rem;padding:1.1rem 1.2rem;display:flex}.zv-vis-forge code{color:#cfeac9;background:#1b2620;align-self:flex-start}.zv-vis-forge .is-forge{color:#5fa46a;height:56px}.zv-vis-forge .is-forge i{width:6px}.zv-vis-forge em{color:#cfeac9;font-size:.8rem;font-style:normal;font-family:var(--font-geist-mono), monospace;margin-top:auto}.zv-moments{box-sizing:border-box;background:#f1f4ef;border-radius:28px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.6rem;width:min(100%,760px);margin:1.6rem auto 1.8rem;padding:1.6rem;display:flex}.zv-m-film{background:#111418;border-radius:20px;flex:340px;max-width:400px;padding:14px;position:relative;box-shadow:0 20px 40px #1e3a2f38}.zv-m-frames{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.zv-m-frames span{aspect-ratio:3/4;background:#2a332e;border-radius:6px;position:relative;overflow:hidden}.zv-m-frames span i{background:#3b4a43;border-radius:4px;height:30%;position:absolute;top:30%;left:20%;right:20%}.zv-m-frames .is-a{animation:6s step-end infinite zv-fa}.zv-m-frames .is-b{animation:6s step-end infinite zv-fb}.zv-m-frames .is-c{animation:6s step-end infinite zv-fc}@keyframes zv-fa{0%,16%{box-shadow:none}17%,to{background:#34503f;box-shadow:inset 0 0 0 3px #5fa46a}}@keyframes zv-fb{0%,40%{box-shadow:none}41%,to{background:#4d4630;box-shadow:inset 0 0 0 3px #f2b530}}@keyframes zv-fc{0%,64%{box-shadow:none}65%,to{background:#4d3a31;box-shadow:inset 0 0 0 3px #d97757}}.zv-m-track{background:#1b2620;border-radius:8px;height:44px;margin-top:10px;position:relative}.zv-m-cue{box-sizing:border-box;color:#fff;opacity:0;border-radius:6px;align-items:center;gap:5px;width:23%;padding:0 6px;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.zv-m-cue em{font-size:.68rem;font-style:normal;font-weight:800}.zv-m-cue .zv-wave{gap:2px;height:70%}.zv-m-cue .zv-wave i{width:2px}.zv-m-cue.is-a{background:#5fa46a;animation:6s ease-out infinite zv-ca;left:12.5%}.zv-m-cue.is-b{color:var(--ink);background:#f2b530;animation:6s ease-out infinite zv-cb;left:37.5%}.zv-m-cue.is-c{background:#d97757;animation:6s ease-out infinite zv-cc;left:62.5%}@keyframes zv-ca{0%,16%{opacity:0;transform:translateY(-14px)}20%,to{opacity:1;transform:none}}@keyframes zv-cb{0%,40%{opacity:0;transform:translateY(-14px)}44%,to{opacity:1;transform:none}}@keyframes zv-cc{0%,64%{opacity:0;transform:translateY(-14px)}68%,to{opacity:1;transform:none}}.zv-m-head{background:#fff;border-radius:1px;width:2px;animation:6s linear infinite zv-mhead;position:absolute;top:8px;bottom:8px;box-shadow:0 0 8px #fff9}@keyframes zv-mhead{0%{left:14px}to{left:calc(100% - 14px)}}.zv-m-steps{flex-direction:column;flex:240px;gap:.7rem;max-width:320px;margin:0;padding:0;list-style:none;display:flex}.zv-m-steps li{background:#fff;border:2px solid #e2e7e4;border-radius:18px;align-items:center;gap:.8rem;padding:.85rem 1rem;animation:3s step-end infinite zv-step;display:flex}.zv-m-steps li:nth-child(2){animation-delay:1s}.zv-m-steps li:nth-child(3){animation-delay:2s}@keyframes zv-step{0%,32%{border-color:#5fa46a;box-shadow:0 10px 22px #1e3a2f1a}33%,to{box-shadow:none;border-color:#e2e7e4}}.zv-m-steps b{background:var(--g);width:36px;height:36px;color:var(--gl);border-radius:12px;flex:none;place-items:center;display:grid}.zv-m-steps span{color:#4b524b;font-size:.9rem;line-height:1.35}.zv-m-steps strong{color:var(--ink);font-size:1rem;display:block}.zv-pick{box-sizing:border-box;background:#f1f4ef;border-radius:28px;flex-direction:column;align-items:center;gap:1.1rem;width:min(100%,720px);margin:1.6rem auto 1.8rem;padding:1.6rem;display:flex}.zv-p-need{background:var(--g);color:#fff;border-radius:999px;align-items:center;gap:.7rem;padding:.7rem 1.2rem;display:flex;box-shadow:0 12px 26px #1e3a2f2e}.zv-p-need .zv-wave{color:#9fcb9f;height:22px}.zv-p-need .zv-wave i{width:3px}.zv-p-need .zv-wave i:nth-child(n+8){display:none}.zv-p-need b{color:#fff;font-size:1rem}.zv-p-rows{flex-direction:column;gap:.7rem;width:100%;display:flex}.zv-p-row{background:#fff;border:2px solid #e2e7e4;border-radius:20px;align-items:center;gap:.6rem;padding:.7rem;animation:6s step-end infinite zv-row;display:flex}.zv-p-row.is-2{animation-delay:2s}.zv-p-row.is-3{animation-delay:4s}@keyframes zv-row{0%,32%{border-color:#5fa46a;box-shadow:0 10px 22px #1e3a2f1a}33%,to{box-shadow:none;border-color:#e2e7e4}}.zv-p-q{min-width:0;color:var(--ink);flex:1 1 0;padding-left:.4rem;font-size:.95rem;font-weight:700}.zv-p-row>i{border-top:3px dashed #9fcb9f;flex:0 90px;min-width:30px;height:0;position:relative}.zv-p-row>i:after{content:"";border:5.5px solid #0000;border-left:8px solid #9fcb9f;border-right:0;position:absolute;top:-7px;right:-2px}.zv-p-tool{background:#f1f4f2;border-radius:14px;flex-direction:column;flex:0 0 170px;gap:.1rem;padding:.6rem .8rem;display:flex}.zv-p-tool b{color:var(--g);font-size:1rem}.zv-p-tool small{color:var(--copy);font-size:.76rem}.zv-p-tool.is-dark{background:var(--g)}.zv-p-tool.is-dark b{color:#fff}.zv-p-tool.is-dark small{color:var(--gl)}@media (max-width:620px){.zv-d-card{width:84px;height:60px;top:34px}@keyframes zv-card{0%,8%{left:-100px}20%,to{left:18px}}.zv-d-btn{width:58px;top:46px;left:118px}.zv-d-hit{width:40px;height:40px;right:18px}.zv-p-row{flex-wrap:wrap}.zv-p-q{flex-basis:100%;padding:.2rem .3rem}.zv-p-row>i{display:none}.zv-p-tool{flex:auto}}@media (prefers-reduced-motion:reduce){.zv *{animation:none!important}.zv-d-sfx b,.zv-m-cue{opacity:1}}
