.vad{gap:12px;display:grid}.vad-card{border:1px solid var(--lp-border);background:var(--lp-card);border-radius:22px;gap:12px;padding:12px;display:grid;box-shadow:0 34px 70px -40px #1c191773}.vad-frame{aspect-ratio:16/9;background:#e8e3d8;border-radius:14px;position:relative;overflow:hidden}.vad-frame img,.vad-frame video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.vad-frame video{opacity:0;transition:opacity .5s}.vad[data-phase=play] .vad-frame video{opacity:1}.vad-busy{opacity:0;pointer-events:none;background:linear-gradient(105deg,#fff0 30%,#ffffff80 50%,#fff0 70%) 0 0/250% 100%;transition:opacity .3s;position:absolute;inset:0}.vad[data-phase=render] .vad-busy{opacity:1;animation:1.2s linear infinite vad-sweep}@keyframes vad-sweep{0%{background-position:120% 0}to{background-position:-130% 0}}.vad-chip{color:#16140f;background:#ffffffed;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 4px 14px -6px #1c191766}.vad-chip i{background:var(--lp-dim);border-radius:50%;width:7px;height:7px}.vad[data-phase=render] .vad-chip i{background:var(--lp-accent);animation:1s ease-in-out infinite vad-pulse}.vad[data-phase=play] .vad-chip i{background:#dc2626;animation:1.4s ease-in-out infinite vad-pulse}@keyframes vad-pulse{50%{opacity:.35}}.vad-pct{color:#fff;font-variant-numeric:tabular-nums;opacity:0;background:#1c1917b8;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:500;transition:opacity .3s;position:absolute;top:10px;right:10px}.vad[data-phase=render] .vad-pct{opacity:1}.vad-play{color:#16140f;cursor:pointer;background:#ffffffeb;border:0;border-radius:50%;place-items:center;width:56px;height:56px;margin:-28px 0 0 -28px;transition:transform .2s,opacity .3s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 10px 30px -10px #00000080}.vad-play:hover{transform:scale(1.06)}.vad-play svg{width:22px;height:22px;margin-left:3px}.vad:not([data-phase=still]) .vad-play{opacity:0;pointer-events:none}.vad-time{color:var(--lp-faint);font-variant-numeric:tabular-nums;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;font-size:11.5px;display:grid}.vad-track{background:var(--lp-card-3);border-radius:999px;height:6px;position:relative;overflow:visible}.vad-fill{background:var(--lp-fg);border-radius:999px;width:0;position:absolute;top:0;bottom:0;left:0}.vad[data-phase=render] .vad-fill{background:repeating-linear-gradient(-45deg, var(--lp-accent) 0 6px, #e8a08a 6px 12px);background-size:34px 34px;animation:.8s linear infinite vad-stripes}@keyframes vad-stripes{to{background-position:34px 0}}.vad-head{border:2px solid var(--lp-fg);opacity:0;background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;transition:opacity .3s;position:absolute;top:50%;box-shadow:0 2px 6px #0003}.vad[data-phase=play] .vad-head{opacity:1}.vad-ticks{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:0}.vad-ticks span{background:#1c19171f;width:1px;height:100%}.vad-composer{background:var(--lp-inset);border-radius:14px;gap:10px;padding:12px;display:grid}.vad-prompt{min-height:2.8em;color:var(--lp-fg);margin:0;font-size:14px;line-height:1.4}.vad-caret{vertical-align:-2px;background:var(--lp-accent);width:1.5px;height:1.05em;margin-left:1px;animation:1s step-end infinite vad-blink;display:inline-block}@keyframes vad-blink{50%{opacity:0}}.vad-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.vad-opt{border:1px solid var(--lp-border);background:var(--lp-card);color:var(--lp-text);border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:500;display:inline-flex}.vad-go{background:var(--lp-btn-bg);height:34px;color:var(--lp-btn-fg);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:0 15px;font-size:13px;font-weight:500;transition:transform .12s,background .2s;display:inline-flex}.vad-go:hover{background:var(--lp-btn-hover)}.vad-go.is-pressed{transform:scale(.92)}.vad-go:disabled{cursor:default}.vad-go:focus-visible,.vad-play:focus-visible,.vad-replay:focus-visible{outline:2px solid var(--lp-accent);outline-offset:2px}.vad-spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite vad-spin}@keyframes vad-spin{to{transform:rotate(360deg)}}.vad-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.vad-note{color:var(--lp-faint);max-width:34ch;margin:0;font-size:12px}.vad-replay{border:1px solid var(--lp-border-strong);color:var(--lp-strong);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex}.vad-replay:hover{background:var(--lp-ghost-hover)}.vad-replay svg{width:14px;height:14px}@media (prefers-reduced-motion:reduce){.vad *,.vad-card{transition:none!important;animation:none!important}}