/* Shared video-generation skin; no global styles or business-state selectors. */
.qv-generating{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(100%,var(--qv-width,180px));max-width:100%;aspect-ratio:var(--qv-ratio,9/16);overflow:hidden;border:1px solid #e0e9f9;border-radius:10px;background:linear-gradient(150deg,#f1f6ff,#e9f0fc 55%,#f8fbff);color:#496389;font-family:inherit;text-align:center;line-height:1.6}
.qv-generating.qv-embedded{width:100%;height:100%;aspect-ratio:auto;min-height:0;border:0;border-radius:inherit}
.qv-generating .qv-glow{position:absolute;pointer-events:none;inset:auto auto auto -75%;top:-90%;width:250%;height:40%;background:linear-gradient(transparent,#ffffff99,transparent);transform:rotate(-35deg);animation:qv-video-flow 3.8s ease-in-out infinite;z-index:-1}
.qv-generating .qv-center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 8px;max-width:100%;box-sizing:border-box}
.qv-generating .qv-icon{flex-shrink:0;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:14px;background:#ffffffc9;box-shadow:0 4px 16px #477bdc0c;color:#6f9ade;margin:0 0 8px;animation:none}
.qv-generating .qv-icon svg{display:block;width:23px;height:23px;animation:none}
.qv-generating .qv-title{display:block;font-size:13px;line-height:1.6;font-weight:500;color:#496389;margin:0;padding:0;overflow-wrap:anywhere}
.qv-generating .qv-hint{display:block;font-size:11px;font-weight:400;line-height:1.6;color:#8a9bb3;margin:0;padding:0}
.qv-generating .qv-foot{position:absolute;display:flex;justify-content:space-between;gap:6px;left:12px;right:12px;bottom:10px;font-size:9px;line-height:1.5;color:#96a6bd;font-weight:400;pointer-events:none}
.vd-placeholder.qv-host{padding:0;gap:0;display:block;background:transparent;opacity:1}
.rf-output>.qv-generating{border-radius:inherit}
.qb-video-placeholder>.qv-generating{margin:0 auto}
@keyframes qv-video-flow{0%,100%{top:-90%}60%{top:140%}}
@media(max-width:600px){.qv-generating:not(.qv-embedded){--qv-width:150px}.qv-generating .qv-icon{width:38px;height:38px;border-radius:11px;margin-bottom:4px}.qv-generating .qv-icon svg{width:21px;height:21px}.qv-generating .qv-title{font-size:11px}.qv-generating .qv-hint{font-size:10px}.qv-generating .qv-foot{left:8px;right:8px;bottom:7px;font-size:8px}.rf-output>.qv-generating .qv-center{gap:4px;padding:12px 4px}.rf-output>.qv-generating .qv-icon{width:30px;height:30px;margin:0}.rf-output>.qv-generating .qv-title{font-size:10px}.rf-output>.qv-generating .qv-hint,.rf-output>.qv-generating .qv-foot{display:none}}
@media(prefers-reduced-motion:reduce){.qv-generating .qv-glow{animation:none;display:none}}

/* Avoid retaining the older wide outer frame around the compact shared canvas. */
.qb-video-placeholder:has(>.qv-generating){width:180px;max-width:100%;border:0;box-shadow:none;background:transparent}
.qb-video-placeholder:has(>.qv-generating[data-landscape="true"]){width:320px}
.qb-video-placeholder:has(>.qv-generating)>footer{padding:10px 0 0;background:transparent}
@media(max-width:600px){.qb-video-placeholder:has(>.qv-generating){width:150px}.qb-video-placeholder:has(>.qv-generating[data-landscape="true"]){width:100%}}
.vd-card button.vd-placeholder.qv-host:disabled{opacity:1;filter:none;cursor:default}
.vd-frame:has(>button.qv-host)>.vd-ratio{display:none}
/* Keep the original perimeter route and submerged tail arrival; soften its persistent track. */
.rf-paths .rf-track{stroke:#bfd6f0;stroke-width:1.25;opacity:.55}
.rf-paths .rf-traversed{stroke:#a6c9ed;opacity:.48;filter:none}
@media(prefers-reduced-motion:reduce){.rf-paths .rf-water-stream,.rf-paths .rf-traversed{display:none}.rf-paths .rf-track{opacity:.6}}
