:root{--sans:-apple-system, BlinkMacSystemFont, "Inter", "Manrope", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-primary:#070712;--bg-secondary:#0b0b18;--bg-surface:#0f1020;--bg-surface-elevated:#15152d;--bg-surface-hover:#1e1e3f;--bg-input:#12132a;--bg-app:#070712;--text-main:#fff;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--border-light:#ffffff14;--border-subtle:#ffffff14;--border-active:#7c3cff66;--glow-violet:0 0 24px #7c3cff40;--glow-cyan:0 0 24px #22d3ee40;--primary:#7c3cff;--primary-hover:#6d28d9;--primary-subtle:#7c3cff26;--accent-primary:#7c3cff;--accent-violet:#8b5cf6;--accent-magenta:#d946ef;--accent-blue:#3b82f6;--accent-cyan:#22d3ee;--accent-green:#10b981;--accent-gold:#f59e0b;--accent-gold-subtle:#f59e0b26;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;font-family:var(--sans);color:var(--text-main);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-main);font-family:var(--sans);margin:0;padding:0;overflow-x:hidden}#root{background:var(--bg-primary);flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#070712}::-webkit-scrollbar-thumb{background:#1e1e3f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7c3cff}:root{--bg-app:#070712;--bg-primary:#070712;--bg-secondary:#0b0b18;--bg-surface:#0f1020;--bg-surface-secondary:#15152d;--bg-surface-elevated:#15152d;--bg-surface-hover:#1e1e3f;--bg-input:#12132a;--text-main:#fff;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#070712;--border-light:#ffffff14;--border-subtle:#ffffff14;--border-medium:#ffffff26;--border-active:#7c3cff80;--border-focus:#7c3cff;--primary:#7c3cff;--primary-hover:#8b5cf6;--primary-subtle:#7c3cff2e;--primary-border:#7c3cff59;--primary-shadow:#7c3cff40;--accent-violet:#8b5cf6;--accent-magenta:#d946ef;--accent-blue:#3b82f6;--accent-cyan:#22d3ee;--accent-green:#10b981;--accent-gold:#f59e0b;--accent-gold-subtle:#f59e0b26;--glow-violet:0 0 24px #7c3cff40;--glow-cyan:0 0 24px #22d3ee40;--glow-magenta:0 0 24px #d946ef40;--shadow-xs:0 1px 2px 0 #0003;--shadow-sm:0 2px 4px 0 #0000004d;--shadow-md:0 4px 12px 0 #0006;--shadow-lg:0 10px 25px -3px #00000080;--shadow-xl:0 20px 35px -5px #0009;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--ease-snappy:cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s var(--ease-snappy);--transition-normal:.22s var(--ease-snappy)}.app-root-wrapper{background:var(--bg-app);flex-direction:column;width:100%;min-height:100vh;display:flex}.dev-viewport-bar{color:#94a3b8;z-index:1000;box-sizing:border-box;background:#0b0b18;border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;padding:6px 12px;font-size:12px;display:flex}.dev-viewport-label{color:#f8fafc;font-weight:600}.dev-vp-btn{color:#cbd5e1;border-radius:var(--radius-sm);transition:var(--transition-fast);background:#15152d;border:1px solid #ffffff1a;padding:4px 10px;font-size:12px}.dev-vp-btn:hover{color:#fff;background:#1e1e3f}.dev-vp-btn.active{background:var(--primary);color:#fff;border-color:var(--primary-hover);font-weight:600}.app-container-frame{background:var(--bg-app);flex-direction:column;width:100%;min-height:100vh;display:flex}.is-simulated-device{background:var(--bg-app);border:3px solid #1e1e3f;border-radius:40px;min-height:auto;margin:20px auto;overflow:hidden;box-shadow:0 25px 50px -12px #000c,0 0 0 10px #15152d}.saas-app-shell{background:radial-gradient(circle at 15% 0,#7c3cff12 0%,#0000 40%),radial-gradient(circle at 85% 10%,#3b82f60d 0%,#0000 40%),#070712;width:100%;min-height:100vh;display:flex;position:relative}.saas-main-viewport{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.saas-screen-stage{box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding:0 24px 80px}.desktop-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-light);box-sizing:border-box;z-index:90;flex-direction:column;justify-content:space-between;width:250px;min-width:250px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar-brand{cursor:pointer;align-items:center;gap:10px;padding:4px 8px 16px;display:flex}.sidebar-logo-icon{border-radius:var(--radius-md);color:#fff;width:36px;height:36px;box-shadow:var(--glow-violet);background:linear-gradient(135deg,#7c3cff 0%,#d946ef 100%);justify-content:center;align-items:center;display:flex}.sidebar-logo-text{align-items:center;gap:6px;display:flex}.logo-main{color:#fff;letter-spacing:-.4px;font-size:19px;font-weight:800}.logo-badge{color:#fff;border-radius:var(--radius-sm);letter-spacing:.8px;background:linear-gradient(135deg,#7c3cff,#d946ef);padding:2px 6px;font-size:10px;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:16px;margin-top:6px;display:flex;overflow-y:auto}.sidebar-nav-group{flex-direction:column;gap:4px;display:flex}.nav-group-title{color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;padding:0 10px 4px;font-size:10px;font-weight:700}.nav-group-items{flex-direction:column;gap:2px;display:flex}.sidebar-nav-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition-fast);text-align:left;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:14px;font-weight:500;display:flex;position:relative}.sidebar-nav-item.active{color:#fff;border-left:2px solid var(--accent-violet);background:#7c3cff29;font-weight:600}.sidebar-nav-item.highlight{color:#c084fc}.active-pill-glow{background:var(--accent-violet);width:6px;height:6px;box-shadow:0 0 8px var(--accent-violet);border-radius:50%;position:absolute;right:10px}.sidebar-footer{border-top:1px solid var(--border-light);flex-direction:column;gap:10px;padding-top:14px;display:flex}.sidebar-songy-widget{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background:linear-gradient(135deg,#7c3cff1f 0%,#1e1e3f99 100%);border:1px solid #7c3cff4d;align-items:center;gap:10px;padding:10px 12px;display:flex}.sidebar-songy-widget:hover{border-color:var(--accent-violet);box-shadow:var(--glow-violet);background:linear-gradient(135deg,#7c3cff38 0%,#1e1e3fcc 100%)}.songy-avatar-wrap{flex-shrink:0;width:32px;height:32px;position:relative}.songy-mini-avatar{object-fit:cover;border:1px solid var(--accent-violet);border-radius:50%;width:100%;height:100%}.online-indicator-dot{background:var(--accent-green);border:1.5px solid var(--bg-secondary);width:8px;height:8px;box-shadow:0 0 6px var(--accent-green);border-radius:50%;position:absolute;bottom:0;right:0}.songy-widget-info{flex-direction:column;flex:1;min-width:0;display:flex}.songy-widget-title{color:#fff;font-size:13px;font-weight:700}.songy-widget-status{color:#a78bfa;font-size:11px}.songy-widget-icon{color:var(--accent-violet)}.sidebar-user-row{align-items:center;gap:8px;display:flex}.sidebar-tokens-pill{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);background:#f59e0b1a;border:1px solid #f59e0b40;align-items:center;gap:5px;padding:6px 10px;display:flex}.sidebar-tokens-pill:hover{background:#f59e0b33}.tokens-gold-icon{color:#fbbf24}.tokens-pill-val{color:#fbbf24;font-size:12px;font-weight:700}.sidebar-profile-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);flex:1;align-items:center;gap:8px;min-width:0;padding:6px 10px;display:flex}.sidebar-profile-card:hover{background:var(--bg-surface-hover);border-color:#fff3}.profile-avatar-circle{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.profile-card-details{flex-direction:column;flex:1;min-width:0;display:flex}.profile-card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.profile-card-sub{color:var(--text-muted);font-size:10px}.profile-card-arrow{color:var(--text-muted)}.saas-app-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:16px;height:64px;margin-bottom:20px;padding:12px 0;display:flex}.header-left-zone{align-items:center;gap:12px;display:flex}.header-icon-btn{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-light);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.header-icon-btn:hover{background:var(--bg-surface-hover);color:#fff;border-color:#fff3}.notif-badge-dot{background:var(--accent-magenta);width:6px;height:6px;box-shadow:0 0 6px var(--accent-magenta);border-radius:50%;position:absolute;top:8px;right:8px}.mobile-brand-logo{align-items:center;gap:6px;display:flex}.mobile-logo-icon{color:#fff;background:linear-gradient(135deg,#7c3cff,#d946ef);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.logo-text{color:#fff;font-size:18px;font-weight:800}.logo-sub-badge{color:#c084fc;background:#7c3cff33;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:800}.header-screen-title{color:#fff;margin:0;font-size:20px;font-weight:800}.header-search-zone{flex:1;max-width:440px}.header-search-form{align-items:center;display:flex;position:relative}.header-search-form .search-icon{color:var(--text-muted);position:absolute;left:12px}.search-input{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-full);color:#fff;width:100%;transition:var(--transition-fast);padding:9px 40px 9px 36px;font-size:13px}.search-input:focus{border-color:var(--accent-violet);outline:none;box-shadow:0 0 0 3px #7c3cff33}.search-input::placeholder{color:var(--text-muted)}.search-shortcut-pill{color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;padding:2px 6px;font-size:11px;position:absolute;right:12px}.header-right-zone{align-items:center;gap:10px;display:flex}.header-tokens-pill{border-radius:var(--radius-full);color:#fbbf24;cursor:pointer;transition:var(--transition-fast);background:#f59e0b1a;border:1px solid #f59e0b4d;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;display:flex}.header-tokens-pill:hover{background:#f59e0b33;box-shadow:0 0 12px #f59e0b40}.token-gold-icon{color:#fbbf24}.header-quick-create-btn{color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--glow-violet);background:linear-gradient(135deg,#7c3cff 0%,#9333ea 100%);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.header-quick-create-btn:hover{background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);transform:translateY(-1px);box-shadow:0 0 20px #7c3cff66}.home-dual-layout{grid-template-columns:1fr 340px;align-items:start;gap:24px;display:grid}.home-main-col{flex-direction:column;gap:28px;min-width:0;display:flex}.songy-hero-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 40px #7c3cff1f;background:linear-gradient(135deg,#121028 0%,#0d0d1e 100%);border:1px solid #7c3cff4d;justify-content:space-between;align-items:center;gap:24px;padding:32px 36px;display:flex;position:relative;overflow:hidden}.hero-badge-pill{border-radius:var(--radius-full);color:#c084fc;letter-spacing:.6px;background:#7c3cff33;border:1px solid #7c3cff66;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.badge-sparkle{color:#c084fc}.hero-main-heading{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:800}.hero-subtext{color:var(--text-secondary);max-width:480px;margin:0 0 20px;font-size:15px;line-height:1.5}.hero-actions-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-primary-btn{color:#fff;border-radius:var(--radius-full);box-shadow:var(--glow-violet);transition:var(--transition-fast);background:linear-gradient(135deg,#7c3cff 0%,#9333ea 100%);align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;display:flex}.hero-primary-btn:hover{transform:translateY(-2px);box-shadow:0 0 24px #7c3cff80}.hero-secondary-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-light);color:#fff;border-radius:var(--radius-full);transition:var(--transition-fast);align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:flex}.hero-secondary-btn:hover{background:var(--bg-surface-hover);border-color:#ffffff40}.hero-outline-btn{color:#c084fc;border-radius:var(--radius-full);transition:var(--transition-fast);background:0 0;border:1px solid #7c3cff66;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.hero-outline-btn:hover{background:#7c3cff26}.hero-visual-col{flex-shrink:0}.songy-hero-art-box{justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.songy-3d-character{object-fit:cover;width:100%;height:100%;box-shadow:var(--glow-violet);border:2px solid #7c3cff80;border-radius:50%;animation:4s ease-in-out infinite alternate floatBreathing}@keyframes floatBreathing{0%{transform:translateY(0)scale(1)}to{transform:translateY(-6px)scale(1.03)}}.saas-section{flex-direction:column;gap:16px;display:flex}.section-header-row{justify-content:space-between;align-items:center;display:flex}.section-title{color:#fff;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800;display:flex}.section-icon{color:var(--accent-violet)}.text-magenta{color:var(--accent-magenta)!important}.text-violet{color:var(--accent-violet)!important}.section-all-link{color:var(--text-secondary);transition:var(--transition-fast);font-size:13px;font-weight:600}.section-all-link:hover{color:#c084fc}.creation-actions-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.creation-action-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);flex-direction:column;gap:14px;padding:18px 16px;display:flex;position:relative;overflow:hidden}.creation-action-card:hover{box-shadow:var(--shadow-lg), 0 0 20px #7c3cff26;background:var(--bg-surface-hover);border-color:#7c3cff66;transform:translateY(-3px)}.action-card-header{justify-content:space-between;align-items:center;display:flex}.action-icon-circle{border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.action-icon-circle.music{background:linear-gradient(135deg,#7c3cff 0%,#4f46e5 100%);box-shadow:0 0 14px #7c3cff59}.action-icon-circle.photo{background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);box-shadow:0 0 14px #ec489959}.action-icon-circle.video{background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);box-shadow:0 0 14px #3b82f659}.action-icon-circle.project{background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%);box-shadow:0 0 14px #f59e0b59}.action-icon-circle.chat{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 0 14px #10b98159}.action-corner-arrow{color:var(--text-muted);transition:var(--transition-fast)}.creation-action-card:hover .action-corner-arrow{color:#fff;transform:translate(2px,-2px)}.action-card-body{flex-direction:column;gap:4px;display:flex}.action-card-title{color:#fff;margin:0;font-size:16px;font-weight:700}.action-card-desc{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.4}.home-projects-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.home-project-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);flex-direction:column;gap:10px;padding:12px;display:flex}.home-project-card:hover{background:var(--bg-surface-hover);border-color:#fff3;transform:translateY(-2px)}.home-project-cover{aspect-ratio:16/9;border-radius:var(--radius-sm);width:100%;color:var(--text-muted);background:#15152d;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-type-badge{color:#fff;text-transform:uppercase;background:#0009;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:6px;right:6px}.home-project-body{flex-direction:column;gap:2px;display:flex}.home-project-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.home-project-meta{color:var(--text-muted);margin:0;font-size:11px}.home-empty-projects-card{background:var(--bg-surface);border-radius:var(--radius-lg);cursor:pointer;border:1px dashed #ffffff1f;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.empty-sparkle{color:var(--accent-violet);flex-shrink:0}.empty-text-wrap h4{color:#fff;margin:0 0 4px;font-size:15px}.empty-text-wrap p{color:var(--text-secondary);margin:0;font-size:13px}.community-compact-list{flex-direction:column;gap:8px;display:flex}.community-row-item{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;display:flex}.community-row-item:hover{background:var(--bg-surface-hover);border-color:#ffffff2e}.row-play-slot{align-items:center;gap:10px;display:flex}.row-play-btn{background:var(--primary);color:#fff;width:32px;height:32px;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.row-play-btn.playing{background:var(--accent-magenta)}.row-thumb-img{object-fit:cover;border-radius:6px;width:36px;height:36px}.row-info-slot{flex-direction:column;flex:1;min-width:0;display:flex}.row-track-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.row-track-author{color:var(--text-muted);font-size:12px}.row-meta-slot{align-items:center;gap:12px;display:flex}.row-like-btn{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.row-like-btn:hover{color:#f43f5e}.row-duration{color:var(--text-muted);font-size:12px}.home-active-player-widget{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;gap:10px;padding:14px;display:flex}.player-widget-header{justify-content:space-between;align-items:center;display:flex}.player-track-info{color:#fff;align-items:center;gap:8px;font-size:13px;display:flex}.track-artist-sub{color:var(--text-muted)}.player-close-btn{color:var(--text-muted);font-size:14px}.home-assistant-panel{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);height:calc(100vh - 120px);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:sticky;top:84px;overflow:hidden}.assistant-panel-header{border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#7c3cff14 0%,#0000 100%);padding:16px}.assistant-header-profile{align-items:center;gap:10px;display:flex}.assistant-avatar-box{width:36px;height:36px;position:relative}.assistant-img{object-fit:cover;border:1.5px solid var(--accent-violet);border-radius:50%;width:100%;height:100%}.online-dot{background:var(--accent-green);border:1.5px solid var(--bg-surface);width:8px;height:8px;box-shadow:0 0 6px var(--accent-green);border-radius:50%;position:absolute;bottom:0;right:0}.assistant-title-box{flex-direction:column;display:flex}.assistant-name{color:#fff;margin:0;font-size:14px;font-weight:700}.assistant-status-text{color:#a78bfa;font-size:11px}.assistant-messages-scroll{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.assistant-msg-bubble{align-items:flex-start;gap:8px;max-width:90%;display:flex}.assistant-msg-bubble.songy-bubble{align-self:flex-start}.assistant-msg-bubble.user-bubble{align-self:flex-end}.msg-avatar-icon{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.msg-text-box{border-radius:14px;padding:10px 14px;font-size:13px;line-height:1.45}.songy-bubble .msg-text-box{background:var(--bg-surface-elevated);color:#f8fafc;border:1px solid #ffffff14;border-top-left-radius:2px}.user-bubble .msg-text-box{color:#fff;background:linear-gradient(135deg,#7c3cff 0%,#9333ea 100%);border-top-right-radius:2px}.msg-text-box p{margin:0}.msg-text-box.typing{align-items:center;gap:4px;padding:8px 12px;display:flex}.typing-dot{background:var(--accent-violet);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite both blink}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.assistant-quick-prompts{border-top:1px solid var(--border-light);background:#0003;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.quick-prompts-label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.quick-pills-row{flex-wrap:wrap;gap:6px;display:flex}.quick-action-pill{background:var(--bg-surface-elevated);border-radius:var(--radius-full);color:var(--text-secondary);transition:var(--transition-fast);border:1px solid #ffffff14;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:500;display:flex}.quick-action-pill:hover{border-color:var(--accent-violet);color:#fff;background:#7c3cff26}.assistant-input-form{border-top:1px solid var(--border-light);background:var(--bg-surface);align-items:center;gap:8px;padding:12px 14px;display:flex}.assistant-input-field{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-full);color:#fff;flex:1;padding:8px 12px;font-size:13px}.assistant-input-field:focus{border-color:var(--accent-violet);outline:none}.assistant-send-btn{background:var(--primary);color:#fff;width:34px;height:34px;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.assistant-send-btn:disabled{opacity:.4;cursor:not-allowed}.vs-container{flex-direction:column;gap:24px;display:flex}.vs-header-card{border-radius:var(--radius-xl);box-shadow:var(--glow-violet);background:linear-gradient(135deg,#7c3cff1a 0%,#1e1e3f4d 100%);border:1px solid #7c3cff4d;flex-direction:column;gap:8px;padding:24px 28px;display:flex}.vs-header-card h1{color:#fff;margin:0;font-size:24px;font-weight:800}.vs-header-card p{color:var(--text-secondary);margin:0;font-size:14px}.vs-badge{color:#c084fc;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.vs-tabs-nav{border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:8px;padding-bottom:12px;display:flex}.ps-tab-btn{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-secondary);transition:var(--transition-fast);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.ps-tab-btn:hover{background:var(--bg-surface-hover);color:#fff}.ps-tab-btn.active{background:var(--primary);border-color:var(--accent-violet);color:#fff;box-shadow:var(--glow-violet)}.vs-form-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);flex-direction:column;gap:20px;padding:24px;display:flex}.ps-split-layout{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.ps-controls-col{flex-direction:column;gap:18px;display:flex}.vs-section{flex-direction:column;gap:8px;display:flex}.vs-label{color:#f8fafc;font-size:13px;font-weight:700}.vs-textarea{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);color:#fff;resize:vertical;box-sizing:border-box;width:100%;padding:12px 14px;font-size:14px;line-height:1.5}.vs-select,.vs-input{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);color:#fff;box-sizing:border-box;width:100%;padding:10px 12px;font-size:13px}.vs-select:focus,.vs-input:focus{border-color:var(--accent-violet);outline:none}.ps-presets-row{flex-wrap:wrap;gap:6px;display:flex}.ps-chip-btn{border-radius:var(--radius-full);background:var(--bg-surface-elevated);color:var(--text-secondary);transition:var(--transition-fast);border:1px solid #ffffff14;padding:5px 10px;font-size:12px}.ps-chip-btn:hover{border-color:var(--accent-violet);color:#fff}.ps-ar-group{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ps-ar-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition-fast);flex-direction:column;align-items:center;gap:4px;padding:10px;font-size:12px;display:flex}.ps-ar-btn:hover{background:var(--bg-surface-hover);color:#fff}.ps-ar-btn.active{border-color:var(--accent-violet);color:#fff;box-shadow:var(--glow-violet);background:#7c3cff26;font-weight:700}.vs-submit-btn{color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--glow-violet);background:linear-gradient(135deg,#7c3cff 0%,#9333ea 100%);justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:700;display:flex}.vs-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 25px #7c3cff80}.vs-submit-btn:disabled{opacity:.5;cursor:not-allowed}.ps-preview-col{flex-direction:column;display:flex}.ps-result-card{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-xl);flex-direction:column;gap:14px;padding:14px;display:flex;overflow:hidden}.ps-result-img-wrapper{border-radius:var(--radius-lg);cursor:zoom-in;background:#000;width:100%;position:relative;overflow:hidden}.ps-result-img{object-fit:cover;width:100%;height:auto;transition:transform .3s;display:block}.ps-result-img:hover{transform:scale(1.02)}.ps-img-overlay{color:#fff;background:#000000b3;border-radius:6px;padding:4px 8px;font-size:11px;position:absolute;bottom:10px;right:10px}.ps-result-meta{flex-wrap:wrap;gap:6px;display:flex}.ps-pill{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.ps-pill-real{color:#34d399!important;background:#10b98126!important;border-color:#10b98166!important}.ps-pill-fallback{color:#fbbf24!important;background:#f59e0b26!important;border-color:#f59e0b66!important}.ps-result-actions{flex-wrap:wrap;gap:8px;display:flex}.vs-btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.vs-btn-primary{background:var(--primary);color:#fff}.vs-btn-primary:hover{background:var(--primary-hover)}.vs-btn-secondary{background:var(--bg-surface-elevated);border:1px solid var(--border-light);color:#fff}.vs-btn-outline{border:1px solid var(--accent-violet);color:#c084fc;background:0 0}.vs-btn-outline:hover{background:#7c3cff26}.vs-btn-sm{padding:5px 10px;font-size:12px}.ps-empty-placeholder{background:var(--bg-surface);border-radius:var(--radius-xl);text-align:center;border:2px dashed #ffffff1a;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;display:flex}.ps-empty-icon{font-size:40px}.ps-empty-placeholder h3{color:#fff;margin:0;font-size:18px}.ps-empty-placeholder p{color:var(--text-secondary);max-width:320px;margin:0;font-size:13px}.ps-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.ps-gallery-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.ps-gallery-card:hover{box-shadow:var(--shadow-lg);border-color:#7c3cff66;transform:translateY(-2px)}.ps-gallery-img-box{aspect-ratio:16/9;cursor:zoom-in;background:#000;width:100%;overflow:hidden}.ps-gallery-thumb{object-fit:cover;width:100%;height:100%;transition:transform .3s}.ps-gallery-thumb:hover{transform:scale(1.04)}.ps-gallery-body{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex}.ps-gallery-prompt{color:#f1f5f9;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.ps-gallery-footer{border-top:1px solid var(--border-light);background:#0003;justify-content:flex-end;align-items:center;gap:8px;padding:8px 12px;display:flex}.ps-char-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.ps-char-lib-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.ps-char-lib-card:hover{border-color:var(--accent-violet);transform:translateY(-2px)}.ps-char-portrait-box{aspect-ratio:1;background:#000;width:100%;overflow:hidden}.ps-char-portrait-img{object-fit:cover;width:100%;height:100%}.ps-char-lib-body{flex-direction:column;flex:1;gap:6px;padding:14px;display:flex}.ps-char-lib-body h3{color:#fff;margin:0 0 4px;font-size:16px;font-weight:700}.ps-char-detail{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.4}.ps-char-lib-footer{border-top:1px solid var(--border-light);background:#0003;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.vs-storyboard-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.vs-scene-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.vs-scene-card:hover{border-color:#7c3cff66}.vs-scene-header{border-bottom:1px solid var(--border-light);background:#0000004d;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.vs-scene-num{color:var(--accent-violet);font-size:12px;font-weight:800}.vs-scene-status{color:#34d399;background:#10b98126;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.vs-scene-thumb-wrap{aspect-ratio:16/9;background:#000;width:100%;overflow:hidden}.vs-scene-thumb{object-fit:cover;width:100%;height:100%}.vs-scene-body{flex-direction:column;flex:1;gap:6px;padding:12px;display:flex}.vs-scene-desc{color:#f1f5f9;margin:0;font-size:12px;line-height:1.4}.vs-scene-footer{border-top:1px solid var(--border-light);justify-content:flex-end;align-items:center;padding:8px 12px;display:flex}.mobile-bottom-nav{border-top:1px solid var(--border-light);z-index:9999;background:#0b0b18;justify-content:space-around;align-items:center;height:64px;padding:0 8px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-muted);height:100%;transition:var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.mobile-nav-item.active{color:var(--accent-violet);font-weight:700}.mobile-nav-center-slot{z-index:10000;justify-content:center;align-items:center;width:54px;display:flex;position:relative}.mobile-nav-create-fab{color:#fff;width:48px;height:48px;transition:var(--transition-fast);z-index:10000;cursor:pointer;background:linear-gradient(135deg,#7c3cff 0%,#d946ef 100%);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-20px;box-shadow:0 4px 16px #7c3cff99}.mobile-nav-create-fab:hover{transform:scale(1.08)}.mobile-sheet-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:99999;background:#070712d9;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-sheet-content{background:var(--bg-surface);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-top:1px solid var(--border-medium);width:100%;max-width:480px;box-shadow:var(--shadow-xl);flex-direction:column;gap:16px;padding:20px;animation:.25s ease-out slideUp;display:flex}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-sheet-header{justify-content:space-between;align-items:center;display:flex}.mobile-sheet-title{color:#fff;font-size:16px;font-weight:800}.mobile-sheet-close{color:var(--text-muted)}.mobile-sheet-grid{flex-direction:column;gap:10px;display:flex}.mobile-sheet-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);text-align:left;align-items:center;gap:12px;padding:12px 14px;display:flex}.mobile-sheet-btn:hover{border-color:var(--accent-violet);background:var(--bg-surface-hover)}.sheet-btn-icon{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sheet-btn-icon.music{background:linear-gradient(135deg,#7c3cff,#4f46e5)}.sheet-btn-icon.photo{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.sheet-btn-icon.video{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.sheet-btn-icon.project{background:linear-gradient(135deg,#f59e0b,#ea580c)}.sheet-btn-text{flex-direction:column;gap:2px;display:flex}.sheet-btn-text strong{color:#fff;font-size:14px}.sheet-btn-text span{color:var(--text-secondary);font-size:12px}.ps-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#070712e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ps-modal-content{max-width:90vw;max-height:90vh;position:relative}.ps-modal-img{border-radius:var(--radius-lg);max-width:100%;max-height:85vh;box-shadow:var(--shadow-xl), 0 0 40px #000c;border:1px solid var(--border-medium)}.ps-modal-close{color:#fff;border:1px solid var(--border-medium);cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow-md);background:#15152d;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:absolute;top:-16px;right:-16px}.ps-modal-close:hover{color:#fff;background:#1e1e3f}@media (width<=1024px){.home-dual-layout{grid-template-columns:1fr}.home-assistant-panel{height:480px;position:static}.ps-split-layout{grid-template-columns:1fr}}@media (width<=768px){.desktop-sidebar{display:none!important}.mobile-bottom-nav{padding-bottom:max(10px, env(safe-area-inset-bottom,0px));height:calc(64px + env(safe-area-inset-bottom,0px));display:flex!important}.saas-screen-stage{padding:max(12px, env(safe-area-inset-top,0px)) 16px calc(88px + env(safe-area-inset-bottom,0px)) 16px}.header-search-zone{display:none}.header-tokens-pill{padding:6px 10px;font-size:13px}.header-quick-create-btn .create-label{display:none}.songy-hero-card{text-align:center;flex-direction:column-reverse;gap:16px;padding:20px 16px}.songy-hero-art-box{width:130px;height:130px}.hero-main-heading{font-size:24px}.hero-subtext{max-width:100%;margin:0 auto 16px;font-size:14px}.hero-actions-row{flex-wrap:wrap;justify-content:center;gap:8px}.hero-primary-btn,.hero-secondary-btn,.hero-outline-btn{min-height:44px;padding:10px 16px;font-size:13px}.creation-actions-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}.creation-action-card{min-height:120px;padding:14px 12px}.creation-action-card.chat-card{grid-column:span 2}.action-icon-circle{width:38px;height:38px}.action-card-title{font-size:15px}.action-card-desc{-webkit-line-clamp:2;font-size:12px}.home-projects-grid{-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:8px;flex-wrap:nowrap!important;display:flex!important;overflow-x:auto!important}.home-project-card{flex:0 0 200px;min-width:200px}.ps-form-grid{flex-direction:column-reverse!important;display:flex!important}.ps-preview-col{margin-bottom:16px;width:100%!important}.ps-controls-col{width:100%!important}.ps-tabs-bar{white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:6px;overflow-x:auto}.ps-tab-btn{flex-shrink:0;padding:8px 14px;font-size:13px}.ps-ar-group{grid-template-columns:repeat(3,1fr);gap:6px}.ps-ar-btn{min-height:48px;padding:8px 4px;font-size:12px}.vs-scenes-grid{gap:16px;grid-template-columns:1fr!important}.vs-scene-card{padding:16px}.vs-scene-card-img{height:190px!important}.vs-submit-btn{min-height:48px;font-size:15px}}.mobile-offline-banner{color:#fff;text-align:center;z-index:1000;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);padding:8px 16px;font-size:12px;font-weight:700;box-shadow:0 2px 8px #0006}.songy-living-centerpiece-section{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#15152db3 0%,#0b0b18e6 100%);border:1px solid #7c3cff40;margin-bottom:32px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #0009,0 0 30px #7c3cff26}.living-hero-backdrop-glow{filter:blur(50px);pointer-events:none;z-index:1;background:radial-gradient(circle,#7c3cff4d 0%,#d946ef26 50%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.living-hero-layout-grid{z-index:2;grid-template-columns:1fr 320px;align-items:center;gap:32px;display:grid;position:relative}@media (width<=900px){.living-hero-layout-grid{text-align:center;grid-template-columns:1fr}.living-hero-mascot-zone{order:-1;margin-bottom:12px}.hero-actions-row{justify-content:center}.universal-prompt-pill{margin:0 auto 20px}}.living-hero-copy{flex-direction:column;gap:14px;display:flex}.hero-badge-pill{letter-spacing:.06em;color:#c4b5fd;background:#7c3cff2e;border:1px solid #7c3cff66;border-radius:20px;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}.living-hero-heading{background:linear-gradient(135deg,#fff 40%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:32px;font-weight:800;line-height:1.2}.living-hero-subtext{color:#94a3b8;max-width:580px;margin:0;font-size:14px;line-height:1.6}.universal-prompt-pill{border-radius:var(--radius-full);transition:all var(--transition-normal);background:#12132af2;border:1.5px solid #7c3cff59;align-items:center;gap:12px;margin-top:8px;padding:6px 8px 6px 20px;display:flex;box-shadow:0 8px 24px #0006,0 0 20px #7c3cff26}.universal-prompt-pill:focus-within{border-color:#8b5cf6;box-shadow:0 8px 30px #00000080,0 0 25px #7c3cff59}.hero-prompt-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:14px}.hero-prompt-input::placeholder{color:#64748b}.hero-submit-btn{color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#7c3cff 0%,#d946ef 100%);align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #7c3cff66}.hero-submit-btn:hover{transform:scale(1.04);box-shadow:0 6px 20px #7c3cff99}.orb-chip{border-radius:var(--radius-full);transition:all var(--transition-normal);color:#fff;background:#15152dcc;border:1px solid #ffffff1f;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-flex}.orb-chip:hover{border-color:#7c3cff99;transform:translateY(-3px)scale(1.03);box-shadow:0 6px 20px #7c3cff4d}.greeting-chip{color:#f472b6;background:#d946ef26;border-color:#d946ef66}.greeting-chip:hover{border-color:#ec4899;box-shadow:0 6px 20px #d946ef59}.living-hero-mascot-zone{justify-content:center;align-items:center;display:flex}.desktop-sidebar.is-collapsed{width:72px;min-width:72px;padding:20px 8px}.desktop-sidebar.is-collapsed .sidebar-brand{justify-content:center;padding:4px 0 16px}.desktop-sidebar.is-collapsed .sidebar-nav-item{justify-content:center;padding:10px 0}.desktop-sidebar.is-collapsed .sidebar-collapse-toggle{margin:0 auto;position:static}.desktop-sidebar.is-collapsed .sidebar-songy-widget,.desktop-sidebar.is-collapsed .sidebar-tokens-pill{justify-content:center;padding:8px 0}.sidebar-collapse-toggle{color:#94a3b8;width:26px;height:26px;transition:all var(--transition-fast);background:#15152d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.sidebar-collapse-toggle:hover{color:#fff;background:#7c3cff}.sidebar-top-zone{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.sidebar-brand-icon{color:#fff;background:linear-gradient(135deg,#7c3cff 0%,#d946ef 100%);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 4px 12px #7c3cff4d}.brand-title{color:#fff;letter-spacing:-.02em;font-size:16px;font-weight:800}.sidebar-nav-scroll{flex-direction:column;flex:1;gap:16px;padding:16px 0;display:flex;overflow-y:auto}.sidebar-group-title{color:#64748b;letter-spacing:.08em;padding:0 10px 6px;font-size:10px;font-weight:800;display:block}.sidebar-group-items{flex-direction:column;gap:4px;display:flex}.sidebar-nav-item{color:#94a3b8;transition:all var(--transition-fast);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:600;display:flex;position:relative}.sidebar-nav-item:hover{color:#fff;background:#ffffff0d}.sidebar-nav-item.active{color:#fff;background:#7c3cff2e;font-weight:700}.nav-item-active-glow{background:#7c3cff;border-radius:0 4px 4px 0;width:3px;position:absolute;top:15%;bottom:15%;left:0;box-shadow:0 0 10px #7c3cff}.sidebar-nav-item.highlight-action{color:#fff;background:linear-gradient(135deg,#7c3cff40 0%,#d946ef40 100%);border:1px solid #7c3cff66}.sidebar-nav-item.highlight-action:hover{background:linear-gradient(135deg,#7c3cff66 0%,#d946ef66 100%);transform:translateY(-1px)}.sidebar-bottom-zone{border-top:1px solid #ffffff14;flex-direction:column;gap:10px;padding-top:14px;display:flex}.sidebar-songy-widget{cursor:pointer;transition:all var(--transition-fast);background:#15152dcc;border:1px solid #7c3cff4d;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.sidebar-songy-widget:hover{background:#7c3cff33;border-color:#8b5cf6}.songy-widget-header{color:#fff;align-items:center;gap:6px;font-size:13px;display:flex}.online-indicator-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #10b981}.songy-widget-sub{color:#94a3b8;font-size:11px;display:block}.sidebar-tokens-pill{color:#f59e0b;cursor:pointer;transition:all var(--transition-fast);background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.sidebar-tokens-pill:hover{background:#f59e0b38;border-color:#fbbf24}.tokens-pill-text{flex:1;justify-content:space-between;align-items:center;display:flex}.tokens-amount{font-size:13px;font-weight:800}.tokens-topup-label{text-transform:uppercase;background:#f59e0b33;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.discovery-examples-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:14px;display:grid}.discovery-example-card{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#15152da6;border:1px solid #ffffff14;align-items:flex-start;gap:16px;padding:20px 18px;display:flex;position:relative;overflow:hidden}.discovery-example-card:hover{border-color:#7c3cff66;transform:translateY(-4px);box-shadow:0 12px 28px #00000080,0 0 20px #7c3cff33}.discovery-example-card.hover-glow-magenta:hover{border-color:#d946ef80;box-shadow:0 12px 28px #00000080,0 0 20px #d946ef40}.discovery-example-card.hover-glow-cyan:hover{border-color:#22d3ee80;box-shadow:0 12px 28px #00000080,0 0 20px #22d3ee40}.discovery-example-card.hover-glow-emerald:hover{border-color:#10b98180;box-shadow:0 12px 28px #00000080,0 0 20px #10b98140}.discovery-example-card.hover-glow-amber:hover{border-color:#f59e0b80;box-shadow:0 12px 28px #00000080,0 0 20px #f59e0b40}.discovery-card-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex}.discovery-card-icon-wrap.magenta{color:#d946ef;background:#d946ef26}.discovery-card-icon-wrap.cyan{color:#22d3ee;background:#22d3ee26}.discovery-card-icon-wrap.emerald{color:#10b981;background:#10b98126}.discovery-card-icon-wrap.amber{color:#f59e0b;background:#f59e0b26}.discovery-card-text{flex-direction:column;flex:1;gap:6px;display:flex}.discovery-title{color:#fff;margin:0;font-size:15px;font-weight:700}.discovery-desc{color:#94a3b8;margin:0;font-size:12px;line-height:1.5}.discovery-cta-link{margin-top:4px;font-size:12px;font-weight:700;display:inline-block}.vs-layout-container{flex-direction:column;gap:24px;margin-top:10px;display:flex}.vs-hero-header{border-radius:var(--radius-xl);background:linear-gradient(135deg,#15152db3 0%,#0b0b18e6 100%);border:1px solid #7c3cff40;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex;box-shadow:0 15px 35px #00000080}.vs-main-title{background:linear-gradient(135deg,#fff 40%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:10px 0 6px;font-size:26px;font-weight:800}.vs-main-sub{color:#94a3b8;max-width:600px;margin:0;font-size:13px;line-height:1.5}.vs-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#15152db3;border:1px solid #ffffff14;flex-direction:column;gap:16px;padding:24px;display:flex}.vs-field-label{color:#f8fafc;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.vs-textarea{border-radius:var(--radius-md);color:#fff;resize:vertical;box-sizing:border-box;width:100%;transition:all var(--transition-fast);background:#12132ae6;border:1px solid #ffffff1f;padding:14px 16px;font-size:14px;line-height:1.6}.vs-textarea:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 16px #8b5cf64d}.vs-duration-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.vs-duration-btn{border-radius:var(--radius-md);color:#cbd5e1;transition:all var(--transition-fast);background:#12132acc;border:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:6px;padding:12px 14px;display:flex}.vs-duration-btn:hover{background:#7c3cff26;border-color:#7c3cff66}.vs-duration-btn.active{color:#fff;background:#7c3cff40;border-color:#8b5cf6;box-shadow:0 0 16px #7c3cff59}.duration-btn-top{align-items:center;gap:6px;font-size:14px;display:flex}.duration-badge{color:#22d3ee;background:#22d3ee1f;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.vs-styles-grid{flex-wrap:wrap;gap:8px;display:flex}.vs-style-chip{color:#cbd5e1;transition:all var(--transition-fast);background:#12132acc;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.vs-style-chip:hover{color:#fff;background:#ffffff14}.vs-style-chip.active{color:#fff;background:linear-gradient(135deg,#7c3cff4d 0%,#d946ef4d 100%);border-color:#8b5cf6}.vs-submit-btn{color:#fff;letter-spacing:.04em;border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);background:linear-gradient(135deg,#7c3cff 0%,#d946ef 100%);justify-content:center;align-items:center;gap:10px;padding:16px;font-size:14px;font-weight:800;display:flex;box-shadow:0 6px 20px #7c3cff66}.vs-submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #7c3cff99}.vs-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.vs-generating-card{border-radius:var(--radius-xl);text-align:center;background:#15152dd9;border:1px solid #7c3cff4d;flex-direction:column;align-items:center;gap:24px;padding:36px 32px;display:flex}.vs-steps-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;width:100%;display:grid}.vs-pipeline-step{border-radius:var(--radius-md);text-align:left;transition:all var(--transition-fast);background:#12132ae6;border:1px solid #ffffff14;align-items:center;gap:12px;padding:14px;display:flex}.vs-pipeline-step.completed{background:#10b98114;border-color:#10b98166}.vs-pipeline-step.running{background:#7c3cff26;border-color:#8b5cf6;box-shadow:0 0 16px #7c3cff4d}.step-icon-wrap{background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.vs-pipeline-step.completed .step-icon-wrap{color:#fff;background:#10b981}.vs-pipeline-step.running .step-icon-wrap{color:#fff;background:#7c3cff}.step-text-wrap{flex-direction:column;gap:2px;display:flex}.step-status-tag{color:#94a3b8;font-size:11px}@media (width<=768px){.saas-screen-stage{padding:0 14px 100px!important}.home-dual-layout{flex-direction:column;gap:24px;display:flex}.home-assistant-panel{border-radius:var(--radius-lg);background:#15152dd9;border:1px solid #7c3cff4d;flex-direction:column;padding:16px;display:flex}.vs-hero-header{text-align:center;flex-direction:column;padding:20px 16px}.vs-hero-songy-mascot{order:-1}}.song4u-spatial-app-root{color:#fff;background:#060613;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.cosmic-ambient-space-bg{pointer-events:none;z-index:0;background:radial-gradient(circle at 75% 20%,#7c3cff40 0%,#0000 50%),radial-gradient(circle at 20% 80%,#d946ef26 0%,#0000 50%),radial-gradient(circle,#22d3ee14 0%,#0000 65%),#060613;position:fixed;inset:0}.cosmic-planet-glow{opacity:.65;filter:blur(2px);background:radial-gradient(circle at 35% 35%,#8b5cf666 0%,#1e1b4bcc 70%,#0000 100%);border-radius:50%;width:380px;height:380px;position:absolute;top:5%;right:15%;box-shadow:inset -20px -20px 50px #000c,0 0 40px #7c3cff40}.cosmic-nebula-lights{opacity:.5;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 100px 150px,#c084fc,#0000),radial-gradient(1.5px 1.5px at 250px 280px,#22d3ee,#0000),radial-gradient(2px 2px at 450px 80px,#fff,#0000);background-repeat:repeat;background-size:500px 500px;position:absolute;inset:0}.song4u-top-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#0a0a18bf;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex;position:sticky;top:0}.header-left-slot{align-items:center;gap:16px;display:flex}.header-menu-hamburger-btn{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.header-menu-hamburger-btn:hover{background:#7c3cff4d;border-color:#8b5cf6}.header-brand-logo{cursor:pointer;align-items:center;gap:10px;display:flex}.header-note-icon{color:#fff;background:linear-gradient(135deg,#7c3cff 0%,#d946ef 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 14px #7c3cff66}.brand-name{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 40%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:800}.brand-badge{color:#22d3ee;background:#22d3ee26;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:800}.header-center-search{flex:1;max-width:420px;margin:0 24px}@media (width<=860px){.header-center-search{display:none}}.header-search-bar{background:#12132ad9;border:1px solid #ffffff1a;border-radius:24px;align-items:center;gap:10px;padding:8px 16px;display:flex;box-shadow:0 4px 16px #0000004d}.search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:13px}.search-kbd-badge{color:#94a3b8;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.header-right-slot{align-items:center;gap:12px;display:flex}.header-notification-btn{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.notification-dot{background:#ec4899;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px;box-shadow:0 0 6px #ec4899}.header-tokens-badge{color:#f59e0b;cursor:pointer;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.header-tokens-badge:hover{background:#f59e0b40;box-shadow:0 0 16px #f59e0b4d}.header-profile-menu-wrap{position:relative}.header-profile-avatar-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:24px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:13px;font-weight:700;display:flex}.profile-img-thumb{object-fit:cover;border:1.5px solid #8b5cf6;border-radius:50%;width:30px;height:30px}.header-profile-dropdown-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;background:#12132af2;border:1px solid #7c3cff59;border-radius:16px;flex-direction:column;gap:4px;width:220px;padding:12px;display:flex;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 16px 36px #000000b3}.dropdown-user-header{flex-direction:column;padding:6px 8px;display:flex}.dropdown-tokens-sub{color:#f59e0b;margin-top:2px;font-size:11px}.dropdown-divider{background:#ffffff14;height:1px;margin:6px 0}.dropdown-item-btn{color:#cbd5e1;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.dropdown-item-btn:hover{color:#fff;background:#ffffff14}.dropdown-item-btn.text-danger{color:#f87171}.song4u-spatial-layout{z-index:10;flex:1;display:flex;position:relative}.song4u-floating-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a1899;border-right:1px solid #ffffff0f;flex-direction:column;justify-content:space-between;width:200px;min-width:200px;padding:20px 14px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.song4u-floating-sidebar.is-rail-mode{width:72px;min-width:72px;padding:20px 8px}@media (width<=768px){.song4u-floating-sidebar{display:none}}.sidebar-nav-items-stack{flex-direction:column;gap:6px;display:flex}.sidebar-floating-item{color:#94a3b8;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:relative}.is-rail-mode .sidebar-floating-item{justify-content:center;padding:10px 0}.sidebar-floating-item:hover{color:#fff;background:#ffffff0f}.sidebar-floating-item.active{color:#fff;background:#7c3cff38;font-weight:700}.active-rail-indicator{background:#8b5cf6;border-radius:0 4px 4px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0;box-shadow:0 0 10px #8b5cf6}.sidebar-bottom-account-box{border-top:1px solid #ffffff14;flex-direction:column;gap:10px;padding-top:16px;display:flex}.sidebar-user-card{cursor:pointer;background:#ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.user-thumb-avatar{border:1.5px solid #8b5cf6;border-radius:50%;width:32px;height:32px}.user-text-info{flex-direction:column;font-size:12px;display:flex}.user-text-info span{color:#94a3b8;font-size:11px}.sidebar-credits-btn{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.song4u-spatial-center-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 24px 80px;display:flex;position:relative}.spatial-songy-center-wrapper{justify-content:center;align-items:center;margin-top:10px;display:flex;position:relative}.floating-creative-orbs-container{pointer-events:none;position:absolute;inset:0}.floating-glass-bubble-orb{pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid #fff3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:86px;height:86px;transition:all .35s cubic-bezier(.16,1,.3,1);animation:4s ease-in-out infinite alternate orbFloating;display:flex;position:absolute;box-shadow:0 12px 30px #0009,inset 0 0 15px #ffffff26}.floating-glass-bubble-orb:hover{transform:scale(1.15)translateY(-6px);box-shadow:0 18px 40px #000000b3,inset 0 0 25px #ffffff4d}.orb-music{color:#c084fc;background:radial-gradient(circle at 35% 35%,#8b5cf673 0%,#4c1d95cc 100%);border-color:#c084fc80;animation-delay:.2s;top:10%;right:-100px}.orb-photo{color:#22d3ee;background:radial-gradient(circle at 35% 35%,#22d3ee73 0%,#0e7490cc 100%);border-color:#22d3ee80;animation-delay:.8s;top:25%;right:-190px}.orb-greeting{color:#fbbf24;background:radial-gradient(circle at 35% 35%,#f59e0b73 0%,#b45309cc 100%);border-color:#fbbf2480;animation-delay:1.4s;bottom:5%;right:-70px}.orb-video{color:#e879f9;background:radial-gradient(circle at 35% 35%,#d946ef73 0%,#86198fcc 100%);border-color:#e879f980;animation-delay:2s;bottom:12%;right:-170px}@keyframes orbFloating{0%{transform:translateY(0)}to{transform:translateY(-12px)}}.orb-title-label{letter-spacing:.04em;color:#fff;font-size:10px;font-weight:800}@media (width<=768px){.floating-glass-bubble-orb{width:68px;height:68px}.orb-music{top:5%;right:-25px}.orb-photo{top:35%;right:-35px}.orb-greeting{bottom:0%;right:-20px}.orb-video{top:20%;left:-35px}}.spatial-prompt-command-zone{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:680px;margin-top:24px;display:flex}.floating-cosmic-prompt-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12132ae0;border:1.5px solid #7c3cff66;border-radius:40px;align-items:center;gap:14px;width:100%;padding:8px 10px 8px 20px;transition:all .3s;display:flex;box-shadow:0 12px 36px #0009,0 0 25px #7c3cff40}.floating-cosmic-prompt-bar:focus-within{border-color:#8b5cf6;box-shadow:0 16px 45px #000000b3,0 0 35px #7c3cff73}.prompt-mic-icon-wrap{color:#a855f7;justify-content:center;align-items:center;display:flex}.floating-prompt-input-field{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:14px}.floating-prompt-input-field::placeholder{color:#64748b}.floating-prompt-send-arrow-btn{color:#fff;background:linear-gradient(135deg,#7c3cff 0%,#d946ef 100%);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 4px 16px #7c3cff80}.floating-prompt-send-arrow-btn:hover{transform:scale(1.08);box-shadow:0 6px 22px #7c3cffb3}.spatial-suggestion-chips-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.spatial-quick-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#cbd5e1;background:#15152dbf;border:1px solid #ffffff14;border-radius:20px;padding:7px 16px;font-size:12px;font-weight:600;transition:all .2s}.spatial-quick-chip:hover{color:#fff;background:#7c3cff33;border-color:#7c3cff80;transform:translateY(-2px)}.song4u-floating-mobile-bottom-nav{display:none}@media (width<=768px){.song4u-floating-mobile-bottom-nav{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:1000;background:#0f1024e0;border:1px solid #ffffff1f;border-radius:32px;justify-content:space-around;align-items:center;height:64px;padding:0 12px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 16px 36px #000c,0 0 25px #7c3cff33}.mobile-nav-btn{color:#94a3b8;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;font-size:10px;font-weight:700;transition:all .2s;display:flex}.mobile-nav-btn.active{color:#c084fc}.mobile-central-create-action-btn{color:#fff;background:linear-gradient(135deg,#7c3cff 0%,#d946ef 100%);border:3px solid #060613;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:-16px;transition:transform .2s;display:flex;box-shadow:0 0 20px #7c3cffb3}.mobile-central-create-action-btn:hover{transform:scale(1.1)}}.songy-3d-root-container{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.songy-3d-root-container.is-interactive{cursor:pointer}.songy-3d-root-container.size-hero{width:380px;height:420px}.songy-3d-root-container.size-medium{width:260px;height:280px}.songy-3d-root-container.size-small{width:140px;height:150px}.songy-3d-root-container.size-tiny{width:48px;height:52px}@media (width<=768px){.songy-3d-root-container.size-hero{width:280px;height:320px}}.songy-3d-canvas-wrapper{z-index:2;width:100%;height:100%;position:relative}.songy-3d-canvas-wrapper canvas{filter:drop-shadow(0 15px 30px #000000b3);display:block;width:100%!important;height:100%!important}.songy-3d-aura{filter:blur(35px);z-index:1;pointer-events:none;background:radial-gradient(circle,#7c3cff59 0%,#22d3ee26 50%,#0000 70%);border-radius:50%;animation:4s ease-in-out infinite alternate auraPulse;position:absolute;inset:15% 15% 20%}@keyframes auraPulse{0%{opacity:.5;transform:scale(.9)}to{opacity:.9;transform:scale(1.2)}}.songy-3d-speech-bubble{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;z-index:10;text-align:center;background:#15152deb;border:1.5px solid #7c3cff73;border-radius:16px;max-width:260px;padding:10px 18px;font-size:13px;font-weight:600;animation:.35s cubic-bezier(.16,1,.3,1) bubblePop;position:absolute;top:-24px;box-shadow:0 10px 25px #0009,0 0 20px #7c3cff4d}.songy-3d-speech-bubble .speech-bubble-tail{border-top:7px solid #15152deb;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}@keyframes bubblePop{0%{opacity:0;transform:scale(.8)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.songy-character-root{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.songy-character-root.is-interactive{cursor:pointer}.songy-character-root.is-interactive:hover{transform:translateY(-4px)scale(1.03)}.songy-size-tiny{width:36px;height:36px}.songy-size-small{width:56px;height:56px}.songy-size-medium{width:120px;height:120px}.songy-size-large{width:220px;height:220px}.songy-size-hero{width:320px;height:320px}@media (width<=768px){.songy-size-hero{width:220px;height:220px}.songy-size-large{width:160px;height:160px}}.songy-aura-glow{filter:blur(24px);z-index:1;pointer-events:none;background:radial-gradient(circle,#7c3cff66 0%,#d946ef33 50%,#0000 70%);border-radius:50%;animation:4s ease-in-out infinite alternate songyAuraPulse;position:absolute;inset:10%}@keyframes songyAuraPulse{0%{opacity:.6;transform:scale(.9)}to{opacity:.95;transform:scale(1.15)}}.songy-particles-container{pointer-events:none;z-index:4;position:absolute;inset:-20px}.songy-particle{opacity:0;font-size:14px;animation:3.5s cubic-bezier(.2,.8,.2,1) infinite songyParticleFloat;position:absolute}.songy-particle.p1{animation-delay:.2s;top:10%;left:15%}.songy-particle.p2{animation-delay:1.1s;top:20%;right:15%}.songy-particle.p3{animation-delay:2s;bottom:25%;left:10%}.songy-particle.p4{animation-delay:2.8s;bottom:15%;right:20%}@keyframes songyParticleFloat{0%{opacity:0;transform:translateY(10px)scale(.5)}40%{opacity:.9;transform:translateY(-15px)scale(1.1)}80%{opacity:.4}to{opacity:0;transform:translateY(-35px)scale(.8)}}.songy-robot-body-wrapper{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.songy-visual-frame{border:2px solid #7c3cff4d;border-radius:28px;width:100%;height:100%;animation:4s ease-in-out infinite songyFloatHover;position:relative;overflow:hidden;box-shadow:0 15px 35px #00000080,0 0 25px #7c3cff40}@keyframes songyFloatHover{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.songy-render-img{object-fit:cover;width:100%;height:100%;display:block}.songy-ground-shadow{z-index:1;background:radial-gradient(#000000b3 0%,#0000 70%);border-radius:50%;width:70%;height:12px;animation:4s ease-in-out infinite songyShadowScale;position:absolute;bottom:-12px}@keyframes songyShadowScale{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.songy-visor-overlay{pointer-events:none;justify-content:space-around;align-items:center;height:18%;display:flex;position:absolute;top:36%;left:28%;right:28%}.visor-eye{background:#22d3ee;border-radius:50%;width:14px;height:14px;transition:all .15s;position:relative;box-shadow:0 0 12px #22d3ee,0 0 20px #22d3eecc}.is-blinking .visor-eye{border-radius:1px;height:2px}.songy-chest-screen{background:#0009;border:1px solid #7c3cff66;border-radius:4px;justify-content:center;align-items:flex-end;gap:2px;height:10px;padding:1px 2px;display:flex;position:absolute;bottom:22%;left:36%;right:36%;overflow:hidden}.eq-bar{background:#22d3ee;border-radius:1px;width:3px;animation:.8s ease-in-out infinite alternate songyEqDance}.eq-bar.bar1{height:40%;animation-delay:.1s}.eq-bar.bar2{background:#d946ef;height:80%;animation-delay:.3s}.eq-bar.bar3{height:60%;animation-delay:.2s}.eq-bar.bar4{background:#7c3cff;height:90%;animation-delay:.4s}@keyframes songyEqDance{0%{height:20%}to{height:95%}}.songy-antenna-signal{position:absolute;top:10%;left:50%;transform:translate(-50%)}.signal-pulse{background:#7c3cff;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite songyAntennaBlink;display:block;box-shadow:0 0 10px #d946ef}@keyframes songyAntennaBlink{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.songy-live-mood-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3;background:#0f1020d9;border:1px solid;border-radius:20px;align-items:center;gap:6px;margin-top:10px;padding:4px 12px;font-size:11px;font-weight:700;animation:.4s ease-out songyBadgeBounce;display:flex;box-shadow:0 4px 14px #0006}@keyframes songyBadgeBounce{0%{opacity:0;transform:translateY(6px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}.songy-speech-bubble{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;white-space:nowrap;z-index:10;background:#15152df2;border:1px solid #7c3cff66;border-radius:12px;padding:8px 14px;font-size:12px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) songyBubblePop;position:absolute;top:-42px;box-shadow:0 8px 20px #00000080,0 0 12px #7c3cff33}.songy-speech-bubble .speech-tail{border-top:6px solid #15152df2;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@keyframes songyBubblePop{0%{opacity:0;transform:scale(.7)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.songy-state-creating_music .songy-visual-frame{border-color:var(--accent-violet);animation:.5s ease-in-out infinite alternate songyBobRhythm}@keyframes songyBobRhythm{0%{transform:rotate(-2deg)translateY(0)}to{transform:rotate(2deg)translateY(-6px)}}.songy-state-creating_photo .songy-visual-frame{border-color:var(--accent-cyan);animation:1.2s ease-in-out infinite songyFlashFocus}@keyframes songyFlashFocus{0%,to{filter:brightness()}50%{filter:brightness(1.25);box-shadow:0 0 35px #22d3ee99}}.songy-state-creating_video .songy-visual-frame{border-color:var(--accent-magenta);animation:2s linear infinite songyCinemaScan}@keyframes songyCinemaScan{0%,to{box-shadow:0 0 25px #d946ef4d}50%{box-shadow:0 0 40px #d946efb3}}.songy-state-celebration .songy-visual-frame,.songy-state-happy .songy-visual-frame{animation:.45s ease-in-out infinite alternate songyHappyBounce}@keyframes songyHappyBounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-12px)scale(1.05)}}