.storybook-vdo-ordered-list>li{list-style-type:none;margin-left:0;padding-left:0;font-size:1rem;line-height:1.25rem;font-weight:400;color:var(--color-black-white,#000)}.storybook-vdo-ordered-list .list-row[data-marker]:before{content:attr(data-marker);display:inline-flex;align-items:center;justify-content:center;height:1.1em;margin-right:8px;line-height:1;font-size:1em}.storybook-vdo-ordered-list .list-row[data-marker="■"]:before{font-weight:700;font-size:1.15em}@media (min-width:701px){.vdo-menu-button{display:none!important}.vdo-control-buttons-container{display:block!important}.vdo-mobile-control-buttons-container{display:none!important}}@media (max-width:700px) and (min-width:300px){.vdo-menu-button{display:block!important}.vdo-control-buttons-container{display:none!important}.vdo-mobile-control-buttons-container{display:block!important}}@media (max-width:299px){.vdo-menu-button{display:none!important}.vdo-control-buttons-container{display:block!important}.vdo-mobile-control-buttons-container{display:none!important}}.vdo-generate-button button:not(:disabled){position:relative}@keyframes subtle-pulse{0%{box-shadow:0 0 0 0 rgba(90,24,154,.3)}70%{box-shadow:0 0 0 10px rgba(90,24,154,0)}to{box-shadow:0 0 0 0 rgba(90,24,154,0)}}.has-files-no-text .vdo-generate-button button:not(:disabled){animation:subtle-pulse 2s infinite}.vdo-generate-button button:not(:disabled):hover{transform:translateY(-2px);transition:all .3s ease}.vdo-file-drag-active{outline:2px solid #a100ff;background-color:rgba(90,24,154,.03);border-radius:1rem}.vdo-file-drag-active .vdo-storybook-prompt-field-container{opacity:.8;transition:opacity .2s ease}.vdo-file-drag-active .vdo-fileUpload-overlay{background-color:rgba(255,255,255,.9)!important;z-index:9999!important;opacity:1!important}.vdo-mobile-menu-open{overflow:hidden}.vdo-menu-button button{min-width:44px!important;min-height:44px!important}.vdo-info-card,.vdo-prompt-thumbnail{background:url('data:image/svg+xml,<svg width="192" height="192" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="192" height="192" fill="url(%23paint0_linear_9244_3511)" fill-opacity="0.25"/><rect width="192" height="192" fill="url(%23paint1_linear_9244_3511)" fill-opacity="0.25"/><defs><linearGradient id="paint0_linear_9244_3511" x1="3.90273" y1="6.19765" x2="143.748" y2="58.5947" gradientUnits="userSpaceOnUse"><stop stop-color="%23837F89"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint1_linear_9244_3511" x1="190.701" y1="184.876" x2="72.9053" y2="139.896" gradientUnits="userSpaceOnUse"><stop stop-color="%23837F89"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>') no-repeat 50%;background-size:cover;transition:background .3s ease-in-out}.vdo-card-active,.vdo-info-card:hover,.vdo-prompt-thumbnail:hover{background:url('data:image/svg+xml,<svg width="192" height="192" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="192" height="192" fill="url(%23paint0_linear_9244_3515)"/><rect width="192" height="192" fill="url(%23paint1_linear_9244_3515)"/><rect width="192" height="192" fill="url(%23paint2_linear_9244_3515)"/><rect width="192" height="192" fill="url(%23paint3_linear_9244_3515)"/><defs><linearGradient id="paint0_linear_9244_3515" x1="1.78959" y1="-3.19933" x2="180.753" y2="100.297" gradientUnits="userSpaceOnUse"><stop stop-color="%23A100FF"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint1_linear_9244_3515" x1="0.940721" y1="4.32296" x2="14.3749" y2="12.182" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_9244_3515" x1="191.514" y1="184.81" x2="-16.4696" y2="120.047" gradientUnits="userSpaceOnUse"><stop stop-color="%23DCAFFF"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><linearGradient id="paint3_linear_9244_3515" x1="194.979" y1="192.818" x2="171.29" y2="179.492" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>') no-repeat 50%;background-size:cover;transition:background .3s ease-in-out}.vdo-mic-recording{position:relative;background:linear-gradient(90deg,#da2ac4,#3291fa)!important;animation:vdo-mic-pulse 1.5s ease-in-out infinite}.vdo-mic-recording:before{content:"";position:absolute;inset:-4px;border-radius:inherit;padding:2px;background:linear-gradient(90deg,#da2ac4,#3291fa);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;animation:vdo-mic-ring-pulse 1.5s ease-in-out infinite}.vdo-mic-recording:after{content:"";position:absolute;inset:-8px;border-radius:inherit;background:radial-gradient(circle,rgba(218,42,196,.2) 0,rgba(50,145,250,.2) 50%,transparent 70%);animation:vdo-waveform-pulse 1.2s ease-in-out infinite;pointer-events:none}@keyframes vdo-mic-pulse{0%,to{box-shadow:0 0 0 0 rgba(218,42,196,.4),0 0 0 0 rgba(50,145,250,.4);transform:scale(1)}50%{box-shadow:0 0 0 8px rgba(218,42,196,0),0 0 0 8px rgba(50,145,250,0);transform:scale(1.05)}}@keyframes vdo-mic-ring-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.15)}}@keyframes vdo-waveform-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}::-webkit-scrollbar{height:8px}::-webkit-scrollbar-thumb{background-color:var(--grey_8,#3b3944);border-radius:999px}::-webkit-scrollbar-track{background-color:var(--grey_2,#f2f2f2);border-radius:999px}.custom-scrollbar{overflow:auto}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background-color:var(--grey_2,#f2f2f2);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--grey_5,#b8b8b8);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--grey_6,#8f8f8f)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--grey_5,#b8b8b8) var(--grey_2,#f2f2f2)}@media (prefers-color-scheme:dark){.custom-scrollbar::-webkit-scrollbar-track{background-color:var(--grey_8,#3b3944)}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--grey_5,#b8b8b8)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--grey_4,#cecece)}.custom-scrollbar{scrollbar-color:var(--grey_5,#b8b8b8) var(--grey_8,#3b3944)}}.custom-scrollbar-chatbot{overflow:auto;padding-right:8px}.custom-scrollbar-chatbot::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar-chatbot::-webkit-scrollbar-track{background-color:var(--grey_2,#f2f2f2);border-radius:10px;margin:4px 0}.custom-scrollbar-chatbot::-webkit-scrollbar-thumb{background-color:var(--grey_5,#b8b8b8);border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.custom-scrollbar-chatbot::-webkit-scrollbar-thumb:hover{background-color:var(--grey_6,#8f8f8f)}.custom-scrollbar-chatbot{scrollbar-width:thin;scrollbar-color:var(--grey_5,#b8b8b8) var(--grey_2,#f2f2f2)}@media (prefers-color-scheme:dark){.custom-scrollbar-chatbot::-webkit-scrollbar-track{background-color:var(--grey_8,#3b3944)}.custom-scrollbar-chatbot::-webkit-scrollbar-thumb{background-color:var(--grey_5,#b8b8b8)}.custom-scrollbar-chatbot::-webkit-scrollbar-thumb:hover{background-color:var(--grey_4,#cecece)}.custom-scrollbar-chatbot{scrollbar-color:var(--grey_5,#b8b8b8) var(--grey_8,#3b3944)}}.vdo-svg-circle-bg{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><g clip-path="url(%23clip0_4781_2509)"><g filter="url(%23filter0_f_4781_2509)"><rect x="8.93958" y="7.49771" width="32" height="32" rx="16" fill="%233B3944" fill-opacity="0.5"/></g><g filter="url(%23filter1_f_4781_2509)"><rect x="-10.6698" y="-6.92097" width="32" height="32" rx="16" fill="%23F2F2F2" fill-opacity="0.5"/></g></g><defs><filter id="filter0_f_4781_2509" x="-1.86042" y="-3.30229" width="53.6" height="53.6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="5.4" result="effect1_foregroundBlur_4781_2509"/></filter><filter id="filter1_f_4781_2509" x="-21.4698" y="-17.721" width="53.6" height="53.6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="5.4" result="effect1_foregroundBlur_4781_2509"/></filter><clipPath id="clip0_4781_2509"><rect width="32" height="32" rx="16" fill="white"/></clipPath></defs></svg>')}.vdo-svg-circle-bg,.vdo-svg-rec-bg{background-size:cover;background-position:50%;background-repeat:no-repeat}.vdo-svg-rec-bg{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="256" height="128" viewBox="0 0 256 128" fill="none"><g clip-path="url(%23clip0_4781_2537)"><g filter="url(%23filter0_f_4781_2537)"><rect x="87.7762" y="49.7585" width="252.668" height="252.668" rx="110" fill="%233B3944" fill-opacity="0.5"/></g><g filter="url(%23filter1_f_4781_2537)"><rect x="-53.113" y="-77.019" width="252.668" height="252.668" rx="110" fill="%23F2F2F2" fill-opacity="0.5"/></g></g><defs><filter id="filter0_f_4781_2537" x="-91.7238" y="-129.741" width="611.668" height="611.668" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="89.75" result="effect1_foregroundBlur_4781_2537"/></filter><filter id="filter1_f_4781_2537" x="-232.613" y="-256.519" width="611.668" height="611.668" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="89.75" result="effect1_foregroundBlur_4781_2537"/></filter><clipPath id="clip0_4781_2537"><rect width="256" height="128" fill="white"/></clipPath></defs></svg>')}.vdo-animated-bg{overflow:hidden;background-image:linear-gradient(90deg,rgba(224,224,224,0),rgba(245,245,245,.8) 20%,rgba(224,224,224,0) 40%);background-size:200% 100%;background-repeat:no-repeat;animation:shimmer 1.5s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.snackbar{display:flex;justify-content:space-between;align-items:center;width:446px;padding:8px 16px;background-color:#f2f2f2;gap:8px;box-sizing:border-box;border-radius:4px}.snackbar-content{display:flex;align-items:flex-start;gap:8px}.snackbar-title{font-weight:600;font-size:16px;margin-bottom:2px;color:#000}.snackbar-message{margin:0;color:#000}.snackbar-button{background:none;border:none;color:#000;font-weight:600;cursor:pointer;padding:0;white-space:nowrap}.icon{font-size:24px;line-height:24px;width:24px;height:24px}.icon.success{color:#2e7d32}.icon.error{color:#d32f2f}.icon.info{color:#1976d2}.icon.warning{color:#ed6c02}.tab-component .group:focus-visible .tab-bar:not(.vdo-opacity-100),.tab-component .group:hover .tab-bar:not(.vdo-opacity-100){opacity:1!important}.tab-component button:focus{outline:none;box-shadow:none}.tab-component button:focus-visible{border:4px solid #a100ff!important}.tab-component .animate-outward{transition:all .3s ease;height:0;opacity:0}.tab-component .animate-outward.expanded{height:4px;opacity:1}.tab-component button:disabled{cursor:not-allowed!important;opacity:.6}.tab-component .group:focus-visible .tab-bar:not(.sb-opacity-100),.tab-component .group:hover .tab-bar:not(.sb-opacity-100){opacity:1!important}.animate-outward{width:100%;transform:scaleX(0);transition:transform .2s ease;overflow:hidden;transform-origin:center}.expanded{transform:scaleX(1)}.vdo-tile-active-gradient-border{position:relative;background:linear-gradient(100deg,var(--Core-core_3,rgba(70,0,115,.5)) 10.85%,rgba(96,114,205,.8) 91.89%);padding-left:1.5px!important}.vdo-tile-active-gradient-border .vdo-tile-content{border-radius:inherit;width:100%;height:100%}.vdo-tile-focus-gradient-border{position:relative;background:linear-gradient(100deg,var(--Core-core_3,rgba(70,0,115,.9)) 10.85%,rgba(96,114,205,.9) 91.89%);padding-left:2px}.vdo-tile-focus-gradient-border .vdo-tile-content{border-radius:inherit;width:100%;height:100%}.storybook-tooltip-text{visibility:hidden}.storybook-tooltip:hover .storybook-tooltip-text{visibility:visible}.storybook-tooltip-text:after{content:"";display:block;width:0;height:0;pointer-events:none;position:absolute}.storybook-vdo-unordered-list>li{list-style-type:none;margin-left:0;padding-left:0;font-size:1rem;line-height:1.25rem;font-weight:400;color:var(--color-black-white,#000)}.storybook-vdo-unordered-list .list-row[data-marker]:before{content:attr(data-marker);display:inline-flex;align-items:center;justify-content:center;height:1.1em;margin-right:8px;line-height:1;font-size:1em}.storybook-vdo-unordered-list .list-row[data-marker="■"]:before{font-weight:700;font-size:1.15em}:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}*{box-sizing:border-box;margin:0;padding:0;border-radius:0}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif}li,ol,ul{list-style:none;margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:var(--color-grey-2);border-radius:8px}::-webkit-scrollbar-thumb{background-color:var(--color-grey-8);border-radius:8px}.vdo-textarea-scroll{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent}.vdo-textarea-scroll::-webkit-scrollbar{width:6px}.vdo-textarea-scroll::-webkit-scrollbar-track{background:transparent!important;background-color:transparent!important}.vdo-textarea-scroll::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.35);border-radius:6px}.vdo-textarea-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.5)}.dark .vdo-textarea-scroll,.vdo-dark .vdo-textarea-scroll{scrollbar-color:rgba(255,255,255,.4) transparent}.dark .vdo-textarea-scroll::-webkit-scrollbar-track,.vdo-dark .vdo-textarea-scroll::-webkit-scrollbar-track{background:transparent!important;background-color:transparent!important}.dark .vdo-textarea-scroll::-webkit-scrollbar-thumb,.vdo-dark .vdo-textarea-scroll::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.4)}.dark .vdo-textarea-scroll::-webkit-scrollbar-thumb:hover,.vdo-dark .vdo-textarea-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.55)}.storybook-link{position:relative;display:inline-block}.storybook-link__text{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0 2px;background-position:left 100%;transition:background-size .3s ease;-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline}.storybook-link:active .storybook-link__text,.storybook-link:focus .storybook-link__text,.storybook-link:hover .storybook-link__text{background-size:100% 2px}.vdo-dl-animate-in{animation:vdo-submenu-in .3s cubic-bezier(.2,.8,.2,1) forwards}.vdo-dl-animate-out{animation:vdo-submenu-out .3s cubic-bezier(.2,.8,.2,1) forwards}@keyframes vdo-submenu-in{0%{opacity:0;transform:translateX(10%)}to{opacity:1;transform:translateX(0)}}@keyframes vdo-submenu-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10%)}}.vdo-dl-panel-enter{animation:vdo-panel-enter .3s cubic-bezier(.2,.8,.2,1) forwards}.vdo-dl-panel-exit{animation:vdo-panel-exit .3s cubic-bezier(.2,.8,.2,1) forwards}@keyframes vdo-panel-enter{0%{opacity:0;transform:translateX(15%)}to{opacity:1;transform:translateX(0)}}@keyframes vdo-panel-exit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-15%)}}.vdo-dl-sub-in-right{animation:vdo-sub-in-right .3s cubic-bezier(.2,.8,.2,1) forwards}.vdo-dl-sub-out-left{animation:vdo-sub-out-left .3s cubic-bezier(.2,.8,.2,1) forwards}.vdo-dl-sub-in-left{animation:vdo-sub-in-left .3s cubic-bezier(.2,.8,.2,1) forwards}.vdo-dl-sub-out-right{animation:vdo-sub-out-right .3s cubic-bezier(.2,.8,.2,1) forwards}@keyframes vdo-sub-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes vdo-sub-out-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes vdo-sub-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.vdo-dl-parent-out-left{animation:vdo-parent-out-left .3s cubic-bezier(.2,.8,.2,1) forwards}.vdo-dl-parent-in-left{animation:vdo-parent-in-left .3s cubic-bezier(.2,.8,.2,1) forwards}.vdo-dl-menu-root.vdo-dl-parent-hidden>.vdo-parent-content{display:none}@keyframes vdo-parent-out-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes vdo-parent-in-left{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}