@layer components{.text-video-select{border:1px solid var(--border);background:var(--card);width:100%;min-width:0;color:var(--foreground);border-radius:10px;padding:9px 12px;font-size:14px}.text-video-select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.text-video-result{border:1px solid var(--border);background:var(--card);border-radius:20px;flex-direction:column;flex:1;min-width:0;margin-right:20px;padding:20px 16px;display:flex}.text-video-canvas{background:#000;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:180px;margin-top:12px;display:flex;overflow:hidden}.text-video-canvas video{object-fit:contain;width:100%;height:100%;max-height:450px}@media (width>=769px) and (width<=1180px){.text-video-result{min-height:460px;margin-right:0}}@media (width<=768px){.text-video-result{min-height:360px;margin-right:0}}.video-generation-workspace .text-video-result,.video-generation-workspace .studio-example-preview{min-width:0;margin-right:0}.video-generation-workspace .studio-example-video{flex:none;height:clamp(180px,35vw,380px);margin-bottom:20px}.video-generation-workspace .studio-example-video video{height:100%}.text-video-result[data-waiting]{min-height:0}.text-video-result .text-video-canvas[data-waiting]{width:min(100%, calc(450px * var(--task-ratio)));min-height:0;max-height:none;aspect-ratio:var(--task-ratio);flex:none;align-self:center}}