.fvm{max-width:1120px}.fvm [hidden]{display:none!important}.fvm-head{text-align:center;margin:0 auto 1.4rem;max-width:760px}.fvm-head h1{margin-bottom:.6rem}.fvm-lede{color:var(--pdfoc-gray-500);margin:0;font-size:1rem;line-height:1.55}.fvm-app{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start}@media(min-width:900px){.fvm-app{grid-template-columns:360px 1fr}.fvm-stage{position:sticky;top:90px}}.fvm-stage{background:var(--pdfoc-gray-800);border-radius:20px;padding:16px;color:#e2e8f0}.fvm-phone{position:relative;margin:0 auto;width:100%;max-width:300px;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 10px 30px rgb(0 0 0 / .35)}.fvm-phone canvas{display:block;width:100%;height:100%;cursor:pointer}.fvm-bigplay{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;border:0;background:rgb(15 23 42 / .72);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.fvm-bigplay svg{width:34px;height:34px;fill:currentColor;margin-left:4px}.fvm-bigplay:hover,.fvm-bigplay:focus-visible{background:var(--pdfoc-blue)}.fvm-transport{display:flex;align-items:center;gap:.6rem;margin:12px auto 0;max-width:300px}.fvm-transport input[type=range]{flex:1;accent-color:#60a5fa;min-width:0}.fvm-time{font-variant-numeric:tabular-nums;font-size:.8rem;color:#cbd5e1;white-space:nowrap}.fvm-note{min-height:1.2em;margin:.6rem 0 0;font-size:.85rem;text-align:center;color:#cbd5e1}.fvm-note.is-error{color:#fca5a5}.fvm-note.is-ok{color:#86efac}.fvm-controls{display:flex;flex-direction:column;gap:1rem;min-width:0}.fvm-step{background:#fff;border:1px solid var(--pdfoc-gray-200);border-radius:var(--pdfoc-radius);padding:1.1rem 1.15rem}.fvm-step h2{display:flex;align-items:center;gap:.55rem;font-size:1.05rem;margin:0 0 .85rem}.fvm-step h2 span{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--pdfoc-blue);color:#fff;font-size:.85rem}.fvm-l{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--pdfoc-gray-700);margin-bottom:.8rem}.fvm-l output{font-weight:500;color:var(--pdfoc-gray-500)}.fvm-in{width:100%;border:1px solid var(--pdfoc-gray-200);border-radius:8px;padding:.6rem .7rem;font-size:.95rem;font-family:inherit;color:var(--pdfoc-gray-800);background:#fff}.fvm-in:focus{outline:2px solid #93c5fd;border-color:var(--pdfoc-blue)}.fvm-script{min-height:240px;resize:vertical;line-height:1.55;font-size:.95rem}.fvm-meta{display:flex;justify-content:space-between;align-items:center;gap:.6rem;font-size:.82rem;color:var(--pdfoc-gray-500);margin-top:-.35rem}.fvm-warn{background:#fff7ed;border-left:4px solid #f59e0b;border-radius:8px;padding:.55rem .75rem;font-size:.85rem;color:#7c2d12;margin:.7rem 0 0}.fvm-link{background:none;border:0;padding:0;color:var(--pdfoc-blue);font-weight:600;font-size:.85rem;cursor:pointer;text-decoration:underline}.fvm-tips{margin-top:.8rem;font-size:.88rem;color:var(--pdfoc-gray-700)}.fvm-tips summary{cursor:pointer;font-weight:600;color:var(--pdfoc-blue)}.fvm-tips ul{margin:.6rem 0 0 1.1rem;padding:0;line-height:1.55}.fvm-tips li{margin-bottom:.35rem}.fvm-tips code{background:var(--pdfoc-gray-100);padding:0 .3rem;border-radius:4px}.fvm-styles{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}@media(min-width:620px){.fvm-styles{grid-template-columns:repeat(4,1fr)}}.fvm-style{display:flex;flex-direction:column;align-items:center;gap:.3rem;border:2px solid var(--pdfoc-gray-200);background:#fff;border-radius:12px;padding:.55rem .45rem .7rem;cursor:pointer;text-align:center;font-family:inherit;color:var(--pdfoc-gray-800)}.fvm-style canvas{width:100%;max-width:108px;aspect-ratio:9/16;height:auto;border-radius:8px;background:var(--pdfoc-gray-100)}.fvm-style b{font-size:.9rem}.fvm-style small{font-size:.74rem;color:var(--pdfoc-gray-500);line-height:1.3}.fvm-style:hover{border-color:#93c5fd}.fvm-style.is-active{border-color:var(--pdfoc-blue);box-shadow:0 0 0 3px rgb(37 99 235 / .15)}.fvm-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}.fvm-vtab{border:1px solid var(--pdfoc-gray-200);background:#fff;border-radius:99px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer;color:var(--pdfoc-gray-700);font-family:inherit}.fvm-vtab.is-active{background:var(--pdfoc-blue);border-color:var(--pdfoc-blue);color:#fff}.fvm-panel input[type=range],.fvm-step input[type=range]{accent-color:var(--pdfoc-blue);width:100%}.fvm-small{font-size:.83rem;color:var(--pdfoc-gray-500);line-height:1.5;margin:.3rem 0 0}.fvm-reclist{list-style:none;margin:.7rem 0 0;padding:0;display:flex;flex-direction:column;gap:.45rem;max-height:420px;overflow:auto}.fvm-rec{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"n t s" "n b b";gap:.3rem .6rem;align-items:center;border:1px solid var(--pdfoc-gray-200);border-radius:10px;padding:.55rem .65rem;background:var(--pdfoc-gray-50)}@media(min-width:620px){.fvm-rec{grid-template-columns:auto 1fr auto auto;grid-template-areas:"n t s b"}}.fvm-rec-n{grid-area:n;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--pdfoc-gray-200);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700}.fvm-rec-t{grid-area:t;font-size:.88rem;color:var(--pdfoc-gray-800);line-height:1.4}.fvm-rec-s{grid-area:s;font-size:.76rem;color:var(--pdfoc-gray-500);white-space:nowrap}.fvm-rec-b{grid-area:b;display:flex;gap:.35rem;justify-content:flex-end}.fvm-rec.is-done{background:#f0fdf4;border-color:#bbf7d0}.fvm-rec.is-done .fvm-rec-n{background:#22c55e;color:#fff}.fvm-rec.is-live{background:#fef2f2;border-color:#fecaca}.fvm-rec.is-live .fvm-rec-n{background:#ef4444;color:#fff}.fvm-empty{font-size:.88rem;color:var(--pdfoc-gray-500)}.fvm-drop{display:block;border:2px dashed var(--pdfoc-gray-200);border-radius:12px;padding:1.1rem;text-align:center;cursor:pointer;background:var(--pdfoc-gray-50);font-size:.88rem;color:var(--pdfoc-gray-700);line-height:1.5}.fvm-drop:hover{border-color:var(--pdfoc-blue)}.fvm-drop input{display:block;margin:0 auto .5rem;max-width:100%}.fvm-grid2{display:grid;grid-template-columns:1fr;gap:0 .9rem}@media(min-width:600px){.fvm-grid2{grid-template-columns:1fr 1fr}}.fvm-check{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--pdfoc-gray-700);font-weight:500}.fvm-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:10px;background:var(--pdfoc-blue);color:#fff;font-weight:700;font-size:.95rem;padding:.7rem 1.2rem;cursor:pointer;text-decoration:none;font-family:inherit}.fvm-btn:hover{background:var(--pdfoc-blue-dark);color:#fff}.fvm-btn:disabled{opacity:.55;cursor:not-allowed}.fvm-btn-sm{padding:.4rem .8rem;font-size:.82rem;border-radius:8px}.fvm-btn-sm.is-stop{background:#dc2626}.fvm-btn-ghost{background:#fff;color:var(--pdfoc-blue);border:1px solid var(--pdfoc-gray-200)}.fvm-btn-ghost:hover{background:#eff6ff;color:var(--pdfoc-blue)}.fvm-stage .fvm-btn-sm{background:#334155}.fvm-stage .fvm-btn-sm:hover{background:var(--pdfoc-blue)}.fvm-btn-main{width:100%;padding:.9rem 1.2rem;font-size:1.05rem;margin-top:.3rem;background:var(--pdfoc-green)}.fvm-btn-main:hover{background:var(--pdfoc-green-dark)}.fvm-progress{margin-top:.9rem;display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:var(--pdfoc-gray-700)}.fvm-bar{height:10px;border-radius:99px;background:var(--pdfoc-gray-100);overflow:hidden}.fvm-bar i{display:block;height:100%;width:0;background:var(--pdfoc-blue);transition:width .2s linear}.fvm-result{margin-top:1rem;text-align:center}.fvm-result video{width:100%;max-width:280px;aspect-ratio:9/16;border-radius:12px;background:#000;display:block;margin:0 auto .8rem}.fvm button{box-shadow:none;text-transform:none;letter-spacing:normal;min-height:0}.fvm button:focus-visible,.fvm input[type=range]:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.fvm .fvm-bigplay{padding:0}.fvm .fvm-bigplay:hover,.fvm .fvm-bigplay:focus{background:var(--pdfoc-blue);color:#fff;border:0}.fvm .fvm-style:hover,.fvm .fvm-style:focus{background:#fff;color:var(--pdfoc-gray-800);border-color:#93c5fd}.fvm .fvm-style.is-active,.fvm .fvm-style.is-active:hover,.fvm .fvm-style.is-active:focus{background:#fff;color:var(--pdfoc-gray-800);border-color:var(--pdfoc-blue)}.fvm .fvm-vtab:hover,.fvm .fvm-vtab:focus{background:#fff;color:var(--pdfoc-gray-700);border-color:#93c5fd}.fvm .fvm-vtab.is-active,.fvm .fvm-vtab.is-active:hover,.fvm .fvm-vtab.is-active:focus{background:var(--pdfoc-blue);color:#fff;border-color:var(--pdfoc-blue)}.fvm .fvm-link:hover,.fvm .fvm-link:focus{background:none;color:var(--pdfoc-blue-dark);border:0}.fvm .fvm-btn:hover,.fvm .fvm-btn:focus{background:var(--pdfoc-blue-dark);color:#fff;border:0}.fvm .fvm-btn-main:hover,.fvm .fvm-btn-main:focus{background:var(--pdfoc-green-dark);color:#fff}.fvm .fvm-btn-ghost:hover,.fvm .fvm-btn-ghost:focus{background:#eff6ff;color:var(--pdfoc-blue);border:1px solid var(--pdfoc-gray-200)}.fvm .fvm-btn-sm.is-stop,.fvm .fvm-btn-sm.is-stop:hover,.fvm .fvm-btn-sm.is-stop:focus{background:#dc2626;color:#fff}.fvm .fvm-stage .fvm-btn-sm:hover,.fvm .fvm-stage .fvm-btn-sm:focus{background:var(--pdfoc-blue);color:#fff}.fvm .fvm-reclist{margin:.7rem 0 0;padding:0;list-style:none}.fvm .fvm-tips ul{margin:.6rem 0 0 1.1rem;padding:0}.fvm input[type=range]{-webkit-appearance:none;appearance:none;height:20px;margin:0;padding:0;border:0;background:#fff0;box-shadow:none;cursor:pointer}.fvm input[type=range]::-webkit-slider-runnable-track{height:6px;border:0;border-radius:99px;background:#cbd5e1;box-shadow:none}.fvm input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;width:18px;height:18px;margin-top:-6px;border:3px solid #fff;border-radius:50%;background:var(--pdfoc-blue);box-shadow:0 1px 3px rgb(15 23 42 / .35)}.fvm input[type=range]::-moz-range-track{height:6px;border:0;border-radius:99px;background:#cbd5e1;box-shadow:none}.fvm input[type=range]::-moz-range-thumb{box-sizing:border-box;width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:var(--pdfoc-blue);box-shadow:0 1px 3px rgb(15 23 42 / .35)}.fvm .fvm-stage input[type=range]::-webkit-slider-runnable-track{background:#475569}.fvm .fvm-stage input[type=range]::-moz-range-track{background:#475569}.fvm .fvm-stage input[type=range]::-webkit-slider-thumb{background:#60a5fa;border-color:#1e293b}.fvm .fvm-stage input[type=range]::-moz-range-thumb{background:#60a5fa;border-color:#1e293b}