*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ededed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}body{z-index:0;background-color:#000;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex;position:relative;overflow:hidden auto}body:before,body:after{content:"";pointer-events:none;z-index:-2;border:1px solid #ffffff14;border-radius:50%;animation:12s linear infinite ripple;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}body:after{animation-delay:-6s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{display:none}html,body{-ms-overflow-style:none;scrollbar-width:none}@keyframes ripple{0%{opacity:0;width:0;height:0}5%{opacity:1}to{opacity:0;width:150vmax;height:150vmax}}#root{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;padding:2rem}#root:before{content:"";opacity:.03;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes phoneGlowAnim{0%{opacity:.5;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1.05)}}.premium-mockup video{object-fit:cover;border-radius:32px;width:100%;height:100%;display:block}.dynamic-island{z-index:10;background:#000;border-radius:12px;width:80px;height:24px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.compact-video-row:hover{background:#ffffff1a!important}.download-icon-btn{color:#fff;opacity:.7;justify-content:center;align-items:center;transition:opacity .2s,color .2s;display:flex}.download-icon-btn:hover{opacity:1;color:#a78bfa}:root[data-theme=light],body[data-theme=light],[data-theme=light]{--color-bg-base:#f7f1ea;--color-bg-topbar:#efe6dc;--color-bg-card:#ede2d5;--color-bg-white:#faf6f0;--color-text-primary:#2c2520;--color-text-secondary:#7e7369;--color-border:#dfd3c5;--color-accent:#e45d37;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light],[data-theme=light] body{color:#2c2520!important;background-color:#f7f1ea!important}[data-theme=light] body:before,[data-theme=light] body:after{display:none!important}[data-theme=light] #root{background-color:#f7f1ea!important}[data-theme=light] .studio-container{color:#2c2520!important;background:#f7f1ea!important}[data-theme=light] .studio-topbar{background:#efe6dcf5!important;border-bottom:1px solid #dfd3c5!important;box-shadow:0 1px 4px #46321e0a!important}[data-theme=light] .studio-brand-name{-webkit-text-fill-color:#2c2520!important;color:#2c2520!important;background:0 0!important}[data-theme=light] .studio-badge-pill{color:#2c2520!important;background:#e2d6c7!important;border:1px solid #d5c8b7!important}[data-theme=light] .studio-model-pill{color:#5e5349!important;background:#eae0d3!important;border:1px solid #dfd3c5!important}[data-theme=light] .studio-status-indicator{background:#eae0d3!important;border:1px solid #dfd3c5!important}[data-theme=light] .studio-status-dot{background:#2c2520!important;box-shadow:0 0 6px #2c252059!important}[data-theme=light] .studio-status-text{color:#4d4238!important}[data-theme=light] .studio-theme-toggle-btn{color:#3a3027!important;background:#e5d9cb!important;border:1px solid #d8cbba!important}[data-theme=light] .studio-theme-toggle-btn:hover{color:#1f1915!important;background:#dfd2c1!important;border-color:#cbbdaa!important}[data-theme=light] .studio-credits-chip{color:#2c2520!important;background:#efe5da!important;border:1px solid #dfd3c5!important;box-shadow:0 1px 4px #46321e0f!important}[data-theme=light] .studio-credits-chip:hover{background:#e9dec9!important;border-color:#d2c4b3!important}[data-theme=light] .studio-credits-count{color:#2c2520!important}[data-theme=light] .studio-credits-label{color:#7e7369!important}[data-theme=light] .studio-exit-btn{color:#3a3027!important;background:#e5d9cb!important;border:1px solid #d8cbba!important}[data-theme=light] .studio-exit-btn:hover{color:#1f1915!important;background:#dfd2c1!important;border-color:#cbbdaa!important}[data-theme=light] .studio-workspace{background:#f7f1ea!important}[data-theme=light] .studio-chat-pane{background:#ede2d5!important;border-right:1px solid #dfd3c5!important}[data-theme=light] .agent-panel{color:#2c2520!important;background:#ede2d5!important}[data-theme=light] .agent-panel.embedded{border-right:1px solid #dfd3c5!important}[data-theme=light] .agent-header{background:#ebe0d3f5!important;border-bottom:1px solid #dfd3c5!important;box-shadow:0 1px 5px #46321e0a!important}[data-theme=light] .agent-logo{background:#e0d3c3!important;border:1px solid #d2c4b3!important}[data-theme=light] .agent-header-dropdown{color:#2c2520!important;background:#fff6!important;border:1px solid #dfd3c5!important}[data-theme=light] .agent-header-icon-btn{color:#6e6258!important}[data-theme=light] .agent-header-icon-btn:hover{color:#231c18!important;background:#dfd2c1!important}[data-theme=light] .agent-close-btn{color:#6e6258!important}[data-theme=light] .agent-close-btn:hover{color:#231c18!important}[data-theme=light] .agent-messages{background:#ede2d5!important}[data-theme=light] .agent-messages::-webkit-scrollbar-thumb{background:#78645038!important}[data-theme=light] .figma-user-message-block .figma-user-bubble{color:#231c18!important;background:#e2d6c7!important;border:1px solid #d6c8b7!important;box-shadow:0 1px 4px #46321e0f!important}[data-theme=light] .figma-agent-message-block .figma-agent-bubble{color:#2c2520!important;background:#faf6f0!important;border:1px solid #dfd2c3!important;box-shadow:0 2px 10px #46321e0d!important}[data-theme=light] .figma-agent-message-block .figma-agent-bubble strong,[data-theme=light] .figma-agent-message-block .figma-agent-bubble b{color:#1f1915!important}[data-theme=light] .figma-msg-timestamp{color:#8e8277!important}[data-theme=light] .figma-action-chip{color:#3a3027!important;background:#ebe0d3!important;border:1px solid #dfd2c3!important;box-shadow:0 1px 3px #46321e0f!important}[data-theme=light] .figma-action-chip:hover{color:#1f1915!important;background:#dfd2c1!important;border-color:#d0c2b0!important}[data-theme=light] .figma-action-card{background:#f4ece3!important;border:1px solid #dfd2c3!important}[data-theme=light] .figma-action-card-title{color:#2c2520!important}[data-theme=light] .figma-action-card-result{color:#5c5046!important}[data-theme=light] .figma-status-chip{color:#3d332a!important;background:#e8dec8!important;border:1px solid #d8cbb6!important}[data-theme=light] .agent-video-card,[data-theme=light] .agent-custom-player{background:#faf6f0!important;border:1px solid #dfd2c3!important}[data-theme=light] .figma-input-wrapper{background:linear-gradient(#ede2d500 0%,#ede2d5f5 35%,#ede2d5 100%)!important}[data-theme=light] .figma-input-card{background:#faf6f0!important;border:1.5px solid #dfd2c3!important;animation:none!important;box-shadow:0 6px 20px #46321e14!important}[data-theme=light] .figma-input-card:hover{background:#fff!important;border-color:#d2c4b3!important;box-shadow:0 8px 24px #46321e1f!important}[data-theme=light] .figma-input-card:focus-within{background:#fff!important;border-color:#e45d37!important;box-shadow:0 8px 30px #e45d3726!important}[data-theme=light] .figma-input-card textarea{color:#2c2520!important}[data-theme=light] .figma-input-card textarea::placeholder{color:#8e8378!important}[data-theme=light] .figma-input-toolbar{border-top:1px solid #efe5da!important}[data-theme=light] .figma-clip-btn{color:#6e6258!important}[data-theme=light] .figma-clip-btn:hover{color:#231c18!important;background:#efe5da!important}[data-theme=light] .figma-send-btn.active{color:#fff!important;background:#e45d37!important;box-shadow:0 2px 8px #e45d3759!important}[data-theme=light] .figma-send-btn:disabled{color:#a3968b!important;background:#e6dad0!important}[data-theme=light] .figma-file-chip{color:#2c2520!important;background:#efe5da!important;border:1px solid #dfd2c3!important}[data-theme=light] .studio-canvas-pane{background:#f7f1ea!important}[data-theme=light] .studio-phone-mockup{border:10px solid #1c1917!important;box-shadow:0 24px 60px #46321e24,0 4px 18px #46321e14!important}[data-theme=light] .studio-quick-dock{background:#efe6dcf2!important;border:1px solid #dfd3c5!important;box-shadow:0 8px 30px #46321e1a!important}[data-theme=light] .studio-dock-btn{color:#3a3027!important}[data-theme=light] .studio-dock-btn:hover{color:#1f1915!important;background:#e4d7ca!important}[data-theme=light] .studio-dock-btn.active{color:#fff!important;background:#e45d37!important}[data-theme=light] .studio-music-popup{background:#faf6f0!important;border:1px solid #dfd2c3!important;box-shadow:0 12px 36px #46321e24!important}[data-theme=light] .studio-music-popup-title{color:#2c2520!important;border-bottom:1px solid #efe5da!important}[data-theme=light] .studio-music-theme-btn{color:#2c2520!important;background:#efe5da!important;border:1px solid #dfd2c3!important}[data-theme=light] .studio-music-theme-btn:hover{background:#e4d7ca!important;border-color:#d2c4b3!important}[data-theme=light] .drawer-overlay{background:#2c252073!important}[data-theme=light] .drawer-panel{color:#2c2520!important;background:#f7f1ea!important;border-left:1px solid #dfd3c5!important;box-shadow:-15px 0 50px #46321e1f!important}[data-theme=light] .drawer-header{background:0 0!important;border-bottom:1px solid #dfd3c5!important;padding-bottom:16px!important}[data-theme=light] .drawer-logo-text{background:0 0!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:#2c2520!important;color:#2c2520!important}[data-theme=light] .drawer-swoosh{filter:drop-shadow(0 0 3px #e45d3773)!important}[data-theme=light] .drawer-swoosh path{fill:#e45d37!important}[data-theme=light] .drawer-subtitle{color:#7e7369!important}[data-theme=light] .drawer-close-btn{color:#3a3027!important;background:#eae0d3!important;border:1px solid #dfd2c3!important}[data-theme=light] .drawer-close-btn:hover{color:#1f1915!important;background:#e2d6c7!important;border-color:#d2c4b3!important}[data-theme=light] .drawer-user-card{background:#efe6dc!important;border:1px solid #dfd2c3!important}[data-theme=light] .drawer-user-avatar{color:#2c2520!important;background:#e5d9cb!important;border:1px solid #dfd2c3!important}[data-theme=light] .drawer-user-email{color:#2c2520!important}[data-theme=light] .drawer-user-credits{color:#6e6258!important}[data-theme=light] .drawer-btn-topup{color:#fff!important;background:#e45d37!important;border:1px solid #e45d37!important;font-weight:600!important;box-shadow:0 2px 8px #e45d3740!important}[data-theme=light] .drawer-btn-topup:hover{background:#d44e29!important;border-color:#d44e29!important}[data-theme=light] .drawer-btn-logout{color:#7e7369!important;background:#faf6f0!important;border:1px solid #dfd2c3!important}[data-theme=light] .drawer-btn-logout:hover{color:#dc2626!important;background:#fee2e2!important;border-color:#fca5a5!important}[data-theme=light] .drawer-item{color:#2c2520!important}[data-theme=light] .drawer-item:hover{color:#1f1915!important;background:#eae0d3!important;border-color:#dfd2c3!important}[data-theme=light] .drawer-item-highlight{background:#efe6dc!important;border:1px solid #dfd2c3!important}[data-theme=light] .drawer-item-highlight:hover{background:#e5d9cb!important;border-color:#d2c4b3!important}[data-theme=light] .silver-scissors-glow{color:#e45d37!important;filter:drop-shadow(0 0 4px #e45d3766)!important}[data-theme=light] .drawer-item-highlight:hover .silver-scissors-glow{filter:drop-shadow(0 0 6px #e45d3799)!important}[data-theme=light] .drawer-item-label{color:#2c2520!important}[data-theme=light] .drawer-icon-wrap{color:#6e6258!important}[data-theme=light] .drawer-item:hover .drawer-icon-wrap{color:#1f1915!important}[data-theme=light] .drawer-item-right{color:#8e8378!important}[data-theme=light] .drawer-item:hover .drawer-item-right{color:#2c2520!important}[data-theme=light] .drawer-studio-pill{color:#e45d37!important;box-shadow:none!important;background:#faf6f0!important;border:1px solid #dfd2c3!important;font-weight:700!important}[data-theme=light] .drawer-lang-tag{color:#6e6258!important}[data-theme=light] .drawer-subcard{color:#5e5349!important;background:#efe6dc!important;border:1px solid #dfd2c3!important}[data-theme=light] .drawer-subcard strong{color:#2c2520!important}[data-theme=light] .drawer-switch-toggle{background:#dfd2c3!important;border:1px solid #d2c4b3!important}[data-theme=light] .drawer-switch-toggle.active{background:#e45d37!important;border-color:#e45d37!important;box-shadow:0 0 10px #e45d374d!important}[data-theme=light] .drawer-switch-handle{background:#fff!important;box-shadow:0 1px 4px #46321e40!important}[data-theme=light] .drawer-social-row{border-top:1px solid #dfd3c5!important}[data-theme=light] .drawer-social-btn{color:#7e7369!important}[data-theme=light] .drawer-social-btn:hover{color:#e45d37!important;filter:drop-shadow(0 0 4px #e45d374d)!important}[data-theme=light] .drawer-footer{color:#8e8378!important;border-top:1px solid #dfd3c5!important}[data-theme=light] .drawer-footer-love{color:#8e8378!important}[data-theme=light] .top-nav{background:#efe6dcf5!important;border-bottom:1px solid #dfd3c5!important;box-shadow:0 1px 4px #46321e0a!important}[data-theme=light] .nav-logo{background:0 0!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:#2c2520!important;color:#2c2520!important}[data-theme=light] .nav-swoosh{filter:drop-shadow(0 0 3px #e45d3773)!important}[data-theme=light] .nav-swoosh path{fill:#e45d37!important}[data-theme=light] .balance-btn{color:#2c2520!important;background:#eae0d3!important;border:1px solid #dfd2c3!important;box-shadow:0 1px 4px #46321e0d!important}[data-theme=light] .balance-btn:hover{background:#e2d6c7!important;border-color:#d2c4b3!important}[data-theme=light] .balance-btn .add-text{color:#e45d37!important}[data-theme=light] .lang-btn,[data-theme=light] .theme-toggle-nav-btn{color:#2c2520!important;background:#eae0d3!important;border:1px solid #dfd2c3!important;box-shadow:0 1px 4px #46321e0d!important}[data-theme=light] .lang-btn:hover,[data-theme=light] .theme-toggle-nav-btn:hover{color:#1f1915!important;background:#e2d6c7!important;border-color:#d2c4b3!important}[data-theme=light] .lang-dropdown{color:#2c2520!important;background:#faf6f0!important;border:1px solid #dfd3c5!important;box-shadow:0 8px 24px #46321e1f!important}[data-theme=light] .lang-dropdown-item{color:#3a3027!important}[data-theme=light] .lang-dropdown-item:hover{color:#1f1915!important;background:#ebe0d3!important}[data-theme=light] .nav-menu-toggle-btn{color:#3a3027!important;background:0 0!important;border:none!important}[data-theme=light] .nav-menu-toggle-btn:hover{color:#e45d37!important;filter:drop-shadow(0 0 4px #e45d3766)!important}[data-theme=light] .login-btn,[data-theme=light] .logout-btn{color:#3a3027!important;background:0 0!important;border:1px solid #dfd2c3!important}[data-theme=light] .login-btn:hover,[data-theme=light] .logout-btn:hover{color:#1f1915!important;background:#eae0d3!important;border-color:#d2c4b3!important}[data-theme=light] .register-btn{color:#fff!important;background:#e45d37!important;border:none!important;box-shadow:0 3px 10px #e45d374d!important}[data-theme=light] .register-btn:hover{background:#d44e29!important;box-shadow:0 5px 14px #e45d3766!important}[data-theme=light] .glass-card{-webkit-backdrop-filter:none!important;color:#2c2520!important;background:#faf6f0!important;border:1.5px solid #dfd2c3!important;box-shadow:0 16px 45px #46321e14,0 2px 8px #46321e0a!important}[data-theme=light] .glass-card:hover{border-color:#d2c4b3!important;box-shadow:0 20px 50px #46321e1f,0 4px 12px #46321e0f!important}[data-theme=light] h1,[data-theme=light] .glass-card h1{background:0 0!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:#2c2520!important;color:#2c2520!important}[data-theme=light] .subtitle,[data-theme=light] .glass-card .subtitle{color:#7e7369!important}[data-theme=light] .segment-control{background:#ebe0d3!important;border:1px solid #dfd2c3!important}[data-theme=light] .segment-control .segment{color:#6e6258!important;background:0 0!important}[data-theme=light] .segment-control .segment:hover:not(:disabled){color:#1f1915!important}[data-theme=light] .segment-control .segment.active{color:#1f1915!important;background:#faf6f0!important;box-shadow:0 2px 6px #46321e14!important}[data-theme=light] .segment-control .segment.active.highlight{color:#e45d37!important;background:#faf6f0!important;border:1px solid #dfd2c3!important}[data-theme=light] input[type=text],[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] input{color:#2c2520!important;background:#fff!important;border:1.5px solid #dfd2c3!important}[data-theme=light] input::placeholder{color:#8e8378!important}[data-theme=light] input:focus{border-color:#e45d37!important;box-shadow:0 0 0 3px #e45d371f!important}[data-theme=light] .voice-subtab-container{background:#ebe0d3!important;border:1px solid #dfd2c3!important}[data-theme=light] .voice-subtab-btn{color:#6e6258!important;background:0 0!important}[data-theme=light] .voice-subtab-btn:hover{color:#1f1915!important}[data-theme=light] .voice-subtab-btn.active{color:#1f1915!important;background:#faf6f0!important;box-shadow:0 2px 6px #46321e14!important}[data-theme=light] .voice-tts-textarea{color:#2c2520!important;background:#fff!important;border:1.5px solid #dfd2c3!important}[data-theme=light] .voice-tts-textarea:focus{border-color:#e45d37!important;box-shadow:0 0 0 3px #e45d371f!important}[data-theme=light] .voice-tts-textarea::placeholder{color:#8e8378!important}[data-theme=light] .voice-gender-select{color:#2c2520!important;background:#fff!important;border:1px solid #dfd2c3!important}[data-theme=light] .voice-gender-select option{color:#2c2520!important;background:#faf6f0!important}[data-theme=light] .voice-preview-btn{color:#3a3027!important;background:#efe6dc!important;border:1px solid #dfd2c3!important}[data-theme=light] .voice-preview-btn:hover:not(:disabled){color:#1f1915!important;background:#e8ddcf!important;border-color:#d2c4b3!important}[data-theme=light] .audio-upload-dropzone{color:#6e6258!important;background:#faf6f0!important;border:1.5px dashed #dfd2c3!important}[data-theme=light] .audio-upload-dropzone:hover{background:#fff!important;border-color:#e45d37!important}[data-theme=light] .advanced-settings-toggle{color:#3a3027!important;background:#efe6dc!important;border:1px solid #dfd2c3!important}[data-theme=light] .advanced-settings-toggle:hover{color:#1f1915!important;background:#e8ddcf!important;border-color:#d2c4b3!important}[data-theme=light] .advanced-settings-inner h3{color:#2c2520!important}[data-theme=light] .language-selector label{color:#6e6258!important}[data-theme=light] .checkbox-container{color:#2c2520!important}[data-theme=light] .checkmark{background-color:#faf6f0!important;border:1.5px solid #dfd2c3!important}[data-theme=light] .checkbox-container:hover input~.checkmark{border-color:#e45d37!important}[data-theme=light] .checkbox-container input:checked~.checkmark{background-color:#e45d37!important;border-color:#e45d37!important}[data-theme=light] .checkbox-container input:checked~.checkmark:after{border-color:#fff!important}[data-theme=light] .num-shorts-selector span{color:#6e6258!important}[data-theme=light] .num-shorts-btn{color:#6e6258!important;box-shadow:none!important;background:0 0!important;border:1px solid #dfd2c3!important}[data-theme=light] .num-shorts-btn:hover:not(:disabled){color:#1f1915!important;background:#eae0d3!important;border-color:#d2c4b3!important}[data-theme=light] .num-shorts-btn.active{color:#fff!important;background:#e45d37!important;border-color:#e45d37!important;box-shadow:0 2px 8px #e45d3740!important}[data-theme=light] .generate-btn{color:#fff!important;background:#e45d37!important;border:1px solid #e45d37!important;box-shadow:0 4px 14px #e45d3759!important}[data-theme=light] .generate-btn:hover:not(:disabled){background:#d44e29!important;border-color:#d44e29!important;box-shadow:0 6px 18px #e45d3773!important}[data-theme=light] .generate-btn:disabled{color:#a3968b!important;box-shadow:none!important;cursor:not-allowed!important;background:#e5d9cb!important;border:1px solid #d8cbba!important}[data-theme=light] .watermark-notice-banner{color:#6e6258!important;background:#efe6dc!important;border:1px solid #dfd2c3!important}[data-theme=light] .watermark-notice-banner strong{color:#2c2520!important}[data-theme=light] .compact-video-row{color:#2c2520!important;background:#faf6f0!important;border:1px solid #dfd2c3!important}[data-theme=light] .compact-video-row.active-row{background:#fff!important;border-color:#e45d37!important;box-shadow:0 2px 8px #e45d371f!important}[data-theme=light] .compact-video-row span{color:#2c2520!important}[data-theme=light] .compact-download-btn{color:#6e6258!important}[data-theme=light] .compact-download-btn:hover{color:#e45d37!important}[data-theme=light] .phone-mockup{border:8px solid #1c1917!important;box-shadow:0 0 0 1px #46321e1f,0 24px 60px #46321e2e!important}[data-theme=light] .glow-effect{background:radial-gradient(#e45d3724 15%,#e45d3700 65%)!important}[data-theme=light] .floating-support{color:#2c2520!important;background:#faf6f0!important;border:1px solid #dfd2c3!important;box-shadow:0 4px 16px #46321e1f!important}[data-theme=light] .floating-support:hover{color:#e45d37!important;background:#fff!important;border-color:#e45d37!important;box-shadow:0 6px 20px #e45d3733!important}[data-theme=light] .footer-legal-bar,[data-theme=light] .footer-legal-bar span{color:#7e7369!important}[data-theme=light] .footer-legal-bar a{color:#5e5349!important}[data-theme=light] .footer-legal-bar a:hover{color:#e45d37!important}[data-theme=light] .modal-overlay{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#2c252073!important}[data-theme=light] .modal-content,[data-theme=light] .billing-modal,[data-theme=light] .auth-modal,[data-theme=light] .support-modal{color:#2c2520!important;background:#faf6f0!important;border:1px solid #dfd2c3!important;box-shadow:0 24px 60px #46321e2e!important}[data-theme=light] .modal-header h2{background:0 0!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:#2c2520!important;color:#2c2520!important}[data-theme=light] .close-btn{color:#6e6258!important}[data-theme=light] .close-btn:hover{color:#1f1915!important}.app-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:100%;min-height:100vh;transition:padding-right .5s cubic-bezier(.16,1,.3,1);display:flex}.app-container.agent-open{padding-right:400px}.main-wrapper{box-sizing:border-box;grid-template-columns:1fr;align-items:flex-start;gap:2rem;width:100%;max-width:1000px;margin:90px 0 auto;padding:2rem;transition:max-width .4s cubic-bezier(.16,1,.3,1);display:grid}.main-wrapper.expanded{max-width:1350px}@media (width>=900px){.main-wrapper{grid-template-columns:1fr auto;gap:3rem}}.nav-logo-wrap{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;width:fit-content;display:inline-flex;position:relative}.nav-swoosh{pointer-events:none;filter:drop-shadow(0 0 5px #ffffffbf)drop-shadow(0 0 12px #c8c8e173);width:125%;height:9px;margin-top:-3px}h1{letter-spacing:-1px;background:linear-gradient(#fff 0%,#a5a5a5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.3rem;font-family:Quicksand,sans-serif;font-size:2.2rem;font-weight:700;line-height:1.1}.subtitle{color:#888;margin-top:0;margin-bottom:1.2rem;font-size:.95rem;font-weight:400}.glass-card{-webkit-backdrop-filter:blur(24px);background:#0f0f0f8c;border:1px solid #ffffff14;border-top-color:#ffffff38;border-radius:16px;width:fit-content;margin-left:auto;margin-right:auto;padding:1.6rem 2rem;transition:border-color .3s,box-shadow .3s;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff1a}.glass-card:hover{border-color:#555}.input-group{flex-direction:column;gap:.9rem;margin-top:1.5rem;display:flex}.language-selector{flex-direction:column;gap:.6rem;margin-top:.3rem;margin-bottom:.3rem;display:flex}.language-selector label{color:#aaa;font-size:.88rem;font-weight:500}.segment-control{background:#111;border:1px solid #222;border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;padding:3px;display:grid}.segment-control .segment{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1 1 0;min-width:0;padding:.6rem .8rem;font-size:.88rem;font-weight:600;transition:all .2s}.format-segment-control .segment{padding:.5rem .4rem;font-size:.8rem}.segment-control .segment:hover:not(:disabled){color:#fff}.segment-control .segment.active{color:#fff;background:#2a2a2a;box-shadow:0 2px 8px #0003}.segment-control .segment.active.highlight{background:linear-gradient(135deg,#2a2a2a 0%,#3a3a3a 100%);border:1px solid #ffffff1a}input{color:#ededed;box-sizing:border-box;background:#000;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-size:.92rem;transition:all .2s}input:focus{border-color:#888}button{color:#000;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:8px;width:100%;padding:.8rem 1.2rem;font-size:.95rem;font-weight:500;transition:all .2s}button:hover:not(:disabled){background:#ccc;border-color:#ccc}button:disabled{color:#666;cursor:not-allowed;background:#111;border-color:#333}.advanced-settings-toggle{cursor:pointer;color:#aaa;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:.7rem .9rem;font-size:.88rem;font-weight:500;transition:all .2s;display:flex}.advanced-settings-toggle:hover{color:#ddd;background:#ffffff0f}.advanced-settings-content{opacity:0;flex-direction:column;width:0;max-height:0;margin-left:0;padding:0;transition:width .4s cubic-bezier(.16,1,.3,1),margin-left .4s cubic-bezier(.16,1,.3,1),max-height .4s ease-in-out,opacity .1s,padding .4s;display:flex;overflow:hidden}.advanced-settings-content.expanded{opacity:1;width:350px;max-height:600px;margin-left:20px;padding:0 1rem;transition:width .4s cubic-bezier(.16,1,.3,1),margin-left .4s cubic-bezier(.16,1,.3,1),max-height .4s ease-in-out,opacity .4s .1s,padding .4s}.advanced-settings-inner{width:318px;min-width:318px}@media (width<=1200px){.advanced-settings-content{max-height:0;padding:0 .5rem;transition:max-height .4s cubic-bezier(0,1,0,1),opacity .4s;width:100%!important}.advanced-settings-content.expanded{max-height:500px;padding:1rem .5rem .5rem;transition:max-height .4s ease-in-out,opacity .4s ease-in-out}.advanced-settings-inner{width:100%;min-width:100%}}.status-box{color:#888;background:#000;border:1px solid #333;border-radius:20px;flex-direction:column;align-items:center;margin-top:2rem;padding:1.5rem;animation:.5s fadeIn;display:flex}.compact-status-box{flex-direction:row;justify-content:space-between;width:320px;max-width:100%;margin-top:1.5rem;padding:.8rem 1.2rem}.status-content{align-items:center;gap:15px;display:flex}.status-content p{color:#eee;margin:0;font-size:.95rem}.cancel-task-btn{color:#aaa;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.cancel-task-btn:hover{color:#ff4d4f;background:#ff323226;border-color:#ff323266}.spinner{border:2px solid #333;border-left-color:#ededed;border-radius:50%;width:20px;height:20px;margin-bottom:1rem;animation:1s linear infinite spin}.compact-spinner{width:16px;height:16px;margin-bottom:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-container{background:#000;border:1px solid #333;border-radius:8px;flex-direction:column;max-width:300px;margin-top:2.5rem;margin-left:auto;margin-right:auto;animation:.8s fadeIn;display:flex;overflow:hidden}video{width:100%;display:block}.download-btn{color:#ededed;background:#000;border-top:1px solid #333;justify-content:center;align-items:center;gap:.8rem;padding:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.download-btn:hover{background:#111}.demo-section{justify-content:center;align-items:flex-start;animation:1s .3s both fadeIn;display:flex}.checkbox-container{color:#ededed;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.9;align-items:center;gap:.8rem;margin-top:-.5rem;margin-bottom:.5rem;font-size:.95rem;transition:opacity .2s;display:flex}.checkbox-container:hover{opacity:1}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:#111;border:1px solid #444;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.checkbox-container:hover input~.checkmark{border-color:#666}.checkbox-container input:checked~.checkmark{background-color:#ededed;border-color:#ededed}.checkmark:after{content:"";display:none}.checkbox-container input:checked~.checkmark:after{border:2px solid #000;border-width:0 2px 2px 0;width:5px;height:10px;margin-bottom:2px;display:block;transform:rotate(45deg)}.phone-mockup{aspect-ratio:1179/2556;z-index:10;background:#000;border:8px solid #0a0a0a;border-radius:40px;width:auto;max-width:270px;height:100%;max-height:min(580px,100vh - 160px);position:relative;overflow:hidden;box-shadow:0 0 0 2px #333,0 20px 40px #000c}.tablet-mockup{aspect-ratio:3/4;z-index:10;background:#000;border:12px solid #0a0a0a;border-radius:20px;width:auto;max-width:320px;height:100%;max-height:min(580px,100vh - 160px);position:relative;overflow:hidden;box-shadow:0 0 0 2px #333,0 20px 40px #000c}.demo-video-wrapper{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.demo-video-wrapper .bg-video{object-fit:cover;filter:blur(25px);opacity:0;z-index:1;width:100%;height:100%;transition:opacity .4s;position:absolute;transform:scale(1.15)}.demo-video-wrapper.simulate-4x5 .bg-video,.demo-video-wrapper.simulate-3x4 .bg-video,.demo-video-wrapper.simulate-fit .bg-video{opacity:.7}.demo-video-wrapper .fg-video{object-fit:cover;z-index:2;width:100%;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.demo-video-wrapper.simulate-4x5 .fg-video{aspect-ratio:4/5;object-position:center 20%;height:auto;box-shadow:0 0 20px #0009}.demo-video-wrapper.simulate-3x4 .fg-video{aspect-ratio:3/4;height:auto;box-shadow:0 0 20px #0009}.demo-video-wrapper.simulate-fit .fg-video{aspect-ratio:4/3;object-fit:cover;object-position:center 20%;height:auto;box-shadow:0 0 20px #0009}.author-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:20;pointer-events:none;background:#00000080;border:1px solid #ffffff26;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:500;position:absolute;top:60px;left:20px}.phone-mockup:before{content:"";z-index:10;background:#000;border-radius:20px;width:85px;height:25px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 2px #ffffff26}.single-phone-container{perspective:1000px;position:relative}.glow-effect{z-index:1;pointer-events:none;background:radial-gradient(#fff3 20%,#fff0 65%);border-radius:50%;width:180%;height:120%;animation:4s ease-in-out infinite alternate phoneGlowAnim;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.premium-mockup{background:#000;border:8px solid #1a1a1a;border-radius:40px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 2px #ffffff1a}.premium-mockup:hover{transform:scale(1.02)}.platform-overlay{pointer-events:none;opacity:1;transition:opacity .4s;position:absolute;inset:0}.platform-overlay.fading{opacity:0}.platform-badge{color:#fff;letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:14px;left:12px}.youtube-badge{background:#0000008c;border:1px solid #ff000080}.instagram-badge{background:#0000008c;border:1px solid #c1358499}.tiktok-badge{background:#0000008c;border:1px solid #69c9d099}.platform-username{color:#fff;text-shadow:0 1px 4px #000c;z-index:20;font-size:.65rem;font-weight:700;position:absolute;bottom:40px;left:12px}.platform-actions{z-index:20;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:60px;right:8px}.platform-action-btn{color:#fff;text-shadow:0 1px 4px #000c;filter:drop-shadow(0 1px 3px #000000b3);flex-direction:column;align-items:center;gap:2px;font-size:.5rem;display:flex}.platform-progress{z-index:20;background:#ffffff4d;border-radius:2px;height:2px;position:absolute;bottom:12px;left:12px;right:12px;overflow:hidden}.platform-progress-bar{border-radius:2px;height:100%;animation:3s linear infinite progressAnim}.youtube-progress{background:red}.instagram-progress{background:linear-gradient(90deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.tiktok-progress{background:linear-gradient(90deg,#69c9d0,#ee1d52)}@keyframes progressAnim{0%{width:0%}to{width:100%}}.top-nav{box-sizing:border-box;z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 3rem;display:flex;position:relative}.nav-logo{letter-spacing:-.5px;background:linear-gradient(#fff 0%,#b0b0b0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Quicksand,sans-serif;font-size:1.6rem;font-weight:700}.nav-left{align-items:center;display:flex}.nav-tabs{-webkit-backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;align-items:center;gap:16px;padding:6px 12px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.nav-tab-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:18px;align-items:center;gap:8px;width:auto;padding:8px 20px;font-family:inherit;font-size:.92rem;font-weight:500;line-height:1;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.nav-tab-btn:hover{color:#eee;background:#ffffff0d}.nav-tab-btn.active{color:#fff;background:#ffffff1f;border:1px solid #ffffff52;font-weight:600;box-shadow:0 0 16px #ffffff2e,inset 0 1px 1px #fff6}.lang-switcher{display:inline-block;position:relative}.lang-btn{color:#aaa;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:4px;width:auto;padding:.35rem .7rem;font-family:inherit;font-size:.75rem;font-weight:500;line-height:1;transition:all .2s;display:inline-flex}.lang-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.lang-dropdown-arrow{opacity:.5;font-size:.55rem;transition:transform .2s}.lang-dropdown{-webkit-backdrop-filter:blur(24px);z-index:1000;background:#141414d9;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;gap:4px;min-width:140px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 32px #0009,0 0 20px #a855f71a}.lang-dropdown-item{color:#aaa;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.lang-dropdown-item:hover{color:#fff;background:#ffffff14}.lang-dropdown-item.active{color:#fff;background:#a855f733;font-weight:600}.lang-flag{font-size:1rem}.lang-check{color:#a855f7;margin-left:auto;font-size:.75rem;font-weight:700}.nav-agent-btn{color:#fff;cursor:pointer;background:linear-gradient(#ffffff17 0%,#ffffff08 100%);border:1px solid #ffffff2e;border-radius:12px;align-items:center;gap:8px;padding:.42rem .95rem;font-family:inherit;font-size:.84rem;font-weight:600;line-height:1;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 10px #00000059,0 0 12px #ffffff0f}.nav-agent-btn:hover{color:#fff;background:linear-gradient(#ffffff29 0%,#ffffff0f 100%);border-color:#ffffff61;transform:translateY(-1px);box-shadow:0 4px 18px #00000073,0 0 16px #ffffff2e}.nav-agent-btn:active{transform:translateY(0)}.silver-scissors-glow{color:#fff;filter:drop-shadow(0 0 6px #fffc)drop-shadow(0 0 12px #e4e4e780);transition:filter .2s}.nav-agent-btn:hover .silver-scissors-glow{filter:drop-shadow(0 0 8px #fffffff2)drop-shadow(0 0 16px #f4f4f5bf)}.nav-menu-toggle-btn{color:#a1a1aa;cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;width:38px;height:38px;margin:0;padding:0;line-height:1;transition:color .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),filter .25s cubic-bezier(.16,1,.3,1),transform .15s;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important}.nav-menu-toggle-btn svg{transition:stroke .25s,filter .25s;display:block}.nav-menu-toggle-btn:hover,.nav-menu-toggle-btn:hover:not(:disabled){filter:drop-shadow(0 0 6px #ffffffa6);box-shadow:none!important;color:#fff!important;background:0 0!important;border:none!important;transform:none!important}.nav-menu-toggle-btn:focus,.nav-menu-toggle-btn:focus-visible{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.nav-menu-toggle-btn:active{opacity:.75;box-shadow:none!important;color:#d4d4d8!important;background:0 0!important;border:none!important;transform:scale(.95)!important}.balance-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;width:auto;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.balance-btn .add-text{color:#888;font-size:.85rem;transition:all .2s}.balance-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.balance-btn:hover .add-text{color:#fff}.login-btn,.logout-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:20px;width:auto;padding:.6rem 1.2rem;font-size:.9rem;transition:all .2s}.login-btn:hover,.logout-btn:hover{color:#fff;background:#ffffff0d;border-color:#ffffff4d}.register-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#d0d0d0 100%);border:none;border-radius:20px;width:auto;padding:.6rem 1.4rem;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #ffffff1a}.register-btn:hover{background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);transform:translateY(-2px);box-shadow:0 6px 16px #fff3}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:10000;background:#000000bf;justify-content:center;align-items:center;animation:.3s forwards overlayEnter;display:flex;position:fixed;inset:0}@keyframes overlayEnter{0%{opacity:0}to{opacity:1}}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-content{-webkit-backdrop-filter:blur(20px);background:#0f0f0fd9;border:1px solid #ffffff1a;border-top-color:#fff3;border-radius:24px;width:100%;max-width:420px;padding:3rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards modalEnter;box-shadow:0 30px 60px #0009,0 0 40px #ffffff08}.modal-header h2{letter-spacing:-.5px;background:linear-gradient(#fff 0%,#aaa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.8rem;font-weight:700}.close-btn{color:#666;cursor:pointer;background:0 0;border:none;width:auto;padding:0;font-size:1.8rem;line-height:1;transition:color .2s,transform .2s}.close-btn:hover{color:#fff;background:0 0;border-color:#0000;transform:scale(1.1)}.auth-form input,.auth-form textarea{color:#fff;background:#0006;border:1px solid #ffffff14;border-radius:12px;padding:1.2rem;font-size:1rem;transition:all .3s;box-shadow:inset 0 2px 4px #0003}.auth-form textarea{resize:vertical;min-height:120px;font-family:inherit}.auth-form input:focus,.auth-form textarea:focus{background:#0009;border-color:#fff6;outline:none;box-shadow:0 0 15px #ffffff0d,inset 0 2px 4px #0003}.auth-form input:disabled,.auth-form textarea:disabled{opacity:.6;cursor:not-allowed}.auth-form button{color:#000;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);border:none;border-radius:12px;margin-top:1rem;padding:1.2rem;font-size:1.05rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #ffffff1a}.auth-form button:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff26}.auth-form button:active:not(:disabled){transform:translateY(0)}.auth-error{color:#ff4d4f;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ff4d4f14;border:1px solid #ff4d4f33;border-radius:12px;padding:1rem;font-size:.95rem}.auth-footer span{color:#ededed;cursor:pointer;border-bottom:1px dashed #fff6;margin-left:.3rem;font-weight:500;text-decoration:none;transition:color .2s}.auth-footer span:hover{color:#fff;border-bottom-color:#fff}.top-nav{z-index:100;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:absolute;top:0;left:0;right:0}.nav-logo{letter-spacing:-1px;background:linear-gradient(90deg,#fff,#999);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.nav-user{align-items:center;gap:1rem;display:flex}.balance-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:.5rem 1rem;font-size:.9rem}.login-btn,.logout-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:20px;padding:.5rem 1.2rem;font-size:.9rem;transition:all .2s}.login-btn:hover,.logout-btn:hover{background:#ffffff1a;border-color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#111;border:1px solid #333;border-radius:16px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080}.modal-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.close-btn{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem}.close-btn:hover{color:#fff}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-form input,.auth-form textarea{color:#fff;background:#000;border:1px solid #333;border-radius:8px;padding:1rem;font-size:1rem}.auth-form input:focus,.auth-form textarea:focus{border-color:#ededed;outline:none}.auth-form button{color:#000;cursor:pointer;background:#ededed;border:none;border-radius:8px;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600}.auth-form button:hover{background:#fff}.auth-error{color:#ff4d4f;text-align:center;background:#ff4d4f1a;border:1px solid #ff4d4f4d;border-radius:8px;padding:.8rem;font-size:.9rem}.auth-footer{text-align:center;color:#888;margin-top:1.5rem;font-size:.9rem}.auth-footer span{color:#fff;cursor:pointer;text-decoration:underline}.auth-footer span:hover{color:#ccc}.pricing-modal{max-width:900px}.pricing-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.pricing-card{text-align:center;background:#0006;border:1px solid #ffffff1a;border-radius:16px;padding:2rem 1.5rem;transition:transform .2s;position:relative}.pricing-card:hover{border-color:#ffffff4d;transform:translateY(-5px)}.pricing-card.popular{background:#ffffff0d;border-color:#ffffff80;box-shadow:0 0 20px #ffffff0d}.popular-badge{color:#000;background:#fff;border-radius:20px;padding:.2rem .8rem;font-size:.7rem;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{color:#ddd;margin:0;font-size:1.2rem}.pricing-card .price{color:#fff;margin:1rem 0;font-size:2rem;font-weight:800}.pricing-card button{color:#000;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#d0d0d0 100%);border:none;border-radius:8px;width:100%;padding:.8rem;font-weight:600;transition:all .2s}.pricing-card button:hover{transform:scale(1.05)}@media (width<=768px){.pricing-cards{grid-template-columns:1fr}}.publishing-kit{text-align:left;background:#141414cc;border:1px solid #333;border-radius:12px;margin-top:2rem;padding:1.5rem}.publishing-kit h3{color:#fff;border-bottom:1px solid #333;margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}.kit-item{background:#0a0a0a;border:1px solid #222;border-radius:8px;margin-bottom:1rem;overflow:hidden}.kit-header{color:#aaa;background:#1a1a1a;border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:flex}.copy-btn{color:#fff;cursor:pointer;background:#333;border:none;border-radius:4px;width:auto;padding:4px 10px;font-size:.75rem;transition:background .2s}.copy-btn:hover{background:#555}.kit-content{color:#ddd;white-space:pre-wrap;padding:1rem;font-size:.95rem;line-height:1.4}@media (width<=768px){#root{width:100%;max-width:100%;min-height:100dvh;padding:3.8rem 0 0;overflow-x:hidden}body{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;width:100%;display:block;position:relative;overflow-x:hidden}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.main-wrapper{box-sizing:border-box;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:100%;margin:0;padding:1rem 16px 2rem}.left-column{order:1;width:100%}.demo-section{order:2;width:100%}.top-nav{-webkit-backdrop-filter:blur(20px);z-index:200;background:#000000eb;border-bottom:1px solid #ffffff0f;padding:.75rem 1.1rem;position:fixed;top:0;left:0;right:0}.nav-logo{font-size:1.25rem}.balance-btn{border-radius:14px;padding:.45rem .85rem;font-size:.82rem}.balance-btn .add-text{display:none}.login-btn,.logout-btn,.register-btn{padding:.45rem .85rem;font-size:.82rem}.glass-card{box-sizing:border-box;background:#0a0a0af0;border:1px solid #ffffff12;border-radius:20px;width:100%;margin-bottom:0;padding:1.2rem 1rem}h1{letter-spacing:-.5px;margin-bottom:.2rem;font-size:1.9rem}.subtitle{margin-bottom:0;font-size:.88rem}.input-group{gap:.9rem;margin-top:1.2rem}.input-group input,.input-group textarea,input[type=text],input[type=email],input[type=password]{appearance:none;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;padding:.9rem 1rem;font-size:16px}.segment-control{border-radius:14px;gap:2px;min-height:48px;padding:3px}.segment{white-space:normal;border-radius:11px;flex:1 1 0;min-width:0;padding:.7rem .4rem;font-size:.83rem;line-height:1.2}.advanced-settings-toggle{border-radius:14px;min-height:50px;padding:.9rem 1rem;font-size:.92rem}.advanced-settings-content.expanded{max-height:900px}.checkbox-container{border-bottom:1px solid #ffffff0d;align-items:center;min-height:50px;padding:.85rem 0;font-size:.93rem;display:flex}.checkbox-container:last-of-type{border-bottom:none}.checkmark{border-radius:50%;flex-shrink:0;width:24px;height:24px}button:not(.segment):not(.balance-btn):not(.login-btn):not(.logout-btn):not(.download-icon-btn):not(.copy-btn){min-height:54px}.status-box{border-radius:16px;margin-top:.8rem;padding:1.1rem;font-size:.88rem}.compact-results-container{border-radius:16px;margin-top:1rem;padding:.9rem}.compact-video-row{min-height:54px;padding:10px 12px!important}.demo-section{justify-content:center;padding-bottom:2rem;display:flex}.initial-demo-mockup{margin:0 auto;width:170px!important;max-width:170px!important;animation:none!important}.result-phone-container{flex-direction:column!important;justify-content:center!important;align-items:center!important}.result-phone-container .glow-effect{display:none}.result-phone-container .phone-mockup.premium-mockup{border-radius:32px;animation:none;min-width:unset!important;width:190px!important;max-width:190px!important}.result-phone-container>div[style*="right: -40px"]{justify-content:center;margin-top:10px;flex-direction:row!important;position:static!important}.modal-overlay{align-items:flex-end;padding:0}.modal-content,.pricing-modal{width:100%;max-width:100%;padding:0 1.2rem 2rem;padding-bottom:max(2rem, env(safe-area-inset-bottom));border-bottom:none;border-left:none;border-right:none;border-radius:28px 28px 0 0;max-height:93dvh;margin:0;animation:.32s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}.modal-content:before,.pricing-modal:before{content:"";background:#ffffff2e;border-radius:2px;width:38px;height:4px;margin:.8rem auto 1rem;display:block}.pricing-cards{grid-template-columns:1fr;gap:.7rem}.pricing-card{border-radius:16px;padding:1.1rem}.site-footer{padding:1.2rem .8rem}.footer-links{flex-direction:column;align-items:center;gap:8px;padding:0 .3rem;font-size:.68rem}.floating-support{display:none}button:active:not(:disabled),a:active{opacity:.88;transition:transform 80ms,opacity 80ms;transform:scale(.97)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.floating-support{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:1000;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;width:auto;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s;position:fixed;bottom:25px;right:25px;box-shadow:0 4px 15px #0000004d}.floating-support:hover{background:#fff3;transform:translateY(-3px);box-shadow:0 6px 20px #0006}.site-footer{text-align:center;color:#555;z-index:10;background:#050505;border-top:1px solid #222;align-self:stretch;width:100%;margin-top:auto;padding-top:20px;padding-bottom:20px;font-size:.7rem;position:static}.footer-links{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;width:100%;margin:0 auto;padding:0 40px;display:flex}.site-footer a{color:#888;text-decoration:none;transition:color .2s}.site-footer a:hover{color:#ccc;text-decoration:underline}@keyframes blurReveal{0%{opacity:0;filter:blur(20px);transform:scale(.95)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes mockup3DReveal{0%{opacity:0;filter:blur(20px);transform:perspective(1000px)rotateY(15deg)scale(.9)}to{opacity:1;filter:blur();transform:perspective(1000px)rotateY(0)scale(1)}}@keyframes pulseGlow{0%{box-shadow:0 0 0 2px #333,0 20px 40px #000c,0 0 40px #ffffff0d}50%{box-shadow:0 0 0 2px #444,0 20px 60px #000000e6,0 0 80px #ffffff40}to{box-shadow:0 0 0 2px #333,0 20px 40px #000c,0 0 40px #ffffff0d}}.animate-stagger-1{opacity:0;animation:1.2s cubic-bezier(.2,.8,.2,1) .1s forwards blurReveal}.animate-stagger-2{opacity:0;animation:1.2s cubic-bezier(.2,.8,.2,1) .3s forwards blurReveal}.animate-stagger-3{opacity:0;animation:1.2s cubic-bezier(.2,.8,.2,1) .5s forwards blurReveal}.animate-mockup-appear{opacity:0;transform-origin:100%;animation:1.5s cubic-bezier(.2,.8,.2,1) .5s forwards mockup3DReveal}@media (width<=768px){.top-nav{flex-wrap:wrap;gap:12px;padding:1rem 1.2rem}.nav-left{justify-content:space-between;gap:1rem;width:100%}.nav-tab-btn{padding:5px 10px;font-size:.78rem}}.animate-ambilight-appear{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards ambilight-enter;transform:translateY(20px)}@keyframes ambilight-enter{to{opacity:1;transform:translateY(0)}}.ambilight-player-wrapper{background:#000;border-radius:24px;margin:0 auto}.mockup-hiding{pointer-events:none;animation:.6s cubic-bezier(.4,0,.2,1) forwards mockup-exit}@keyframes mockup-exit{0%{opacity:1;filter:blur();transform:scale(1)translateY(0)}to{opacity:0;filter:blur(10px);transform:scale(.85)translateY(40px)}}.generation-loader-container{opacity:0;pointer-events:none;z-index:10;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.generation-loader-container.visible{opacity:1;pointer-events:auto}.cyber-orb{justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex;position:relative}.cyber-orb-inner{background:#e2e8f0;border-radius:50%;width:40px;height:40px;animation:2s ease-in-out infinite pulse-core;box-shadow:0 0 30px #e2e8f0,0 0 60px #94a3b8}.cyber-orb-ring{border:2px solid #0000;border-color:#e2e8f0 #0000 #94a3b8;border-radius:50%;width:100%;height:100%;animation:1.5s linear infinite spin-ring;position:absolute}.cyber-orb-ring-2{border:2px dashed #ffffff40;border-radius:50%;width:120%;height:120%;animation:3s linear infinite spin-ring-reverse;position:absolute}.generation-status-text{background:linear-gradient(90deg,#fff,#cbd5e1);color:#0000;text-align:center;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:500;animation:2s ease-in-out infinite pulse-opacity}@keyframes pulse-core{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.15)}}@keyframes spin-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-ring-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse-opacity{0%,to{opacity:.7}50%{opacity:1}}.voice-subtab-container{background:#ffffff0d;border:1px solid #ffffff14}.voice-subtab-btn{color:#aaa;background:0 0}.voice-subtab-btn.active{color:#fff;background:#ffffff26}.voice-tts-textarea{color:#fff;background:#00000073;border:1px solid #ffffff26}.voice-gender-select{color:#eee;background:#ffffff14;border:1px solid #ffffff26}.voice-preview-btn{color:#ddd;background:#ffffff12;border:1px solid #ffffff26}.audio-upload-dropzone{background:#0006;border:1px dashed #ffffff4d}.num-shorts-btn{color:#888;background:0 0;border:1px solid #ffffff1f}.num-shorts-btn.active{color:#fff;background:#ffffff1f;border:1px solid #ffffff73;box-shadow:0 0 12px #ffffff26}.watermark-notice-banner{color:#a0a0a0;background:#ffffff0a;border:1px solid #ffffff1a}.footer-legal-bar{color:#ffffff2b}.drawer-overlay{-webkit-backdrop-filter:blur(8px);z-index:9000;background:#000000a6;justify-content:flex-end;animation:.25s ease-out drawerFadeIn;display:flex;position:fixed;inset:0}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.drawer-panel{box-sizing:border-box;background:linear-gradient(#16161b 0%,#0d0d10 100%);border-left:1px solid #ffffff14;flex-direction:column;width:100%;max-width:380px;height:100%;padding:24px 22px;animation:.3s cubic-bezier(.16,1,.3,1) drawerSlideIn;display:flex;overflow-y:auto;box-shadow:-20px 0 60px #000000bf}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.drawer-header-brand{flex-direction:column;gap:2px;display:flex}.drawer-logo-wrap{display:inline-block;position:relative}.drawer-logo-text{letter-spacing:-.03em;background:linear-gradient(#fff 0%,#e4e4e7 45%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,Inter,sans-serif;font-size:1.45rem;font-weight:800;display:block}.drawer-swoosh{opacity:.95;width:120px;height:9px;margin-top:-3px;display:block}.drawer-subtitle{color:#71717a;letter-spacing:-.01em;margin:4px 0 0;font-size:.8rem;font-weight:400}.drawer-close-btn{color:#a1a1aa;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;line-height:1;transition:all .2s;display:flex}.drawer-close-btn:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.drawer-auth-section{margin-bottom:20px}.drawer-auth-buttons{flex-direction:column;gap:10px;display:flex}.drawer-btn-primary{color:#09090b;cursor:pointer;background:linear-gradient(#fff 0%,#e4e4e7 100%);border:none;border-radius:10px;width:100%;padding:11px 16px;font-size:.92rem;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #ffffff26}.drawer-btn-primary:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #ffffff40}.drawer-btn-secondary{color:#e4e4e7;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;width:100%;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.drawer-btn-secondary:hover{color:#fff;background:#ffffff14;border-color:#ffffff40}.drawer-user-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.drawer-user-meta{align-items:center;gap:10px;display:flex;overflow:hidden}.drawer-user-avatar{color:#e4e4e7;background:linear-gradient(135deg,#ffffff1f 0%,#ffffff08 100%);border:1px solid #ffffff1f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.drawer-user-details{flex-direction:column;display:flex;overflow:hidden}.drawer-user-email{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:600;overflow:hidden}.drawer-user-credits{color:#a1a1aa;margin-top:1px;font-size:.76rem}.drawer-user-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.drawer-btn-topup{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:7px;padding:5px 10px;font-size:.78rem;font-weight:600;transition:all .2s}.drawer-btn-topup:hover{background:#ffffff2e;border-color:#ffffff59}.drawer-btn-logout{color:#71717a;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.drawer-btn-logout:hover{color:#ef4444;background:#ef444414;border-color:#ef44444d}.drawer-menu-list{flex-direction:column;flex:1;gap:6px;margin-top:6px;display:flex}.drawer-item{color:#d4d4d8;cursor:pointer;box-sizing:border-box;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:11px 12px;font-size:.9rem;font-weight:500;transition:all .18s;display:flex}.drawer-item:hover{color:#fff;background:#ffffff0d;border-color:#ffffff14}.drawer-item-highlight{background:#ffffff09;border:1px solid #ffffff17}.drawer-item-highlight:hover{background:#ffffff12;border-color:#ffffff38}.drawer-item-left{align-items:center;gap:12px;display:flex}.drawer-icon-wrap{color:#a1a1aa;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.silver-scissors-glow{color:#fff;filter:drop-shadow(0 0 8px #e4e4e7a6)}.drawer-item-highlight:hover .silver-scissors-glow{filter:drop-shadow(0 0 12px #ffffffd9)}.drawer-item-label{font-size:.91rem}.drawer-item-right{color:#71717a;align-items:center;gap:8px;display:flex}.drawer-item:hover .drawer-item-right{color:#d4d4d8}.drawer-studio-pill{letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#ffffff26 0%,#ffffff0d 100%);border:1px solid #fff3;border-radius:5px;padding:2px 7px;font-size:.68rem;font-weight:700;box-shadow:0 0 10px #ffffff1a}.drawer-lang-tag{color:#a1a1aa;font-size:.78rem;font-weight:600}.drawer-subcard{color:#a1a1aa;background:#00000059;border:1px solid #ffffff12;border-radius:9px;margin:2px 4px 8px;padding:10px 14px;font-size:.82rem;line-height:1.5}.drawer-subcard p{margin:4px 0}.drawer-subcard strong{color:#e4e4e7}.drawer-item-switch{cursor:default}.drawer-switch-toggle{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;outline:none;width:44px;height:24px;padding:0;transition:all .25s;position:relative}.drawer-switch-toggle.active{background:linear-gradient(135deg,#71717a 0%,#d4d4d8 100%);border-color:#fff6;box-shadow:0 0 12px #ffffff40}.drawer-switch-handle{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #0006}.drawer-switch-toggle.active .drawer-switch-handle{transform:translate(20px)}.drawer-social-row{border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:18px;margin-top:12px;padding:16px 0;display:flex}.drawer-social-btn{color:#71717a;justify-content:center;align-items:center;transition:all .2s;display:flex}.drawer-social-btn:hover{color:#fff;filter:drop-shadow(0 0 6px #fff6);transform:translateY(-1px)}.drawer-footer{color:#52525b;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:12px;font-size:.74rem;display:flex}.drawer-footer-love{color:#71717a}.agent-panel,.agent-panel *{box-sizing:border-box;text-align:left}.agent-panel{text-align:left;will-change:transform;z-index:99999;color:#e4e4e7;background:#141416;border-left:1px solid #ffffff14;border-radius:16px 0 0 16px;flex-direction:column;width:420px;max-width:90vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-20px 0 60px #000000b3}.agent-panel.open{transform:translate(0)}.agent-panel.embedded{width:100%!important;max-width:100%!important;height:100%!important;box-shadow:none!important;z-index:10!important;border:none!important;border-right:1px solid #ffffff14!important;border-radius:0!important;position:relative!important;top:0!important;right:0!important;transform:none!important}.agent-header{-webkit-backdrop-filter:blur(12px);white-space:nowrap;z-index:2;background:#141418b3;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 14px;display:flex;box-shadow:0 2px 16px #00000040}.agent-header-left{align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.agent-logo{background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.agent-header-title{color:#fff;letter-spacing:-.2px;white-space:nowrap;font-size:.85rem;font-weight:600}.agent-badge-free{color:#a1a1aa;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:.65rem;font-weight:500}.agent-badge-ai{color:#e4e4e7;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff2e;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:.65rem;font-weight:600}.agent-header-dropdown{color:#d4d4d8;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:5px;flex-shrink:0;align-items:center;gap:3px;padding:2px 6px;font-size:.68rem;font-weight:500;display:inline-flex}.checkpoint-count-pill{color:#6ee7b7;white-space:nowrap;background:#10b98126;border:1px solid #10b9814d;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:.65rem;font-weight:600}.agent-header-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.agent-header-login-btn{color:#93c5fd;cursor:pointer;background:#3b82f626;border:1px solid #3b82f659;border-radius:6px;align-items:center;gap:4px;margin-right:4px;padding:3px 9px;font-size:.72rem;font-weight:500;transition:all .2s;display:inline-flex}.agent-header-login-btn:hover{color:#fff;background:#3b82f640;border-color:#3b82f68c}.agent-header-icon-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:flex}.agent-header-icon-btn:hover{color:#fff;background:#ffffff0f}.agent-close-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.3rem;line-height:1;transition:color .15s;display:flex}.agent-close-btn:hover{color:#fff}.agent-messages{text-align:left;scroll-behavior:smooth;flex-direction:column;flex:1;align-items:flex-start;gap:14px;width:100%;padding:14px 16px 10px;display:flex;position:relative;overflow:hidden auto}.agent-messages::-webkit-scrollbar{width:4px}.agent-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.agent-messages::-webkit-scrollbar-track{background:0 0}.figma-empty-state,.figma-empty-state *{text-align:center}.figma-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:auto;padding:40px 16px;animation:.35s ease-out figmaFadeIn;display:flex}.figma-empty-sparkle{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;display:flex}.figma-empty-title{color:#fff;letter-spacing:-.3px;margin:0 0 6px;font-size:1.1rem;font-weight:600}.figma-empty-desc{color:#71717a;max-width:270px;margin:0;font-size:.82rem;line-height:1.5}.figma-capabilities-btn{color:#a1a1aa;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff09;border:1px solid #ffffff1f;border-radius:20px;justify-content:center;align-items:center;gap:6px;margin-top:15px;padding:6px 14px;font-size:.78rem;font-weight:500;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #0003}.figma-capabilities-btn:hover{color:#f4f4f5;background:#ffffff14;border-color:#ffffff42;transform:translateY(-1px);box-shadow:0 4px 14px #ffffff0f}.figma-capabilities-btn:active{transform:translateY(0)}.figma-capabilities-btn svg{color:#d4d4d8;opacity:.85;transition:transform .22s,color .22s}.figma-capabilities-btn:hover svg{color:#fff;opacity:1;transform:rotate(15deg)scale(1.1)}.figma-user-message-block{flex-direction:column;align-items:flex-end;gap:6px;width:100%;animation:.2s cubic-bezier(.16,1,.3,1) figmaSlideUp;display:flex}.figma-attachment-chip{background:#1c1c21;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;max-width:calc(100% - 40px);margin-right:32px;padding:6px 10px;display:inline-flex;box-shadow:0 2px 8px #00000040}.figma-attachment-icon{color:#a1a1aa;flex-shrink:0;align-items:center;display:flex}.figma-attachment-meta{flex-direction:column;min-width:0;display:flex}.figma-attachment-name{color:#f4f4f5;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.76rem;font-weight:500;overflow:hidden}.figma-attachment-type{color:#71717a;text-transform:uppercase;margin-top:1px;font-size:.64rem}.figma-audio-attachment-card{box-sizing:border-box;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#22222a 0%,#16161a 100%);border:1px solid #8b5cf652;border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:320px;margin-left:auto;margin-right:0;padding:13px 15px;transition:all .25s;display:flex;box-shadow:0 8px 24px #00000073,inset 0 1px #ffffff14}.figma-audio-attachment-card:hover{border-color:#a78bfa8c;box-shadow:0 10px 30px #0000008c,0 0 18px #8b5cf638}.figma-audio-attachment-card.is-playing{border-color:#a78bfabf;box-shadow:0 10px 32px #8b5cf64d,inset 0 1px #ffffff1f}.figma-audio-main-row{align-items:center;gap:12px;display:flex}.figma-audio-play-btn{cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .2s;display:flex;color:#fff!important;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)!important;border:none!important;box-shadow:0 4px 14px #7c3aed80,inset 0 1px 1px #ffffff59!important}.figma-audio-play-btn svg{display:block;fill:#fff!important;color:#fff!important}.figma-audio-play-btn:hover{filter:brightness(1.12);transform:scale(1.08);box-shadow:0 6px 20px #7c3aedb3,inset 0 1px 1px #ffffff73!important}.figma-audio-play-btn:active{transform:scale(.94)}.figma-audio-attachment-card.is-playing .figma-audio-play-btn{background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%)!important;box-shadow:0 0 18px #8b5cf6bf!important}.figma-audio-info{flex:1;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.figma-audio-title-row{flex-direction:column;gap:3px;min-width:0;display:flex}.figma-audio-title{color:#fff;letter-spacing:-.2px;font-size:.86rem;font-weight:600;line-height:1.2}.figma-audio-sub-meta{align-items:center;gap:6px;display:flex}.figma-audio-badge{letter-spacing:.06em;color:#c4b5fd;text-transform:uppercase;background:#8b5cf62e;border:1px solid #8b5cf64d;border-radius:4px;padding:1px 5px;font-size:.6rem;font-weight:700;line-height:1.3}.figma-audio-meta-dot{color:#71717a;font-size:.65rem}.figma-audio-meta-duration{color:#a1a1aa;font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:500}.figma-audio-wave-bars{align-items:center;gap:3px;height:20px;padding-right:2px;display:flex}.figma-audio-wave-bars .wave-bar{background:#ffffff38;border-radius:3px;width:3px;transition:height .2s,background .2s}.figma-audio-wave-bars .wave-bar:first-child{height:6px}.figma-audio-wave-bars .wave-bar:nth-child(2){height:14px}.figma-audio-wave-bars .wave-bar:nth-child(3){height:9px}.figma-audio-wave-bars .wave-bar:nth-child(4){height:18px}.figma-audio-wave-bars .wave-bar:nth-child(5){height:11px}.figma-audio-wave-bars .wave-bar:nth-child(6){height:7px}.figma-audio-attachment-card.is-playing .figma-audio-wave-bars .wave-bar{background:#a78bfa;animation:.8s ease-in-out infinite alternate figmaWavePulse}.figma-audio-attachment-card.is-playing .figma-audio-wave-bars .wave-bar:first-child{animation-delay:50ms}.figma-audio-attachment-card.is-playing .figma-audio-wave-bars .wave-bar:nth-child(2){animation-delay:.25s}.figma-audio-attachment-card.is-playing .figma-audio-wave-bars .wave-bar:nth-child(3){animation-delay:.45s}.figma-audio-attachment-card.is-playing .figma-audio-wave-bars .wave-bar:nth-child(4){animation-delay:.15s}.figma-audio-attachment-card.is-playing .figma-audio-wave-bars .wave-bar:nth-child(5){animation-delay:.35s}.figma-audio-attachment-card.is-playing .figma-audio-wave-bars .wave-bar:nth-child(6){animation-delay:.55s}@keyframes figmaWavePulse{0%{height:4px}50%{height:18px}to{height:6px}}.figma-audio-timeline-row{flex-direction:column;gap:6px;padding-top:2px;display:flex}.figma-audio-progressbar{cursor:pointer;background:#ffffff1a;border-radius:4px;width:100%;height:6px;transition:height .15s;position:relative}.figma-audio-progressbar:hover{height:8px}.figma-audio-progress-fill{background:linear-gradient(90deg,#8b5cf6,#c084fc);border-radius:4px;height:100%;transition:width 80ms linear}.figma-audio-thumb{pointer-events:none;opacity:0;background:#fff;border-radius:50%;width:10px;height:10px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 6px #0006}.figma-audio-progressbar:hover .figma-audio-thumb{opacity:1}.figma-audio-timestamps{color:#a1a1aa;font-variant-numeric:tabular-nums;justify-content:space-between;padding:0 1px;font-size:.7rem;font-weight:500;display:flex}.figma-user-row{justify-content:flex-end;align-items:flex-end;gap:8px;width:100%;display:flex}.figma-user-bubble{color:#f4f4f5;word-break:break-word;background:#27272a;border:1px solid #ffffff14;border-radius:16px;max-width:85%;padding:8px 14px;font-size:.84rem;line-height:1.45;box-shadow:0 2px 8px #0003}.figma-user-avatar{color:#fff;background:#7c3aed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:2px;font-size:.72rem;font-weight:600;display:flex;box-shadow:0 2px 6px #7c3aed59}.figma-agent-message-block{text-align:left;flex-direction:column;align-items:flex-start;gap:6px;width:100%;animation:.2s ease-out figmaFadeIn;display:flex}.figma-thinking-container{flex-direction:column;width:100%;margin-bottom:6px;animation:.25s cubic-bezier(.16,1,.3,1) figmaFadeIn;display:flex}.figma-thinking-header{color:#a1a1aa;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;max-width:fit-content;padding:5px 10px;font-size:.76rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.figma-thinking-header:hover{color:#f4f4f5;background:#ffffff0f;border-color:#ffffff1f}.figma-thinking-container.streaming .figma-thinking-header{color:#c084fc;background:#a855f714;border-color:#a855f740}.figma-thinking-left{align-items:center;gap:6px;display:inline-flex}.figma-thinking-icon{align-items:center;font-size:.82rem;display:inline-flex}.thinking-pulse{animation:1.6s ease-in-out infinite thinkingPulse}@keyframes thinkingPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 6px #c084fc99);transform:scale(1.15)}}.figma-thinking-label{letter-spacing:-.1px;font-weight:500}.figma-thinking-chevron{color:#71717a;transition:transform .2s cubic-bezier(.16,1,.3,1)}.figma-thinking-header.open .figma-thinking-chevron{transform:rotate(90deg)}.figma-thinking-content{background:#a855f706;border-left:2px solid #a855f759;border-radius:0 8px 8px 0;margin-top:6px;margin-left:4px;padding:8px 12px 8px 14px;animation:.2s ease-out figmaFadeIn}.figma-thinking-text{color:#94a3b8;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.77rem;line-height:1.55}.thinking-cursor{vertical-align:middle;background:#c084fc;border-radius:1px;width:5px;height:12px;margin-left:3px;animation:.7s infinite cursorBlink;display:inline-block}.figma-actions-timeline{flex-direction:column;gap:6px;width:100%;margin-bottom:6px;animation:.2s cubic-bezier(.16,1,.3,1) figmaFadeIn;display:flex}.figma-worked-container{flex-direction:column;align-items:flex-start;margin-bottom:2px;display:flex}.figma-worked-row{color:#71717a;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.76rem;font-weight:500;transition:color .15s;display:inline-flex}.figma-worked-row:hover{color:#a1a1aa}.figma-worked-row.running{color:#fbbf24}.figma-worked-spinner{border:1.5px solid #fbbf2440;border-top-color:#fbbf24;border-radius:50%;width:9px;height:9px;animation:.8s linear infinite spin;display:inline-block}.figma-worked-chevron{color:#71717a;transition:transform .2s cubic-bezier(.16,1,.3,1)}.figma-worked-chevron.open{transform:rotate(90deg)}.figma-worked-details{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;gap:6px;width:100%;margin-top:6px;padding:8px 12px;display:flex}.agent-plain-status{color:#d4d4d8;background:0 0;border:none;align-items:center;gap:4px;width:100%;min-height:24px;margin:0 0 6px;padding:0;font-size:.88rem;font-weight:500;line-height:1.6;display:flex;text-align:left!important}.agent-status-text{background:linear-gradient(90deg,#fff 0%,#d4d4d8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.agent-action-results-wrap{flex-direction:column;gap:8px;width:100%;margin-top:8px;display:flex;text-align:left!important}.action-video-preview-box{width:100%;margin-top:4px}.action-results-list{flex-direction:column;gap:6px;width:100%;display:flex}.action-result-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.action-result-name{color:#e4e4e7;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.action-select-btn:hover{background:#6d28d9}.figma-agent-canvas{color:#e4e4e7;word-break:break-word;background:0 0;border:none;width:100%;margin:0;padding:0;font-size:.86rem;line-height:1.6;text-align:left!important}.agent-heading-line{color:#fff;letter-spacing:-.2px;width:100%;margin:12px 0 5px;font-size:.94rem;font-weight:600;text-align:left!important}.agent-heading-line:first-child{margin-top:0}.agent-md-list{margin:5px 0;padding-left:16px}.agent-md-list li{color:#d4d4d8;margin-bottom:3px;line-height:1.55}.agent-num-item{align-items:baseline;gap:7px;margin:4px 0;display:flex}.agent-num-badge{color:#a1a1aa;background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:.66rem;font-weight:600;display:inline-flex}.agent-p-line{color:#d4d4d8;width:100%;margin-bottom:5px;text-align:left!important}.agent-action-chips-row{flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin-top:10px;margin-bottom:6px;display:flex}.agent-action-chip{color:#e4e4e7;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff24;border-radius:9px;align-items:center;gap:6px;width:auto;max-width:fit-content;padding:6px 12px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #00000040}.agent-action-chip:hover{color:#fff;background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 12px #00000059,0 0 10px #ffffff14}.agent-action-chip:active{background:#ffffff14;transform:translateY(0)}.agent-chip-icon{color:#a1a1aa;flex-shrink:0;transition:color .18s,transform .18s}.agent-action-chip:hover .agent-chip-icon{color:#fff;transform:translate(1px)}.agent-action-chip-text{letter-spacing:-.01em;white-space:nowrap}.agent-line-break{height:6px}.agent-bold-token{color:#fff;font-weight:600}.agent-inline-code{color:#f4f4f5;background:#ffffff14;border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:.78rem}.streaming-cursor{vertical-align:-2px;background:#fff;border-radius:1px;width:2px;height:15px;margin-left:3px;animation:.65s ease-in-out infinite alternate cursorPulse;display:inline-block;box-shadow:0 0 6px #fffffff2,0 0 12px #f4f4f599}@keyframes cursorPulse{0%{opacity:.2;transform:scaleY(.85)}to{opacity:1;transform:scaleY(1.05)}}.agent-typing-indicator{align-items:center;gap:5px;margin-left:0;padding:6px 2px;display:inline-flex}.typing-dot{opacity:.35;background:#e4e4e7;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite both typingBounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%,80%,to{opacity:.25;transform:scale(.6)}40%{opacity:1;transform:scale(1.15);box-shadow:0 0 6px #ffffffb3}}.action-item-wrapper{flex-direction:column;align-items:flex-start;display:flex}.action-badge-pill{color:#ffffffd9;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:6px;padding:3px 9px;font-size:.73rem;font-weight:500;transition:all .15s;display:inline-flex}.action-badge-pill:hover{background:#ffffff14}.action-badge-pill.running{color:#fbbf24;background:#f59e0b12;border-color:#f59e0b59}.action-badge-pill.done{background:#ffffff08;border-color:#ffffff14}.action-icon{font-size:.8rem}.action-title-text{font-weight:500}.action-summary-chip{color:#fff9;text-overflow:ellipsis;white-space:nowrap;background:#ffffff14;border-radius:6px;max-width:140px;padding:1px 5px;font-size:.65rem;overflow:hidden}.action-spinner{border:1.5px solid #f59e0b4d;border-top-color:#f59e0b;border-radius:50%;width:9px;height:9px;margin-left:2px;animation:.8s linear infinite spin}.action-chevron{color:#fff6;transition:transform .2s}.action-chevron.open{transform:rotate(90deg)}.action-details-panel{color:#ffffffb3;background:#0000004d;border:1px solid #ffffff0f;border-radius:6px;width:100%;margin-top:5px;padding:7px 10px;font-size:.72rem}.action-args-row{color:#ffffff80;margin-bottom:5px;font-size:.7rem;overflow-x:auto}.action-results-title{color:#93bbfc;margin-bottom:4px;font-size:.7rem;font-weight:600}.action-result-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:8px;padding:3px 0;display:flex}.action-result-row:last-child{border-bottom:none}.action-result-name{text-overflow:ellipsis;white-space:nowrap;color:#fffc;flex:1;font-size:.72rem;overflow:hidden}.action-select-btn{color:#f4f4f5;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:5px;padding:2px 6px;font-size:.66rem;transition:all .15s}.action-select-btn:hover{color:#fff;background:#7c3aed}.action-task-info{color:#34d399;margin-top:4px;font-size:.7rem}.action-task-info code{color:#a7f3d0;background:#0000004d;border-radius:3px;padding:1px 4px}.agent-video-card{background:#1c1c21;border:1px solid #ffffff1a;border-radius:10px;margin:8px 0 12px;overflow:hidden;box-shadow:0 4px 16px #0006}.agent-player-iframe-wrap{background:#000;width:100%;height:0;padding-bottom:56.25%;position:relative}.agent-player-iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.agent-video-player-bar{background:#ffffff05;border-top:1px solid #ffffff0f;gap:6px;padding:6px 8px;display:flex}.agent-player-btn{cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 8px;font-family:inherit;font-size:.74rem;font-weight:500;transition:all .15s;display:flex}.agent-player-btn.primary{color:#09090b;background:#fff}.agent-player-btn.primary:hover{background:#f4f4f5}.agent-player-btn.secondary{color:#ffffffd9;background:#ffffff0f;border:1px solid #ffffff14}.agent-player-btn.secondary:hover{color:#fff;background:#ffffff1a}.figma-system-msg{justify-content:center;width:100%;padding:3px 0;display:flex}.figma-system-msg span{color:#71717a;font-size:.76rem;font-style:italic}.checkpoint-bar{align-items:center;gap:8px;padding:3px 0;animation:.25s figmaFadeIn;display:flex}.checkpoint-line{background:linear-gradient(90deg,#0000,#ffffff14,#0000);flex:1;height:1px}.checkpoint-content{flex-shrink:0;align-items:center;gap:5px;display:flex}.checkpoint-icon{font-size:.7rem}.checkpoint-label{color:#71717a;font-size:.68rem;font-weight:500}.checkpoint-rollback{color:#a1a1aa;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:5px;padding:1px 6px;font-family:inherit;font-size:.64rem;transition:all .15s}.checkpoint-rollback:hover{color:#f87171;background:#ef44441f;border-color:#ef44444d}.figma-input-wrapper{z-index:2;background:0 0;flex-shrink:0;padding:0 16px 14px;position:relative}@keyframes silverShimmerFlow{0%{background-position:0%,0%}50%{background-position:0%,100%}to{background-position:0%,0%}}.figma-input-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#121216e0,#121216e0) 0 0/100% 100% padding-box padding-box,linear-gradient(115deg,#ffffff26 0%,#d4d4d873 20%,#ffffffe6 45%,#a1a1aa40 65%,#f4f4f5cc 85%,#ffffff26 100%) 0 0/250% 250% border-box;border:1.5px solid #0000;border-radius:14px;flex-direction:column;transition:box-shadow .25s cubic-bezier(.16,1,.3,1),background .25s;animation:6s ease-in-out infinite silverShimmerFlow;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080,inset 0 1px 1px #ffffff14}.figma-input-card:hover{background:linear-gradient(#14141aeb,#14141aeb) 0 0/100% 100% padding-box padding-box,linear-gradient(115deg,#ffffff40 0%,#e4e4e7a6 20%,#fffffffa 45%,#a1a1aa66 65%,#f4f4f5e6 85%,#ffffff40 100%) 0 0/250% 250% border-box;animation:4.5s ease-in-out infinite silverShimmerFlow;box-shadow:0 10px 36px #0009,0 0 16px #ffffff14,inset 0 1px 1px #ffffff1f}.figma-input-card:focus-within{background:linear-gradient(#16161cf2,#16161cf2) 0 0/100% 100% padding-box padding-box,linear-gradient(115deg,#ffffff59 0%,#f4f4f5d9 20%,#fff 45%,#d4d4d880 65%,#fff 85%,#ffffff59 100%) 0 0/250% 250% border-box;animation:3.5s ease-in-out infinite silverShimmerFlow;box-shadow:0 12px 40px #000000b3,0 0 20px #ffffff26,inset 0 1px 1px #ffffff29}.figma-card-attached-file{color:#e4e4e7;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;justify-content:space-between;align-items:center;margin:8px 10px 0;padding:4px 8px;font-size:.74rem;display:flex}.figma-attached-file-left{align-items:center;gap:6px;min-width:0;display:flex}.figma-attached-file-name{text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}.figma-attached-upload-text{color:#e4e4e7;font-size:.68rem}.figma-attached-file-remove{color:#71717a;cursor:pointer;background:0 0;border:none;padding:0 3px;font-size:14px;line-height:1}.figma-attached-file-remove:hover{color:#f87171}.figma-input-card textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;width:100%;min-height:42px;max-height:130px;padding:10px 14px 4px;font-family:inherit;font-size:.85rem;line-height:1.45;overflow-y:auto}.figma-input-card textarea::placeholder{color:#52525b}.figma-input-card textarea::-webkit-scrollbar{width:3px}.figma-input-card textarea::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.figma-input-toolbar{justify-content:space-between;align-items:center;gap:8px;padding:4px 10px 8px;display:flex}.figma-toolbar-left{align-items:center;gap:6px;display:flex}.figma-tool-btn{color:#a1a1aa;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:flex}.figma-tool-btn:hover:not(:disabled){color:#fff;background:#ffffff1a}.figma-tool-btn:disabled{opacity:.4;cursor:not-allowed}.figma-toolbar-right{align-items:center;display:flex}.figma-send-btn{color:#09090b;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:all .15s;display:flex}.figma-send-btn:hover:not(:disabled){background:#f4f4f5;transform:scale(1.05)}.figma-send-btn:disabled{color:#fff3;cursor:not-allowed;background:#ffffff14;transform:none}.figma-stop-btn{color:#fff;cursor:pointer;background:#3f3f46;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:all .15s;display:flex}.figma-stop-btn:hover{background:#52525b}.agent-messages.drag-over{background:#a855f708}.drop-zone-overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141418d9;border:2px dashed #a855f766;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drop-zone-content{color:#c4b5fd;flex-direction:column;align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}@keyframes figmaFadeIn{0%{opacity:0}to{opacity:1}}@keyframes figmaSlideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes figmaAgentAppear{0%{opacity:0}to{opacity:1}}.agent-shimmer-indicator{flex-direction:column;gap:8px;width:100%;max-width:260px;padding:8px 0 6px;animation:.3s ease-out figmaFadeIn;display:flex}.shimmer-line{background:linear-gradient(90deg,#ffffff08 0%,#ffffff1f 50%,#ffffff08 100%) 0 0/200% 100%;border-radius:5px;height:10px;animation:1.8s ease-in-out infinite figmaShimmer}.shimmer-line-long{width:90%}.shimmer-line-medium{width:65%}.shimmer-line-short{width:40%}@keyframes figmaShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.figma-msg-timestamp{color:#71717a;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;opacity:.7;align-items:center;gap:4px;margin-top:2px;padding:0 4px;font-size:.68rem;transition:opacity .2s;display:inline-flex}.figma-user-message-block .figma-msg-timestamp{align-self:flex-end}.figma-agent-message-block .figma-msg-timestamp{align-self:flex-start;margin-top:4px}.figma-user-message-block:hover .figma-msg-timestamp,.figma-agent-message-block:hover .figma-msg-timestamp{opacity:1}.figma-msg-duration{color:#52525b;font-size:.65rem}.studio-container{color:#e4e4e7;z-index:100;background:#0d0d10;flex-direction:column;width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.studio-topbar{-webkit-backdrop-filter:blur(16px);z-index:20;background:#121216f2;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 18px;display:flex}.studio-topbar-left{align-items:center;gap:16px;display:flex}.studio-brand{align-items:center;gap:10px;display:flex}.studio-brand-name{letter-spacing:-.03em;background:linear-gradient(#fff 0%,#e4e4e7 50%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,Inter,sans-serif;font-size:1.25rem;font-weight:800}.studio-badge-wrap{align-items:center;gap:6px;display:flex}.studio-badge-pill{text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:5px;padding:2px 7px;font-size:.68rem;font-weight:700}.studio-model-pill{color:#a1a1aa;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:5px;padding:2px 8px;font-size:.7rem;font-weight:500}.studio-topbar-center{align-items:center;display:flex}.studio-status-indicator{background:#ffffff09;border:1px solid #ffffff12;border-radius:20px;align-items:center;gap:8px;padding:4px 12px;display:flex}.studio-status-dot{background:#e4e4e7;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite studioPulse;box-shadow:0 0 8px #ffffffb3}@keyframes studioPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.studio-status-text{color:#d4d4d8;font-size:.78rem;font-weight:500}.studio-topbar-right{align-items:center;gap:12px;display:flex}.studio-credits-chip{cursor:default;background:linear-gradient(#ffffff12 0%,#ffffff08 100%);border:1px solid #ffffff21;border-radius:9px;align-items:center;gap:7px;padding:5px 12px;font-size:.82rem;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #00000040,inset 0 1px #ffffff0f}.studio-credits-chip:hover{background:linear-gradient(#ffffff1c 0%,#ffffff0d 100%);border-color:#ffffff40;box-shadow:0 4px 14px #00000059,0 0 12px #ffffff14,inset 0 1px #ffffff1f}.studio-credits-icon{justify-content:center;align-items:center;line-height:1;display:flex}.sparkle-credits-icon{filter:drop-shadow(0 0 5px #ffffffbf)drop-shadow(0 0 10px #d4d4d866);transition:transform .28s cubic-bezier(.16,1,.3,1),filter .28s}.studio-credits-chip:hover .sparkle-credits-icon,.balance-btn:hover .sparkle-credits-icon,.drawer-user-credits:hover .sparkle-credits-icon{filter:drop-shadow(0 0 8px #fff)drop-shadow(0 0 14px #f4f4f5b3);transform:scale(1.2)rotate(12deg)}.studio-credits-count{color:#fff;letter-spacing:-.01em;font-weight:700}.studio-credits-label{color:#9ca3af;font-size:.75rem;font-weight:500}.studio-theme-toggle-btn{color:#d4d4d8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.studio-theme-toggle-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.studio-theme-toggle-icon{justify-content:center;align-items:center;line-height:1;display:flex}.studio-exit-btn{color:#d4d4d8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:7px;padding:6px 14px;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.studio-exit-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40;transform:translate(-1px)}.studio-workspace{flex:1;height:calc(100vh - 52px);display:flex;overflow:hidden}.studio-chat-pane{z-index:10;background:#141417;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:420px;min-width:370px;max-width:460px;height:100%;display:flex;position:relative}.studio-canvas-pane{box-sizing:border-box;background:radial-gradient(circle at 60% 40%,#17171f 0%,#0d0d10 80%);flex:1;justify-content:center;align-items:center;height:100%;padding:16px 24px;display:flex;position:relative;overflow-y:auto}.studio-canvas-wrapper{flex-direction:column;align-items:center;gap:16px;max-height:100%;display:flex}.studio-phone-mockup{aspect-ratio:9/16;box-sizing:border-box;background:#000;border:3px solid #3f3f46;border-radius:42px;flex-direction:column;flex-shrink:0;width:310px;max-height:calc(100vh - 165px);display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 4px #2b2b30,0 0 0 6px #1b1b1e,0 25px 60px #000c,0 0 80px #ffffff0d}.studio-phone-notch{z-index:30;pointer-events:none;background:#000;border-radius:14px;justify-content:space-between;align-items:center;width:82px;height:22px;padding:0 10px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 0 1px #ffffff26}.studio-phone-camera{background:#111116;border:1px solid #ffffff1a;border-radius:50%;width:10px;height:10px}.studio-phone-sensor{background:#0a0a0d;border-radius:50%;width:6px;height:6px}.studio-player-box{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.studio-video-element{object-fit:cover;width:100%;height:100%;display:block}.studio-play-overlay{-webkit-backdrop-filter:blur(4px);z-index:10;background:#00000059;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.studio-play-button-icon{background:#ffffff40;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;padding-left:4px;display:flex;box-shadow:0 8px 24px #00000080}.studio-scrubber-bar{cursor:pointer;z-index:15;background:#ffffff40;border-radius:3px;height:5px;position:absolute;bottom:24px;left:14px;right:14px;overflow:hidden}.studio-scrubber-progress{background:#fff;border-radius:3px;height:100%;transition:width .1s linear}.studio-time-counter{color:#fff;text-shadow:0 1px 3px #000000e6;pointer-events:none;z-index:15;justify-content:space-between;font-size:.7rem;font-weight:600;display:flex;position:absolute;bottom:8px;left:14px;right:14px}.studio-player-placeholder{box-sizing:border-box;text-align:center;background:linear-gradient(#ffffff08 0%,#0006 100%);justify-content:center;align-items:center;width:100%;height:100%;padding:30px 20px;display:flex}.studio-placeholder-inner{flex-direction:column;align-items:center;gap:12px;display:flex}.studio-placeholder-icon{color:#a1a1aa;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.studio-placeholder-title{color:#fff;margin:0;font-size:1.05rem;font-weight:700}.studio-placeholder-desc{color:#71717a;margin:0;font-size:.78rem;line-height:1.45}.studio-placeholder-cta{color:#09090b;cursor:pointer;background:linear-gradient(#fff 0%,#e4e4e7 100%);border:none;border-radius:8px;margin-top:4px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #ffffff26}.studio-placeholder-cta:hover{background:#fff;transform:translateY(-1px)}.studio-actions-dock{-webkit-backdrop-filter:blur(20px);z-index:20;background:#141419d9;border:1px solid #ffffff1f;border-radius:30px;align-items:center;gap:6px;padding:5px 8px;display:flex;position:relative;box-shadow:0 10px 30px #00000080,0 0 20px #ffffff08}.studio-action-item-wrap{position:relative}.studio-action-pill{color:#d4d4d8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.studio-action-pill:hover{color:#fff;background:#ffffff14;border-color:#ffffff2e;transform:translateY(-1px)}.studio-action-pill.active{color:#fff;background:#ffffff26;border-color:#ffffff4d}.studio-action-pill.disabled{opacity:.4;cursor:not-allowed}.studio-action-pill.disabled:hover{color:#d4d4d8;background:0 0;border-color:#0000;transform:none}.studio-pill-icon{color:#d4d4d8;flex-shrink:0;justify-content:center;align-items:center;transition:color .18s,transform .18s;display:inline-flex}.studio-action-pill:hover .studio-pill-icon{color:#fff;transform:scale(1.08)}.studio-pill-text{font-size:.78rem;font-weight:600}.studio-music-popover{z-index:50;background:#18181d;border:1px solid #ffffff24;border-radius:14px;width:280px;padding:12px;animation:.2s popoverFadeIn;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 16px 40px #000000b3}@keyframes popoverFadeIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.studio-popover-header{color:#fff;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;font-size:.82rem;font-weight:600;display:flex}.studio-popover-close{color:#71717a;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1}.studio-popover-close:hover{color:#fff}.studio-music-grid{flex-direction:column;gap:4px;display:flex}.studio-music-theme-btn{color:#d4d4d8;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:.8rem;transition:all .15s;display:flex}.studio-music-theme-btn:hover{color:#fff;background:#ffffff17;border-color:#ffffff26}.studio-theme-icon{color:#a1a1aa;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.studio-music-theme-btn:hover .studio-theme-icon{color:#fff}.studio-theme-name{font-weight:500}
