body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}#root{width:100%;height:100dvh}.landing{min-height:100dvh;color:var(--text-primary);position:relative;overflow-x:hidden}html.dark .landing{background:#000}html.light .landing{background:var(--bg-primary)}body:has(.landing):before{display:none}.frame-scroll-container{height:400vh;position:relative}.frame-scroll-container.complete .frame-image-wrapper,.frame-scroll-container.complete .frame-content,.frame-scroll-container.complete .scroll-progress-bar{opacity:0;pointer-events:none}.frame-image-wrapper{z-index:1;background:#000;width:100vw;height:100vh;transition:opacity .5s;position:fixed;top:0;left:0}.frame-image-wrapper.hidden{opacity:0;pointer-events:none}.frame-image{object-fit:cover;object-position:center;width:100%;height:100%}.frame-content{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-end;width:100vw;height:100vh;padding:80px 60px;transition:opacity .5s;display:flex;position:fixed;top:0;right:0}.frame-content.hidden{opacity:0;pointer-events:none}.frame-section{opacity:0;text-align:right;pointer-events:none;max-width:500px;transition:opacity .6s,transform .6s;position:absolute;top:50%;right:60px;transform:translateY(-50%)}.frame-section.visible{opacity:1;pointer-events:auto}.frame-title{text-align:center;max-width:500px;left:62%;right:auto;transform:translate(-50%)translateY(-50%)}.frame-title.visible{transform:translate(-50%)translateY(-50%)}.frame-title h1{color:#fff;text-shadow:0 2px 20px #00000080;margin:0;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.15}.frame-title .gradient-text{background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 50%,#f472b6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-badge-frame{-webkit-backdrop-filter:blur(10px);color:#ffffffe6;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:13px;display:inline-flex}.hero-badge-frame .badge-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.hero-subtitle{color:#fff9;margin-top:16px;margin-bottom:24px;font-size:16px}.hero-mini-cards{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.mini-card{-webkit-backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:10px 16px;display:flex}.mini-card svg{color:#60a5fa;flex-shrink:0;width:16px;height:16px}.mini-card span{color:#ffffffd9;font-size:13px}.frame-description p{color:#ffffffd9;text-shadow:0 1px 10px #0006;margin:0;font-size:clamp(17px,2vw,22px);line-height:1.7}.frame-stats .stats-grid{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.frame-stats .stat-item{-webkit-backdrop-filter:blur(12px);background:#00000080;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:flex-end;min-width:220px;padding:18px 22px;display:flex}.frame-stats .stat-number{color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(26px,3vw,36px);font-weight:700}.frame-stats .stat-label{color:#fff9;margin-top:4px;font-size:13px}.frame-how{text-align:left!important;left:60px!important;right:auto!important}.frame-how h2{color:#fff;text-shadow:0 2px 10px #0006;margin-bottom:24px;font-size:clamp(24px,3vw,36px);font-weight:700}.how-steps-mini{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.step-mini-item{-webkit-backdrop-filter:blur(12px);background:#00000080;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:16px;min-width:320px;padding:16px 20px;display:flex}.step-mini-item .step-num{color:#60a5fa;min-width:28px;font-size:14px;font-weight:700}.step-mini-item span:last-child{color:#fff;font-size:15px}.step-mini-item .step-desc{color:#ffffff80;margin-left:auto;font-size:12px}.frame-cta{flex-direction:column;align-items:flex-start;gap:16px;display:flex;text-align:left!important;left:60px!important;right:auto!important}.frame-cta .cta-title{color:#fff;text-shadow:0 2px 10px #0006;margin-bottom:8px;font-size:clamp(26px,3vw,38px);font-weight:700}.frame-cta .cta-subtitle{color:#ffffffb3;margin-bottom:20px;font-size:16px}.frame-cta .cta-features{flex-direction:column;gap:10px;margin-top:20px;display:flex}.frame-cta .cta-feature{color:#fffc;align-items:center;gap:10px;font-size:14px;display:flex}.frame-cta .cta-feature svg{color:#22c55e;width:18px;height:18px}.frame-cta .cta-use-cases{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.use-case-tag{color:#ffffffb3;background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;padding:6px 14px;font-size:12px}.cta-primary-frame{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:12px;align-items:center;gap:10px;padding:16px 32px;font-size:17px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 20px #3b82f666}.cta-primary-frame:hover{transform:translateY(-2px);box-shadow:0 6px 30px #3b82f680}.cta-primary-frame svg{width:20px;height:20px}.scroll-hint{color:#ffffff80;font-size:14px;animation:2s infinite bounce-hint}@keyframes bounce-hint{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.scroll-progress-bar{background:var(--border);z-index:10;border-radius:2px;width:3px;height:80px;transition:opacity .5s;position:fixed;top:50%;right:24px;overflow:hidden;transform:translateY(-50%)}.scroll-progress-bar.hidden{opacity:0}.scroll-progress-fill{background:var(--accent);border-radius:2px;width:100%;transition:height .1s}.logos-section,.features-section,.how-section,.usecases-section,.testimonials-section,.pricing-section,.final-cta{z-index:10;background:0 0;position:relative}@media (width<=1024px){.frame-content{padding:80px 40px}.frame-section{max-width:420px;right:40px}.frame-title{left:65%}}@media (width<=768px){.frame-scroll-container{height:380vh}.frame-content{align-items:center;padding:100px 20px}.frame-section{text-align:center;max-width:none;left:20px;right:20px}.frame-title{left:50%;transform:translate(-50%)translateY(-50%)}.frame-title.visible{transform:translate(-50%)translateY(-50%)}.frame-title h1{font-size:26px}.frame-stats .stats-grid{flex-flow:wrap;justify-content:center;gap:10px}.frame-stats .stat-item{flex:1;align-items:center;min-width:90px;padding:12px}.frame-stats .stat-number{font-size:18px}.frame-stats .stat-label{font-size:10px}.frame-how,.frame-cta{text-align:left!important;left:20px!important;right:20px!important}.how-steps-mini{align-items:flex-start}.step-mini-item{width:100%;min-width:auto;max-width:300px}.step-mini-item .step-desc{display:none}.frame-cta{align-items:flex-start}.hero-mini-cards{flex-flow:wrap;gap:8px}.mini-card{padding:10px 12px}.mini-card span{font-size:12px}.cta-use-cases{justify-content:flex-start}.scroll-progress-bar{height:50px;right:10px}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.animate-on-scroll{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.floating-brain{z-index:5;pointer-events:none;transform-origin:50%;width:350px;height:350px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;position:fixed;top:50%;right:10%}@media (width<=1024px){.floating-brain{display:none}}.floating-brain .brain-glow{background:radial-gradient(circle at center, var(--accent-glow) 0%, transparent 60%);filter:blur(40px);animation:4s ease-in-out infinite glow-pulse;position:absolute;inset:-20%}.floating-brain .brain-svg{z-index:1;width:100%;height:100%;position:relative}.floating-brain .brain-bg{transition:opacity .5s}.floating-brain .main-path{stroke-dasharray:500;stroke-dashoffset:500px;animation:3s forwards draw-path}@keyframes draw-path{to{stroke-dashoffset:0}}.floating-brain .node{opacity:0;transform-origin:50%;animation:.5s forwards node-appear,2s ease-in-out .5s infinite node-pulse}@keyframes node-appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.floating-brain .connection{opacity:0;animation:.4s forwards connection-appear}@keyframes connection-appear{0%{opacity:0}to{opacity:.4}}.floating-brain .ring{transform-origin:50%}.floating-brain .ring-1{animation:20s linear infinite ring-rotate}.floating-brain .ring-2{animation:30s linear infinite reverse ring-rotate}.floating-brain .ring-3{animation:40s linear infinite ring-rotate}@keyframes ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-brain .pulse-wave{transform-origin:50%;opacity:0}.floating-brain .pw-1{animation:3s ease-out infinite pulse-expand}.floating-brain .pw-2{animation:3s ease-out 1s infinite pulse-expand}.floating-brain .pw-3{animation:3s ease-out 2s infinite pulse-expand}@keyframes pulse-expand{0%{r:40;opacity:.4}to{r:100;opacity:0}}.floating-brain .brain-particles{position:absolute;inset:0}.floating-brain .particle{width:var(--size,3px);height:var(--size,3px);background:var(--accent);left:var(--x);top:var(--y);opacity:0;animation:4s ease-in-out infinite particle-float;animation-delay:var(--delay);border-radius:50%;position:absolute}@keyframes particle-float{0%,to{opacity:0;transform:translate(0)scale(.5)}20%{opacity:.6}50%{opacity:.8;transform:translate(10px,-20px)scale(1)}80%{opacity:.4}}.floating-brain .brain-labels{position:absolute;inset:0}.floating-brain .brain-label{color:var(--accent);background:var(--bg-primary);border:1px solid var(--accent);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;transition:opacity .3s;position:absolute}.floating-brain .label-1{top:20%;left:25%}.floating-brain .label-2{top:60%;right:20%}.floating-brain .label-3{bottom:25%;left:30%}.floating-brain .electricity-container{pointer-events:none;z-index:10;width:300px;height:200px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.floating-brain .electricity-svg{width:100%;height:100%;overflow:visible}.floating-brain .electric-bolt{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;opacity:0;animation:.15s ease-in-out forwards bolt-flash}.floating-brain .bolt-1{animation-delay:0s}.floating-brain .bolt-2{animation-delay:.1s}.floating-brain .bolt-3{animation-delay:.2s}@keyframes bolt-flash{0%{opacity:0;stroke-dasharray:0 1000}30%{opacity:1}50%{opacity:1;stroke-dasharray:1000 0}70%{opacity:.8}to{opacity:.6;stroke-dasharray:1000 0}}.floating-brain.shooting .electricity-container{animation:2s ease-in-out infinite electricity-loop}@keyframes electricity-loop{0%,to{opacity:.8}50%{opacity:1}}.floating-brain.shooting .electric-bolt{animation:.8s ease-in-out infinite bolt-continuous}.floating-brain.shooting .bolt-1{animation-delay:0s}.floating-brain.shooting .bolt-2{animation-delay:.15s}.floating-brain.shooting .bolt-3{animation-delay:.3s}@keyframes bolt-continuous{0%{opacity:0;stroke-dashoffset:500px}20%{opacity:1}50%{opacity:1;stroke-dashoffset:0}80%{opacity:.5}to{opacity:0;stroke-dashoffset:-500px}}.landing-nav{z-index:100;padding:16px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.landing-nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html.dark .landing-nav.scrolled{background:#000c}html.light .landing-nav.scrolled{background:#fffc}.nav-container{align-items:center;gap:60px;max-width:1400px;margin:0 auto;padding:0 48px;display:flex}.nav-brand{color:var(--text-primary);align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.nav-logo{width:32px;height:32px;color:var(--accent)}.nav-links{flex:1;gap:32px;display:flex}.nav-links a{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.nav-theme-btn{background:var(--bg-tertiary);border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.nav-theme-btn svg{width:18px;height:18px}.nav-theme-btn:hover{color:var(--text-primary);border-color:var(--accent)}.nav-cta{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.nav-cta:hover{opacity:.9;transform:translateY(-1px)}.nav-mobile-toggle{width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:none}.nav-mobile-toggle svg{width:24px;height:24px}.hero{align-items:center;min-height:100dvh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-gradient{background:radial-gradient(ellipse at center, var(--accent-glow) 0%, transparent 60%);opacity:.5;width:80%;height:150%;position:absolute;top:-50%;right:-20%}.hero-grid{background-image:linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);opacity:.5;background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.hero-content{z-index:1;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 48px;display:flex;position:relative}.hero-text{flex-shrink:0;max-width:550px}.hero-badge{background:var(--accent-glow);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);color:var(--accent);border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:13px;display:inline-flex}.badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.hero h1{letter-spacing:-.02em;text-wrap:balance;margin-bottom:24px;font-size:clamp(2.5rem,1.5rem + 4vw,3.5rem);font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(135deg in oklch, var(--accent) 0%, color-mix(in oklch, var(--accent) 60%, purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-text>p{color:var(--text-secondary);max-width:500px;margin-bottom:40px;font-size:18px;line-height:1.7}.hero-ctas{gap:16px;margin-top:32px;margin-bottom:56px;display:flex}.cta-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;min-block-size:48px;padding:14px 28px;font-size:.9375rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.cta-primary svg{width:18px;height:18px}.cta-primary:hover:not(:disabled){box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-2px)}.cta-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cta-primary.large{padding:18px 36px;font-size:1rem}.cta-secondary{background:var(--bg-tertiary);min-block-size:48px;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:.9375rem;font-weight:600;transition:border-color .2s,color .2s;display:flex}.cta-secondary svg{width:18px;height:18px}.cta-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.cta-secondary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero-stats{gap:40px;display:flex}.stat-counter{flex-direction:column;gap:4px;display:flex}.stat-number{color:var(--text-primary);font-size:28px;font-weight:700}.stat-label{color:var(--text-muted);font-size:13px}.hero-visual-static{flex-shrink:0;margin-right:40px;position:relative}.hero-brain-static{width:420px;height:480px;position:relative}.brain-glow-static{filter:blur(60px);opacity:.6;background:radial-gradient(circle,#ffffff26 0%,#0000 50%);animation:4s ease-in-out infinite glow-breathe;position:absolute;inset:-30%}@keyframes glow-breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.brain-svg-static{z-index:1;width:100%;height:100%;position:relative}.brain-outline{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:2.5s forwards brain-draw}@keyframes brain-draw{to{stroke-dashoffset:0}}.brain-fold{stroke-dasharray:200;stroke-dashoffset:200px;animation:2s .5s forwards fold-draw}@keyframes fold-draw{to{stroke-dashoffset:0}}.neural-paths .neural-path{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:1.5s forwards path-draw}.np1{animation-delay:.8s}.np2{animation-delay:.9s}.np3{animation-delay:1s}.np4{animation-delay:1.1s}.np5{animation-delay:1.2s}.np6{animation-delay:1.3s}.np7{animation-delay:1.4s}.np8{animation-delay:1.5s}.np9{animation-delay:1.6s}@keyframes path-draw{to{stroke-dashoffset:0}}.neural-nodes .node{opacity:0;animation:.5s forwards node-appear}.neural-nodes .node:first-child{animation-delay:.5s}.neural-nodes .node:nth-child(2){animation-delay:.55s}.neural-nodes .node:nth-child(3){animation-delay:.6s}.neural-nodes .node:nth-child(4){animation-delay:.65s}.neural-nodes .node:nth-child(5){animation-delay:.7s}.neural-nodes .node:nth-child(6){animation-delay:.75s}.neural-nodes .node:nth-child(7){animation-delay:.8s}.neural-nodes .node:nth-child(8){animation-delay:.85s}.neural-nodes .node:nth-child(9){animation-delay:.9s}.neural-nodes .node:nth-child(10){animation-delay:.95s}.neural-nodes .node:nth-child(11){animation-delay:1s}.neural-nodes .node:nth-child(12){animation-delay:1.05s}.neural-nodes .node:nth-child(13){animation-delay:1.1s}.neural-nodes .node:nth-child(14){animation-delay:1.15s}.neural-nodes .node:nth-child(15){animation-delay:1.2s}.neural-nodes .node:nth-child(n+16){animation-delay:1.25s}.neural-nodes .pulse-node{animation:.5s forwards node-appear,2s ease-in-out 1.5s infinite node-pulse-white}@keyframes node-pulse-white{0%,to{opacity:.8;filter:drop-shadow(0 0 4px #fffc)}50%{opacity:1;filter:drop-shadow(0 0 12px #fff)drop-shadow(0 0 20px #fff9)}}.signal-pulses circle{filter:drop-shadow(0 0 6px #fff)drop-shadow(0 0 12px #fffc)}.logos-section{text-align:center;padding:60px 24px}.logos-section>p{color:var(--text-muted);margin-bottom:32px;font-size:14px}.logos-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;max-width:1000px;margin:0 auto;display:flex}.logo-placeholder{color:var(--text-muted);opacity:.5;font-size:18px;font-weight:700}.section-header{text-align:center;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto 60px;padding:0 24px;display:flex}.section-badge{background:var(--accent-glow);width:fit-content;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;border-radius:20px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:600;display:block}.section-header h2{letter-spacing:-.02em;text-wrap:balance;max-width:600px;margin:0 0 20px;font-size:clamp(2rem,1rem + 3vw,2.75rem);font-weight:800}.section-header p{color:var(--text-secondary);text-wrap:pretty;max-width:500px;margin:0;font-size:1.125rem;line-height:1.7}.features-section{max-width:1200px;margin:0 auto;padding:120px 24px}.features-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:28px;padding:0 24px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;height:100%;padding:32px;transition:all .3s;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.feature-card.has-video{background:var(--bg-card)}.feature-card-video{object-fit:cover;opacity:0;z-index:0;border-radius:16px;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.feature-card:hover .feature-card-video{opacity:.25}.feature-card.has-video:hover{background:#60a5fa14;box-shadow:0 12px 40px #60a5fa26,0 0 30px #60a5fa1a}.feature-card.has-video .feature-icon,.feature-card.has-video h3,.feature-card.has-video p{z-index:1;position:relative}.feature-tag{background:var(--accent-glow);color:var(--accent);z-index:2;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:16px;right:16px}.feature-icon{background:var(--accent-glow);width:48px;height:48px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-icon svg{width:24px;height:24px}.feature-card h3{margin-bottom:8px;font-size:18px;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.how-section{padding:120px 24px}.how-steps{grid-template-columns:repeat(3,1fr);gap:48px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.how-step{text-align:left}.step-number{color:var(--accent);opacity:.2;margin-bottom:20px;font-size:64px;font-weight:800;line-height:1}.how-step h3{margin-bottom:14px;font-size:22px;font-weight:700}.how-step p{color:var(--text-secondary);font-size:15px;line-height:1.7}.how-connector{display:none}.usecases-section{max-width:1200px;margin:0 auto;padding:120px 24px}.usecases-grid{grid-template-columns:repeat(3,1fr);gap:28px;padding:0 24px;display:grid}.usecase-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;transition:all .3s;overflow:hidden}.usecase-card:hover{border-color:var(--accent);transform:translateY(-4px)}.usecase-image{justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.usecase-image:before{content:"";background:inherit;opacity:.9;position:absolute;inset:0}.usecase-icon{z-index:1;color:#fff;opacity:.9;position:relative}.usecase-icon svg{filter:drop-shadow(0 4px 12px #0003);width:56px;height:56px}.usecase-content{padding:24px}.usecase-category{background:var(--accent-glow);color:var(--accent);border-radius:12px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.usecase-content h4{margin-bottom:8px;font-size:18px;font-weight:700}.usecase-content p{color:var(--text-secondary);font-size:14px;line-height:1.5}.testimonials-section{max-width:100%;padding:120px 24px}.testimonials-section .section-header{max-width:1200px;margin:0 auto 60px}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.testimonial-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px}.testimonial-stars{color:#fbbf24;gap:4px;margin-bottom:16px;display:flex}.testimonial-stars svg{width:16px;height:16px}.testimonial-quote{color:var(--text-primary);margin-bottom:24px;font-size:15px;line-height:1.6}.testimonial-author{align-items:center;gap:12px;display:flex}.author-avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-weight:600;display:flex}.author-info{flex-direction:column;gap:2px;display:flex}.author-info strong{color:var(--text-primary);font-size:14px}.author-info span{color:var(--text-muted);font-size:12px}.pricing-section{max-width:1200px;margin:0 auto;padding:120px 24px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:32px;padding:0 24px;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:20px;padding:40px 32px;transition:all .3s;position:relative}.pricing-card.highlighted{border-color:var(--accent);box-shadow:0 8px 32px var(--accent-glow)}.pricing-badge{background:var(--accent);color:#fff;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{margin-bottom:16px;font-size:20px;font-weight:700}.pricing-price{margin-bottom:32px}.price-amount{color:var(--text-primary);font-size:48px;font-weight:800}.price-period{color:var(--text-muted);font-size:16px}.pricing-features{text-align:left;margin-bottom:32px;list-style:none}.pricing-features li{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:10px 0;font-size:14px;display:flex}.pricing-features li:last-child{border-bottom:none}.pricing-features li svg{width:16px;height:16px;color:var(--accent);flex-shrink:0}.pricing-btn{background:var(--bg-tertiary);width:100%;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.pricing-btn:hover{border-color:var(--accent);color:var(--accent)}.pricing-btn.primary{background:var(--accent);color:#fff;border:none}.pricing-btn.primary:hover{opacity:.9}.final-cta{text-align:center;padding:100px 24px}.cta-content{max-width:600px;margin:0 auto}.cta-content h2{margin-bottom:16px;font-size:36px;font-weight:800}.cta-content p{color:var(--text-secondary);margin-bottom:32px;font-size:18px}.landing-footer{padding:80px 24px 32px}.footer-content{grid-template-columns:1fr 2fr;gap:60px;max-width:1200px;margin:0 auto 48px;display:grid}.footer-brand{max-width:280px}.footer-logo{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:16px;font-size:20px;font-weight:700;display:flex}.footer-logo svg{width:32px;height:32px;color:var(--accent)}.footer-brand>p{color:var(--text-muted);font-size:14px;line-height:1.6}.footer-links{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.footer-column h4{color:var(--text-primary);margin-bottom:16px;font-size:14px;font-weight:600}.footer-column a{color:var(--text-muted);padding:6px 0;font-size:14px;text-decoration:none;transition:color .2s;display:block}.footer-column a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding-top:32px;display:flex}.footer-bottom p{color:var(--text-muted);font-size:13px}.footer-legal{gap:24px;display:flex}.footer-legal a{color:var(--text-muted);font-size:13px;text-decoration:none}.footer-legal a:hover{color:var(--text-primary)}@media (width<=1200px){.nav-container{gap:40px;padding:0 32px}.hero-content{padding:0 32px}.hero-brain-static{width:360px;height:420px}}@media (width<=1024px){.nav-container{gap:24px;padding:0 24px}.hero-content{text-align:center;flex-direction:column;padding:0 24px}.hero-text{max-width:100%}.hero h1{font-size:clamp(2rem,1rem + 3vw,2.5rem)}.hero-text>p{max-width:100%}.hero-ctas,.hero-stats{justify-content:center}.hero-visual-static{order:-1;margin:48px 0 0}.hero-brain-static{width:280px;height:340px;margin:0 auto}.features-grid,.how-steps,.usecases-grid,.testimonials-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr}}@media (width<=768px){.nav-links{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:50;flex-direction:column;gap:16px;padding:24px;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open{display:flex}.nav-mobile-toggle{display:flex}.nav-cta{display:none}.nav-container{padding:0 20px}.hero{min-height:auto;padding:100px 20px 60px}.hero-content{padding:0 20px}.hero h1{font-size:clamp(1.75rem,.75rem + 4vw,2.25rem)}.hero-text>p{font-size:16px}.hero-ctas{flex-direction:column;width:100%;margin-bottom:40px}.cta-primary,.cta-secondary{justify-content:center;width:100%}.hero-stats{flex-flow:wrap;justify-content:space-around;gap:24px}.stat-counter{text-align:center;min-width:100px}.stat-number{font-size:24px}.stat-label{font-size:12px}.hero-brain-static{width:240px;height:300px}.section-header{padding:0 20px}.section-header h2{font-size:clamp(1.75rem,.75rem + 3vw,2.25rem)}.section-header p{font-size:1rem}.features-section,.how-section,.usecases-section,.testimonials-section,.pricing-section{padding:80px 20px}.features-grid,.usecases-grid,.testimonials-grid,.pricing-grid{grid-template-columns:1fr;padding:0}.how-steps{grid-template-columns:1fr;gap:48px;padding:0}.step-number{font-size:48px}.logos-grid{gap:32px;font-size:16px}.footer-content{gap:40px}.footer-links{grid-template-columns:1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.footer-legal{justify-content:center}.final-cta{padding:80px 20px}.cta-content h2{font-size:clamp(1.75rem,.75rem + 4vw,2rem)}.cta-content p{font-size:16px}}@media (width<=480px){.nav-brand{font-size:18px}.nav-logo{width:28px;height:28px}.nav-container{padding:0 16px}.hero{padding:90px 16px 50px}.hero-content{padding:0 16px}.hero-badge{padding:5px 12px;font-size:11px}.hero h1{font-size:clamp(1.5rem,.5rem + 4vw,2rem)}.hero-text>p{font-size:15px}.hero-brain-static{width:200px;height:260px}.hero-stats{gap:16px}.stat-counter{min-width:90px}.stat-number{font-size:20px}.stat-label{font-size:11px}.section-header{padding:0 16px}.section-badge{padding:5px 12px;font-size:11px}.features-section,.how-section,.usecases-section,.testimonials-section,.pricing-section{padding:60px 16px}.feature-card,.usecase-card,.testimonial-card,.pricing-card{padding:24px}.step-number{font-size:40px}.how-step h3{font-size:20px}.how-step p{font-size:14px}.pricing-price{margin-bottom:24px}.price-amount{font-size:40px}.logos-section{padding:48px 16px}.logos-grid{gap:24px;font-size:14px}.footer-content{padding:0 16px}.final-cta{padding:60px 16px}}.neuroadapt-container{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;transition:all .3s}.neuroadapt-container.expanded{border-color:#8b5cf64d;box-shadow:0 8px 32px #8b5cf626}.neuroadapt-header-btn{cursor:pointer;background:linear-gradient(135deg,#8b5cf614 0%,#3b82f614 100%);border:none;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;transition:all .3s;display:flex}.neuroadapt-container.expanded .neuroadapt-header-btn{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#8b5cf626 0%,#3b82f626 100%);border-radius:16px 16px 0 0}.neuroadapt-header-btn:hover{background:linear-gradient(135deg,#8b5cf61f 0%,#3b82f61f 100%)}.neuroadapt-header-left{align-items:center;gap:12px;display:flex}.neuroadapt-header-left svg{color:#8b5cf6;width:24px;height:24px}.neuroadapt-header-text{flex-direction:column;align-items:flex-start;display:flex}.neuroadapt-title-text{background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:700}.neuroadapt-subtitle{color:var(--text-secondary);font-size:11px}.neuroadapt-header-right{align-items:center;gap:10px;display:flex}.neuroadapt-badge{color:#8b5cf6;background:#8b5cf633;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.neuroadapt-chevron{justify-content:center;align-items:center;width:24px;height:24px;transition:transform .3s;display:flex}.neuroadapt-chevron svg{width:18px;height:18px;color:var(--text-secondary)}.neuroadapt-chevron.open{transform:rotate(180deg)}.neuroadapt-content{background:var(--bg-card);border-top:1px solid var(--border);border-radius:0 0 16px 16px;padding:20px;display:block}.neuroadapt-section{padding-top:20px}.neuroadapt-section:first-child{padding-top:0}.neuroadapt-section h4{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:0 0 16px;font-size:12px;font-weight:600}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header-row h4{margin:0}.custom-hint{color:#8b5cf6;font-size:11px;font-weight:500}.audience-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.audience-card{cursor:pointer;isolation:isolate;border:none;border-radius:16px;height:80px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.audience-card:before{content:"";background:conic-gradient(from var(--angle,0deg), transparent 60%, #8b5cf6cc 70%, #a88bfa 75%, #8b5cf6cc 80%, transparent 90%);-webkit-mask-composite:xor;opacity:0;z-index:1;pointer-events:none;border-radius:16px;padding:2px;transition:opacity .3s;animation:2s linear infinite rotate-border;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.audience-card:hover:before{opacity:1}@keyframes rotate-border{to{--angle:360deg}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.audience-card .card-bg-image{background-image:var(--card-bg);filter:brightness(.7)saturate(.9);background-position:50%;background-size:cover;transition:transform .5s,filter .3s;position:absolute;inset:0}.audience-card .card-overlay{background:linear-gradient(135deg,#0f172a8c 0%,#1e293b73 100%);transition:opacity .3s;position:absolute;inset:0}.audience-card .card-name{z-index:1;color:#f1f5f9;letter-spacing:.2px;justify-content:flex-start;align-items:flex-end;height:100%;padding:14px 16px;font-size:16px;font-weight:600;display:flex;position:relative}.audience-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.audience-card:hover .card-bg-image{filter:brightness(.8)saturate();transform:scale(1.05)}.audience-card:hover .card-overlay{background:linear-gradient(135deg,#0f172a73 0%,#1e293b59 100%)}.audience-card.active{box-shadow:0 0 0 2px #8b5cf6cc,0 8px 24px #0006}.audience-card.active .card-overlay{background:linear-gradient(135deg,#8b5cf659 0%,#1e293b66 100%)}.audience-card.active .card-name{color:#fff}.audience-card:active{transform:translateY(0)scale(.98)}.profiles-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.profile-card{cursor:pointer;isolation:isolate;border:none;border-radius:16px;height:70px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.profile-card:before{content:"";background:conic-gradient(from var(--angle,0deg), transparent 60%, var(--profile-color,#8b5cf6cc) 70%, var(--profile-color,#a88bfa) 75%, var(--profile-color,#8b5cf6cc) 80%, transparent 90%);-webkit-mask-composite:xor;opacity:0;z-index:1;pointer-events:none;border-radius:16px;padding:2px;transition:opacity .3s;animation:2s linear infinite rotate-border;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.profile-card:hover:before{opacity:1}.profile-card .profile-bg-image{background-image:var(--profile-bg);filter:brightness(.65)saturate(.85);background-position:50%;background-size:cover;transition:transform .5s,filter .3s;position:absolute;inset:0}.profile-card .profile-overlay{background:linear-gradient(135deg,#0f172a8c 0%,#1e293b73 100%);transition:all .3s;position:absolute;inset:0}.profile-card .profile-content{z-index:1;justify-content:space-between;align-items:flex-end;gap:8px;height:100%;padding:12px 16px;display:flex;position:relative}.profile-card .profile-name{color:#f1f5f9;letter-spacing:.2px;font-size:16px;font-weight:600}.profile-card .profile-check{opacity:0;background:#8b5cf64d;border:2px solid #8b5cf699;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .2s;display:flex}.profile-card .profile-check svg{color:#f1f5f9;width:12px;height:12px}.profile-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.profile-card:hover .profile-bg-image{filter:brightness(.75)saturate(.95);transform:scale(1.05)}.profile-card:hover .profile-overlay{background:linear-gradient(135deg,#0f172a73 0%,#1e293b59 100%)}.profile-card.selected{box-shadow:0 0 0 2px var(--profile-color), 0 8px 24px #0006}.profile-card.selected .profile-overlay{background:linear-gradient(135deg, rgba(var(--profile-color-rgb), .3) 0%, #1e293b66 100%)}.profile-card.selected .profile-name{color:#fff}.profile-card.selected .profile-check{opacity:1;background:var(--profile-color);border-color:var(--profile-color)}.profile-card:active{transform:translateY(0)scale(.98)}.profiles-detail{background:var(--bg-secondary);border-radius:12px;margin-top:16px;padding:16px!important}.adaptations-list{flex-wrap:wrap;gap:16px;display:flex}.adaptation-group{background:var(--bg-card);border-left:3px solid var(--profile-color);border-radius:10px;flex:1;min-width:200px;padding:12px}.adaptation-profile{color:var(--profile-color);margin-bottom:10px;font-size:13px;font-weight:700;display:block}.adaptation-group ul{margin:0;padding:0;list-style:none}.adaptation-group li{color:var(--text-secondary);padding:4px 0 4px 14px;font-size:12px;position:relative}.adaptation-group li:before{content:"";background:var(--profile-color);opacity:.6;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (width<=900px){.audience-grid{grid-template-columns:repeat(3,1fr)}.profiles-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.audience-grid{grid-template-columns:repeat(2,1fr)}.profiles-grid{grid-template-columns:1fr}.audience-card{height:70px}.profile-card{height:60px}}.neuroadapt-prompt-badge{cursor:pointer;background:linear-gradient(135deg,#8b5cf626 0%,#3b82f626 100%);border:1px solid #8b5cf64d;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;transition:all .2s;display:flex}.neuroadapt-prompt-badge:hover{background:linear-gradient(135deg,#8b5cf640 0%,#3b82f640 100%);border-color:#8b5cf680;transform:translateY(-1px)}.neuroadapt-prompt-badge svg{color:#8b5cf6;width:16px;height:16px}.neuroadapt-prompt-badge .badge-text{background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:12px;font-weight:600}.prompt-gallery{padding:12px 0}.gallery-header{margin-bottom:12px}.gallery-header h3{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 8px;font-size:18px;font-weight:700;display:flex}.gallery-header h3 svg{color:#8b5cf6;width:20px;height:20px}.gallery-header p{color:var(--text-secondary);margin:0;font-size:13px}.gallery-search{gap:12px;margin-bottom:16px;display:flex}.search-input-wrapper{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;flex:1;align-items:center;gap:10px;padding:12px 16px;transition:all .2s;display:flex}.search-input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf61a}.search-input-wrapper svg{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.search-input-wrapper input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-input-wrapper input::placeholder{color:var(--text-secondary)}.gallery-search button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.gallery-search button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf64d}.gallery-search button:disabled{opacity:.5;cursor:not-allowed}.gallery-suggestions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.gallery-suggestions span{color:var(--text-secondary);font-size:12px}.gallery-suggestions button{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:20px;padding:6px 12px;font-size:12px;transition:all .2s}.gallery-suggestions button:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.gallery-categories{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.category-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:13px;transition:all .2s}.category-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.category-btn.active{color:#8b5cf6;background:linear-gradient(135deg,#8b5cf633 0%,#3b82f633 100%);border-color:#8b5cf680;font-weight:600}.gallery-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.gallery-loading .loading-spinner{border:3px solid var(--border);border-top-color:#8b5cf6;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gallery-loading span{color:var(--text-secondary);font-size:14px}.gallery-loading.inline{flex-direction:row;padding:20px}.gallery-loading.inline .loading-spinner{width:20px;height:20px}.gallery-load-more{justify-content:center;padding:30px 0;display:flex}.load-more-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:12px;padding:12px 32px;font-size:14px;font-weight:600;transition:all .2s}.load-more-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.gallery-empty{text-align:center;padding:60px 20px}.gallery-empty p{color:var(--text-secondary);font-size:14px}.gallery-grid.video-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.gallery-item{aspect-ratio:1;cursor:pointer;background:var(--bg-secondary);border:none;border-radius:12px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.gallery-item.video-item{aspect-ratio:16/9}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000040}.gallery-item-overlay{opacity:0;background:linear-gradient(#0000 50%,#000c 100%);flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:12px;transition:opacity .3s;display:flex;position:absolute;inset:0}.gallery-item-overlay .item-category{background:#8b5cf6cc;border-radius:6px;margin-bottom:4px;padding:4px 8px}.gallery-item-overlay .item-style{color:#ffffffb3;font-size:11px}.video-play-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-play-icon svg{color:#fff;width:20px;height:20px;margin-left:3px}.gallery-item:hover .video-play-icon{opacity:1;transform:translate(-50%,-50%)scale(1.1)}.gallery-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f0f14d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gallery-modal{background:var(--bg-primary);border:2px solid var(--border);border-radius:24px;width:min(92vw,1280px);height:min(87vh,820px);position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.gallery-modal-content{grid-template-columns:minmax(300px,380px) minmax(0,1fr);width:100%;height:100%;display:grid;overflow:hidden}.gallery-modal-info{border-right:1px solid var(--border);flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.gallery-modal-info-scroll{flex:1;padding:20px;overflow-y:auto}.gallery-modal-info-scroll h4{color:var(--text-secondary);margin:0 0 14px;font-size:12px;font-weight:500}.gallery-modal-prompt p{color:var(--text-primary);white-space:pre-line;margin:0;font-size:14px;font-weight:400;line-height:1.6}.gallery-modal-meta{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.gallery-modal-meta span{background:var(--bg-secondary);color:var(--text-primary);border-radius:9999px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;display:inline-flex}.gallery-modal-actions{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding:16px 20px 20px;display:flex}.gallery-modal-actions-meta{justify-content:center;align-items:center;gap:4px;margin-bottom:4px;display:flex}.gallery-modal-actions-meta span{color:var(--text-secondary);font-size:12px}.gallery-modal-actions button,.gallery-modal-actions>a{cursor:pointer;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .1s,border-color .1s;display:flex}.gallery-modal-actions button:hover,.gallery-modal-actions>a:hover{background:var(--bg-secondary)}.gallery-modal-actions button:active,.gallery-modal-actions>a:active{transform:scale(.97)}.gallery-modal-actions button svg,.gallery-modal-actions>a svg{flex-shrink:0;width:16px;height:16px}.gallery-modal-actions .action-use{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none}.gallery-modal-actions .action-use:hover{opacity:1;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.gallery-modal-preview{background:#0a0a0a;justify-content:center;align-items:center;min-width:0;padding:clamp(16px,3vw,36px);display:flex;position:relative;overflow:hidden}.gallery-modal-preview img,.gallery-modal-preview video{object-fit:contain;border-radius:18px;width:auto;max-width:100%;height:auto;max-height:100%;display:block;overflow:hidden}.gallery-modal-close{z-index:20;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:20px;right:20px}.gallery-modal-close svg{color:#fff;width:16px;height:16px}.gallery-modal-close:hover{background:#000000b3}@media (width<=900px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.gallery-grid.video-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.gallery-modal{width:95%;height:auto;max-height:90vh}.gallery-modal-content{grid-template-columns:1fr}.gallery-modal-preview{order:-1;height:50vh;padding:12px}.gallery-modal-info{border-right:none;border-top:1px solid var(--border)}.gallery-modal-close{top:12px;right:12px}}.prompt-feedback-overlay{-webkit-backdrop-filter:blur(8px);z-index:1100;background:#0f0f14bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.prompt-feedback-modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:24px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 80px #0009,0 0 0 1px #8b5cf61a}.prompt-feedback-modal.loading{max-width:420px;padding:56px 40px}.loading-content{text-align:center}.loading-spinner{background:linear-gradient(135deg,#8b5cf626 0%,#3b82f626 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex;position:relative}.loading-spinner:before{content:"";-webkit-mask-composite:xor;background:conic-gradient(#0000,#8b5cf6,#0000 40%);border-radius:50%;padding:3px;animation:1.5s linear infinite spin;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.loading-spinner svg{color:#8b5cf6;width:36px;height:36px;animation:2s ease-in-out infinite pulse}.loading-content h3{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600}.loading-content p{color:var(--text-secondary);font-size:14px}.feedback-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.feedback-title-row{align-items:center;gap:14px;display:flex}.feedback-title-row>svg{color:#8b5cf6;width:28px;height:28px}.feedback-title-row h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.feedback-subtitle{color:var(--text-secondary);margin-top:2px;font-size:12px;display:block}.feedback-close{background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.feedback-close svg{width:18px;height:18px;color:var(--text-secondary)}.feedback-close:hover{background:#ef44441a;border-color:#ef44444d}.feedback-close:hover svg{color:#ef4444}.feedback-content{flex:1;padding:20px 24px;overflow-y:auto}.feedback-score{border-radius:16px;align-items:center;gap:20px;margin-bottom:20px;padding:24px;display:flex}.feedback-score.score-good{background:linear-gradient(135deg,#10b9811a 0%,#10b9810d 100%);border:1px solid #10b9814d}.feedback-score.score-warning{background:linear-gradient(135deg,#f59e0b1a 0%,#f59e0b0d 100%);border:1px solid #f59e0b4d}.feedback-score.score-bad{background:linear-gradient(135deg,#ef44441a 0%,#ef44440d 100%);border:1px solid #ef44444d}.score-circle{background:var(--bg-primary);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;box-shadow:0 4px 12px #0003}.score-icon{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 8px #0000004d}.score-good .score-icon{background:#10b981}.score-warning .score-icon{background:#f59e0b}.score-bad .score-icon{background:#ef4444}.score-icon svg{color:#fff;width:16px;height:16px}.score-number{font-size:32px;font-weight:700;line-height:1}.score-good .score-number{color:#10b981}.score-warning .score-number{color:#f59e0b}.score-bad .score-number{color:#ef4444}.score-label-small{color:var(--text-secondary);margin-top:2px;font-size:11px}.score-info{flex:1}.score-label{color:var(--text-primary);margin-bottom:6px;font-size:17px;font-weight:600;display:block}.score-explanation{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.feedback-indicators{margin-bottom:20px}.feedback-indicators h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.indicators-grid{gap:10px;display:flex}.indicator-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:14px 12px;transition:all .2s;display:flex}.indicator-item.indicator-low{background:#10b9810d;border-color:#10b9814d}.indicator-item.indicator-medium{background:#f59e0b0d;border-color:#f59e0b4d}.indicator-item.indicator-high{background:#ef44440d;border-color:#ef44444d}.indicator-icon{justify-content:center;align-items:center;display:flex}.indicator-icon svg{width:20px;height:20px}.indicator-low .indicator-icon svg{color:#10b981}.indicator-medium .indicator-icon svg{color:#f59e0b}.indicator-high .indicator-icon svg{color:#ef4444}.indicator-label{color:var(--text-primary);font-size:12px;font-weight:500}.indicator-level{text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.indicator-low .indicator-level{color:#10b981}.indicator-medium .indicator-level{color:#f59e0b}.indicator-high .indicator-level{color:#ef4444}.feedback-section{margin-bottom:20px}.feedback-section h4{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.feedback-section h4 svg{width:18px;height:18px}.feedback-section.optimized h4 svg{color:#8b5cf6}.section-toggle{cursor:pointer;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;transition:all .2s;display:flex}.section-toggle:hover{background:#f59e0b26}.section-title{color:#f59e0b;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.section-title svg{width:18px;height:18px}.toggle-arrow{color:var(--text-secondary);font-size:14px;transition:transform .2s}.toggle-arrow.open{transform:rotate(180deg)}.problems-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.problem-item{background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid #f59e0b;border-radius:12px;padding:14px 16px}.problem-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.problem-element{color:#f59e0b;font-size:14px;font-weight:600}.problem-profile{color:#a78bfa;background:#8b5cf626;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.problem-region{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:inline-flex}.problem-region svg{color:#8b5cf6;width:14px;height:14px}.problem-impact{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.optimized-prompt{background:linear-gradient(135deg,#8b5cf61a 0%,#3b82f614 100%);border:1px solid #8b5cf640;border-radius:14px;padding:18px}.optimized-prompt p{color:var(--text-primary);margin:0;font-size:14px;line-height:1.65}.show-changes-btn{color:#8b5cf6;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:10px 0 0;font-size:13px;transition:color .2s;display:flex}.show-changes-btn:hover{color:#a78bfa}.changes-list{background:var(--bg-secondary);border-radius:10px;flex-direction:column;gap:10px;margin:14px 0 0;padding:16px;list-style:none;display:flex}.changes-list li{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.change-icon{flex-shrink:0;margin-top:2px}.change-icon svg{color:#10b981;width:14px;height:14px}.recommendations ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.recommendations li{color:var(--text-secondary);background:var(--bg-secondary);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.recommendations li:before{content:"💡";flex-shrink:0}.feedback-actions{border-top:1px solid var(--border);background:var(--bg-secondary);gap:12px;padding:20px 24px;display:flex}.feedback-btn{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.feedback-btn.full-width{flex:unset;width:100%}.feedback-btn svg{width:18px;height:18px}.feedback-btn.secondary{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary)}.feedback-btn.secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#8b5cf64d}.feedback-btn.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);border:none;box-shadow:0 4px 14px #8b5cf64d}.feedback-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}@media (width<=600px){.prompt-feedback-modal{border-radius:20px 20px 0 0;max-width:none;max-height:95vh;position:fixed;bottom:0;left:0;right:0}.feedback-score{text-align:center;flex-direction:column}.indicators-grid{flex-wrap:wrap}.indicator-item{min-width:calc(50% - 5px)}.feedback-actions{flex-direction:column}.feedback-btn{width:100%}}html.light .prompt-feedback-modal{background:#fff;box-shadow:0 25px 80px #0003}html.light .feedback-header{background:#f8f9fa}html.light .score-circle{background:#fff;box-shadow:0 4px 12px #0000001a}html.light .feedback-actions,html.light .indicator-item,html.light .problem-item,html.light .changes-list,html.light .recommendations li{background:#f8f9fa}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-primary-light:#f5f7fb;--bg-secondary-light:#eef1f8;--bg-tertiary-light:#c8d2e666;--bg-card-light:#ebf0faa6;--bg-sidebar-light:#e1e8f5d9;--bg-card-rgb-light:235, 240, 250;--text-primary-light:#1a1a2e;--text-secondary-light:#4a5568;--text-muted-light:#718096;--accent-light:#2563eb;--accent-hover-light:#1d4ed8;--accent-glow-light:#2563eb1f;--border-light:#00000014;--border-subtle-light:#0000000a;--success-light:#10b981;--warning-light:#f59e0b;--danger-light:#ef4444;--gradient-pink-light:#ffb6c166;--gradient-blue-light:#add8fa66;--gradient-purple-light:#d8b4fe4d;--gradient-peach-light:#ffdab94d;--card-gradient-light:linear-gradient(135deg, #ffc8d226 0%, #b4d2ff26 50%, #d2beff1a 100%);--bg-primary-dark:#0a0a0f;--bg-secondary-dark:#12121a;--bg-tertiary-dark:#1a1a24;--bg-card-dark:#1a1a24cc;--bg-sidebar-dark:#12121af2;--bg-card-rgb-dark:26, 26, 36;--text-primary-dark:#f0f0f5;--text-secondary-dark:#a0a0b0;--text-muted-dark:#6b6b7b;--accent-dark:#60a5fa;--accent-hover-dark:#93c5fd;--accent-glow-dark:#60a5fa26;--border-dark:#ffffff14;--border-subtle-dark:#ffffff0a;--success-dark:#34d399;--warning-dark:#fbbf24;--danger-dark:#f87171;--gradient-pink-dark:#db277726;--gradient-blue-dark:#3b82f626;--gradient-purple-dark:#8b5cf61f;--gradient-cyan-dark:#22d3ee1a;--card-gradient-dark:linear-gradient(135deg, #db277714 0%, #3b82f614 50%, #8b5cf60f 100%);--bg-primary:var(--bg-primary-light);--bg-secondary:var(--bg-secondary-light);--bg-tertiary:var(--bg-tertiary-light);--bg-card:var(--bg-card-light);--bg-sidebar:var(--bg-sidebar-light);--bg-card-rgb:var(--bg-card-rgb-light);--text-primary:var(--text-primary-light);--text-secondary:var(--text-secondary-light);--text-muted:var(--text-muted-light);--accent:var(--accent-light);--accent-hover:var(--accent-hover-light);--accent-glow:var(--accent-glow-light);--border:var(--border-light);--border-subtle:var(--border-subtle-light);--success:var(--success-light);--warning:var(--warning-light);--danger:var(--danger-light);--gradient-pink:var(--gradient-pink-light);--gradient-blue:var(--gradient-blue-light);--gradient-purple:var(--gradient-purple-light);--gradient-peach:var(--gradient-peach-light);--card-gradient:var(--card-gradient-light);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html.dark{--bg-primary:var(--bg-primary-dark);--bg-secondary:var(--bg-secondary-dark);--bg-tertiary:var(--bg-tertiary-dark);--bg-card:var(--bg-card-dark);--bg-sidebar:var(--bg-sidebar-dark);--bg-card-rgb:var(--bg-card-rgb-dark);--text-primary:var(--text-primary-dark);--text-secondary:var(--text-secondary-dark);--text-muted:var(--text-muted-dark);--accent:var(--accent-dark);--accent-hover:var(--accent-hover-dark);--accent-glow:var(--accent-glow-dark);--border:var(--border-dark);--border-subtle:var(--border-subtle-dark);--success:var(--success-dark);--warning:var(--warning-dark);--danger:var(--danger-dark);--gradient-pink:var(--gradient-pink-dark);--gradient-blue:var(--gradient-blue-dark);--gradient-purple:var(--gradient-purple-dark);--gradient-peach:var(--gradient-cyan-dark);--card-gradient:var(--card-gradient-dark);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080}html.light{--bg-primary:var(--bg-primary-light);--bg-secondary:var(--bg-secondary-light);--bg-tertiary:var(--bg-tertiary-light);--bg-card:var(--bg-card-light);--bg-sidebar:var(--bg-sidebar-light);--bg-card-rgb:var(--bg-card-rgb-light);--text-primary:var(--text-primary-light);--text-secondary:var(--text-secondary-light);--text-muted:var(--text-muted-light);--accent:var(--accent-light);--accent-hover:var(--accent-hover-light);--accent-glow:var(--accent-glow-light);--border:var(--border-light);--border-subtle:var(--border-subtle-light);--success:var(--success-light);--warning:var(--warning-light);--danger:var(--danger-light);--gradient-pink:var(--gradient-pink-light);--gradient-blue:var(--gradient-blue-light);--gradient-purple:var(--gradient-purple-light);--gradient-peach:var(--gradient-peach-light);--card-gradient:var(--card-gradient-light)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;transition:background-color .2s,color .2s}body:before{content:"";background:radial-gradient(ellipse 80% 60% at 10% 20%, var(--gradient-pink), transparent 50%), radial-gradient(ellipse 70% 50% at 90% 10%, var(--gradient-blue), transparent 50%), radial-gradient(ellipse 60% 40% at 50% 80%, var(--gradient-purple), transparent 50%), radial-gradient(ellipse 50% 30% at 80% 70%, var(--gradient-peach), transparent 50%);pointer-events:none;z-index:0;position:fixed;inset:0}.app{z-index:1;background:0 0;grid-template-columns:240px 1fr;height:100dvh;display:grid;position:relative;overflow:hidden}.main-wrapper{background:0 0;flex-direction:column;display:flex;overflow:hidden}.sidebar{background:var(--bg-sidebar);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);flex-direction:column;padding:16px 12px;display:flex;overflow-y:auto}.sidebar-logo{align-items:center;gap:10px;margin-bottom:16px;padding:8px 12px;display:flex}.logo-icon{width:28px;height:28px;color:var(--text-primary)}.logo-text{color:var(--text-primary);letter-spacing:-.02em;font-size:18px;font-weight:700}.user-selector{background:rgba(var(--bg-card-rgb), .5);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:10px;margin-bottom:20px;padding:10px 12px;transition:background .15s;display:flex}.user-selector:hover{background:rgba(var(--bg-card-rgb), .7)}.user-avatar-small{background:var(--accent);width:28px;height:28px;color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.user-name{color:var(--text-primary);flex:1;font-size:13px;font-weight:500}.user-selector svg{width:16px;height:16px;color:var(--text-muted)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.nav-item svg{flex-shrink:0;width:20px;height:20px}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--accent-glow);color:var(--text-primary)}.nav-group{flex-direction:column;display:flex}.nav-parent{position:relative}.nav-parent .nav-chevron{width:16px;height:16px;margin-left:auto;transition:transform .2s}.nav-parent .nav-chevron.expanded{transform:rotate(180deg)}.nav-children{flex-direction:column;padding-left:12px;display:none;overflow:hidden}.nav-children.expanded{display:flex}.nav-child{padding:8px 12px;font-size:13px}.nav-child svg{width:18px;height:18px}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:2px;margin-top:auto;padding-top:16px;display:flex}.sidebar-divider{background:var(--border);height:1px;margin:12px 0}.sidebar-user{flex-direction:column;gap:8px;display:flex}.sidebar-user-info{align-items:center;gap:10px;padding:8px 12px;display:flex}.user-avatar-small{background:linear-gradient(135deg, var(--accent) 0%, #8b5cf6 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.user-name{color:var(--text-primary);font-size:13px;font-weight:500}.logout-btn{color:#ef4444!important}.logout-btn:hover{background:#ef44441a!important}.login-sidebar-btn{margin-top:4px;background:linear-gradient(135deg, var(--accent) 0%, #8b5cf6 100%)!important;color:#fff!important;border-radius:8px!important}.login-sidebar-btn:hover{opacity:.9}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.header-search{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:10px;width:320px;padding:8px 14px;display:flex}.header-search svg{width:18px;height:18px;color:var(--text-muted)}.header-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.header-search input::placeholder{color:var(--text-muted)}.header-actions{align-items:center;gap:12px;display:flex}.header-user-btn{cursor:pointer;background:0 0;border:none;padding:4px}.user-avatar{background:var(--accent);width:36px;height:36px;color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.login-btn{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:background .15s}.login-btn:hover{background:var(--accent-hover)}.header-dropdown{position:relative}.dropdown-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-lg);z-index:100;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.dropdown-header{border-bottom:1px solid var(--border);padding:12px 16px}.dropdown-header strong{color:var(--text-primary);font-size:14px;display:block}.dropdown-header span{color:var(--text-muted);font-size:12px}.dropdown-divider{background:var(--border);height:1px;margin:4px 0}.dropdown-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-size:14px;transition:all .15s;display:flex}.dropdown-item svg{width:16px;height:16px}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-item.danger:hover{color:var(--danger);background:#ef44441a}.main-content{flex:1;padding:0;overflow:hidden}.page-content{flex-direction:column;max-width:1400px;height:100%;margin:0 auto;padding:24px;display:flex;overflow:hidden}.page-header{flex-shrink:0;margin-bottom:20px}.page-header h1{color:var(--text-primary);margin-bottom:4px;font-size:24px;font-weight:700}.page-header p{color:var(--text-secondary);font-size:14px}.home-page{overflow-y:auto}.welcome-section{text-align:center;background:var(--bg-card);background-image:var(--card-gradient);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:24px;padding:32px 24px}.welcome-section h1{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:700}.welcome-section p{color:var(--text-secondary);font-size:15px}.quick-actions h2{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:600}.action-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.action-card{background:var(--bg-card);background-image:var(--card-gradient);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:20px;transition:all .2s}.action-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);background:rgba(var(--bg-card-rgb), .9)}.action-card svg{width:28px;height:28px;color:var(--text-primary);margin-bottom:12px}.action-card h3{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.action-card p{color:var(--text-secondary);font-size:13px}.neural-layout{grid-template-columns:400px 1fr;gap:24px;display:grid}.brain-panel{flex-direction:column;gap:16px;display:flex}.model-info{background:var(--bg-card);background-image:var(--card-gradient);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.model-info h3{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.model-info p{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.model-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat{text-align:center;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:12px}.stat-value{color:var(--text-primary);font-size:14px;font-weight:700;display:block}.stat-label{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.neural-content{flex:1;grid-template-columns:1fr 340px;gap:20px;min-height:0;display:grid}.neural-main{background:var(--bg-card);background-image:var(--card-gradient);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:400px;padding:32px;display:flex}.neural-sidebar{flex-direction:column;gap:16px;display:flex}.info-card{background:var(--bg-card);background-image:var(--card-gradient);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.info-card-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.info-card-header svg{width:24px;height:24px;color:var(--text-primary)}.info-card-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.info-card h4{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:600}.info-card>p{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.5}.info-stats{flex-direction:column;gap:12px;display:flex}.info-stat{background:var(--bg-tertiary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.info-stat-value{color:var(--text-primary);font-size:14px;font-weight:600}.info-stat-label{color:var(--text-muted);font-size:12px}.how-it-works{margin:0;padding-left:20px}.how-it-works li{color:var(--text-secondary);margin-bottom:8px;font-size:13px;line-height:1.4}.how-it-works li:last-child{margin-bottom:0}.output-formats{margin:0;padding:0;list-style:none}.output-formats li{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);padding:8px 0;font-size:13px}.output-formats li:last-child{border-bottom:none;padding-bottom:0}.output-formats strong{color:var(--text-primary)}.tribe-panel{background:var(--bg-card);background-image:var(--card-gradient);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:400px;padding:32px;display:flex}.tribe-analyzer{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:500px;display:flex}.tribe-dropzone{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;width:100%;padding:48px 24px;transition:all .2s}.tribe-dropzone:hover,.tribe-dropzone.dragging{border-color:var(--accent);background:var(--accent-glow)}.tribe-dropzone.has-file{border-style:solid;border-color:var(--success);background:#10b9810d}.tribe-dropzone-content{flex-direction:column;align-items:center;gap:12px;display:flex}.tribe-dropzone-content svg{width:40px;height:40px;color:var(--text-muted)}.tribe-dropzone-content p{color:var(--text-primary);font-size:15px;font-weight:500}.tribe-dropzone-content span{color:var(--text-muted);font-size:13px}.tribe-file-selected{justify-content:center;align-items:center;gap:12px;display:flex}.tribe-file-selected svg{width:24px;height:24px;color:var(--success)}.tribe-filename{color:var(--text-primary);font-size:14px;font-weight:500}.tribe-filesize{color:var(--text-muted);font-size:13px}.tribe-start-btn{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:600;transition:background .15s;display:flex}.tribe-start-btn:hover{background:var(--accent-hover)}.tribe-start-btn svg{width:20px;height:20px}.tribe-progress{text-align:center;width:100%}.tribe-progress-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.tribe-progress-header h3{color:var(--text-primary);font-size:16px;font-weight:600}.tribe-elapsed{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.circular-progress{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.circular-progress svg{z-index:2;display:block;position:relative}.circular-progress .progress-bg{fill:none;stroke:var(--border)}.circular-progress .progress-fill-circle{fill:none;stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .5s}.circular-progress.complete .progress-fill-circle{stroke:var(--success)}.circular-progress .progress-content{text-align:center;z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circular-progress .progress-percent{color:var(--text-primary);font-size:18px;font-weight:700}.circular-progress .progress-label{color:var(--text-muted);white-space:nowrap;margin-top:6px;font-size:10px;display:block}.spinner-ring{z-index:1;background:conic-gradient(#0000 0deg,#3b82f6cc 60deg,#8b5cf6cc 120deg,#ec4899cc 180deg,#22d3ee99 240deg,#0000 360deg);border-radius:50%;animation:1.2s linear infinite spin-loader;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#fff calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#fff calc(100% - 3px))}@keyframes spin-loader{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.circular-progress.complete .spinner-ring{display:none}.tribe-progress-circles{flex-direction:column;align-items:center;gap:24px;margin-bottom:20px;display:flex}.tribe-steps-mini{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.step-mini{opacity:.5;flex-direction:column;align-items:center;gap:6px;transition:opacity .3s;display:flex}.step-mini.current,.step-mini.complete{opacity:1}.step-mini .circular-progress .progress-percent{font-size:11px;font-weight:600}.step-mini-label{color:var(--text-muted);text-align:center;max-width:60px;font-size:10px}.step-mini.current .step-mini-label{color:var(--text-primary);font-weight:500}.step-mini.complete .circular-progress .progress-fill-circle{stroke:var(--success)}.step-mini .circular-progress .spinner-ring{width:52px!important;height:52px!important}.tribe-progress-message{color:var(--text-secondary);font-size:14px}.tribe-results{text-align:center;width:100%}.tribe-results-header{margin-bottom:24px}.success-icon{width:48px;height:48px;color:var(--success);background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:24px;display:flex}.tribe-results-header h3{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:600}.tribe-results-header span{color:var(--text-muted);font-size:13px}.tribe-downloads{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;display:flex}.tribe-download-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.tribe-download-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.tribe-download-btn svg{width:18px;height:18px}.tribe-reset-btn{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;padding:10px 20px;font-size:14px;transition:all .15s}.tribe-reset-btn:hover{border-color:var(--accent);color:var(--text-primary)}.tribe-error{border:1px solid var(--danger);border-radius:var(--radius-lg);text-align:center;background:#ef44440d;padding:32px}.tribe-error h3{color:var(--danger);margin-bottom:8px;font-size:16px;font-weight:600}.tribe-error p{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.tribe-inline-error{color:var(--danger);font-size:13px}.tts-layout{grid-template-columns:1fr 360px;gap:24px;display:grid}.tts-input-section{background:var(--bg-card);background-image:var(--card-gradient);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.tts-input-section textarea{width:100%;min-height:300px;color:var(--text-primary);resize:vertical;background:0 0;border:none;outline:none;padding:20px;font-family:inherit;font-size:15px}.tts-settings{background:var(--bg-card);background-image:var(--card-gradient);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.tts-settings h3{color:var(--text-primary);margin-bottom:16px;font-size:15px;font-weight:600}.voice-grid{flex-direction:column;gap:8px;display:flex}.voice-card{background:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;text-align:left;border:2px solid #0000;align-items:center;gap:12px;width:100%;padding:12px;transition:all .15s;display:flex}.voice-card:hover{border-color:var(--border)}.voice-card.active{border-color:var(--accent);background:var(--accent-glow)}.voice-avatar{background:var(--border);width:36px;height:36px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.voice-info{flex-direction:column;gap:2px;display:flex}.voice-name{color:var(--text-primary);font-size:14px;font-weight:500}.voice-type{color:var(--text-muted);font-size:12px}.coming-soon{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:80px 24px}.coming-soon-icon{background:var(--bg-tertiary);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;display:flex}.coming-soon-icon svg{width:32px;height:32px;color:var(--text-muted)}.coming-soon h2{color:var(--text-primary);margin-bottom:12px;font-size:24px;font-weight:600}.coming-soon p{color:var(--text-secondary);max-width:400px;margin:0 auto;font-size:15px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:32px;position:relative}.modal-close{background:var(--bg-tertiary);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--border);color:var(--text-primary)}.modal-close svg{width:16px;height:16px}.modal-header{text-align:center;margin-bottom:24px}.modal-logo{width:48px;height:48px;color:var(--text-primary);margin:0 auto 16px}.modal-logo svg{width:100%;height:100%}.modal-header h2{color:var(--text-primary);margin-bottom:4px;font-size:22px;font-weight:700}.modal-header p{color:var(--text-muted);font-size:14px}.modal-error{border-radius:var(--radius-md);color:var(--danger);background:#ef44441a;border:1px solid #ef44444d;align-items:center;gap:8px;margin-bottom:16px;padding:12px;font-size:13px;display:flex}.modal-error svg{flex-shrink:0;width:16px;height:16px}.modal-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.form-group label svg{width:14px;height:14px}.form-group input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);padding:12px 14px;font-size:14px;transition:all .15s}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{border-color:var(--accent);outline:none}.modal-submit{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;border:none;margin-top:8px;padding:14px;font-size:14px;font-weight:600;transition:background .15s}.modal-submit:hover:not(:disabled){background:var(--accent-hover)}.modal-submit:disabled{opacity:.7;cursor:not-allowed}.modal-footer{text-align:center;margin-top:20px}.modal-footer p{color:var(--text-muted);font-size:13px}.modal-footer button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;margin-left:4px;font-weight:500}.modal-footer button:hover{text-decoration:underline}@media (width<=1024px){.neural-layout{grid-template-columns:1fr}.brain-panel{display:none}.tts-layout{grid-template-columns:1fr}}.api-warning{border-radius:var(--radius-lg);color:var(--warning);background:#f59e0b1a;border:1px solid #f59e0b4d;flex-shrink:0;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.api-warning svg{flex-shrink:0;width:20px;height:20px}.tts-layout{flex:1;grid-template-columns:1fr 340px;gap:20px;min-height:0;display:grid}.tts-input-section{background:var(--bg-card);background-image:var(--card-gradient);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.tts-input-section textarea{width:100%;min-height:120px;color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;padding:16px;font-family:inherit;font-size:15px}.tts-input-section textarea::placeholder{color:var(--text-muted)}.tts-input-section textarea:disabled{opacity:.5}.tts-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.char-count{color:var(--text-muted);font-size:13px}.generate-btn{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.generate-btn:hover:not(:disabled){background:var(--accent-hover)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.generate-btn svg{width:18px;height:18px}.tts-error,.stt-error,.image-error{border-radius:var(--radius-md);color:var(--danger);background:#ef44441a;border:1px solid #ef44444d;margin:0 20px 20px;padding:12px 20px;font-size:14px}.audio-player{background:var(--bg-tertiary);border-radius:var(--radius-md);align-items:center;gap:12px;margin:0 20px 20px;padding:16px 20px;display:flex}.play-btn{background:var(--accent);width:44px;height:44px;color:var(--bg-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex}.play-btn:hover{transform:scale(1.05)}.play-btn svg{width:20px;height:20px}.audio-waveform{flex:1;align-items:center;gap:3px;height:40px;display:flex}.waveform-bar{background:var(--accent);opacity:.6;border-radius:2px;width:4px}.download-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.download-btn:hover{border-color:var(--accent);color:var(--text-primary)}.download-btn svg{width:18px;height:18px}.settings-panel{background:var(--bg-card);background-image:var(--card-gradient);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;height:fit-content;max-height:calc(100vh - 200px);display:flex;overflow:hidden}.tts-settings,.stt-settings,.image-settings{background:var(--bg-card);background-image:var(--card-gradient);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);height:fit-content;padding:20px}.tts-settings h3,.stt-settings h3,.image-settings h3{color:var(--text-primary);margin-bottom:20px;font-size:15px;font-weight:600}.setting-group{margin-bottom:20px}.setting-group:last-child{margin-bottom:0}.setting-group label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.setting-group select{background:rgba(var(--bg-card-rgb), .5);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;outline:none;padding:10px 12px;font-size:14px}.setting-group select:focus{border-color:var(--accent)}.setting-group select:disabled{opacity:.5;cursor:not-allowed}.setting-group input[type=range]{background:var(--bg-tertiary);-webkit-appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.setting-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:18px;height:18px}.setting-group input[type=range]:disabled{opacity:.5}.stt-layout{flex:1;grid-template-columns:1fr 340px;gap:20px;min-height:0;display:grid}.stt-input-section{background:var(--bg-card);background-image:var(--card-gradient);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:20px;display:flex}.record-section{flex:1;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex}.sidebar-tabs{border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0;display:flex}.sidebar-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:14px 16px;font-size:14px;font-weight:500;transition:all .15s}.sidebar-tab:hover{color:var(--text-secondary)}.sidebar-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.sidebar-tab-content{flex:1;padding:20px;overflow-y:auto}.history-content{padding:16px}.history-search{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex}.history-search svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.history-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.history-search input::placeholder{color:var(--text-muted)}.history-empty{text-align:center;padding:32px 16px}.history-empty p{color:var(--text-muted);font-size:13px}.history-list{flex-direction:column;gap:16px;display:flex}.history-group{flex-direction:column;gap:8px;display:flex}.history-date-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;padding:4px 0;font-size:12px;font-weight:600}.history-item{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;padding:12px;transition:all .15s;position:relative}.history-item:hover{border-color:var(--border);background:var(--bg-secondary)}.history-item-text{color:var(--text-primary);margin-bottom:8px;padding-right:28px;font-size:13px;line-height:1.4}.history-item-meta{align-items:center;gap:8px;display:flex}.history-item-lang{color:var(--text-muted);background:var(--bg-card);border-radius:4px;padding:2px 6px;font-size:11px}.history-item-time{color:var(--text-muted);font-size:11px}.history-item-copy{width:24px;height:24px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:10px;right:10px}.history-item:hover .history-item-copy{opacity:1}.history-item-copy:hover{background:var(--bg-card);color:var(--text-primary)}.history-item-copy svg{width:14px;height:14px}.history-item-image{align-items:flex-start;gap:12px;display:flex}.history-thumb{background:var(--bg-secondary);border-radius:6px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.history-thumb img{object-fit:cover;width:100%;height:100%}.history-item-content{flex:1;min-width:0}.history-item-image .history-item-text{margin-bottom:4px;padding-right:0}.history-item-image .history-item-copy{opacity:1;flex-shrink:0;margin-left:auto;position:static}.record-btn{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:20px 28px;transition:all .15s;display:flex}.record-btn:hover:not(:disabled){border-color:var(--accent)}.record-btn.recording{border-color:var(--danger);color:var(--danger);background:#ef44441a}.record-btn:disabled{opacity:.5;cursor:not-allowed}.record-btn svg{width:28px;height:28px}.record-btn span{font-size:13px;font-weight:500}.or-divider{color:var(--text-muted);font-size:14px}.upload-btn{background:var(--bg-tertiary);border:2px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:20px 28px;transition:all .15s;display:flex}.upload-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary)}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-btn svg{width:28px;height:28px}.upload-btn span{font-size:13px;font-weight:500}.audio-ready{background:var(--bg-tertiary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-top:20px;padding:16px;display:flex}.audio-ready span{color:var(--text-secondary);font-size:14px}.transcribe-btn{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s}.transcribe-btn:hover:not(:disabled){background:var(--accent-hover)}.transcribe-btn:disabled{opacity:.5;cursor:not-allowed}.transcript-result{background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-top:20px;padding:20px}.transcript-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.transcript-header span{color:var(--text-secondary);font-size:13px;font-weight:500}.copy-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.copy-btn:hover{border-color:var(--accent);color:var(--text-primary)}.copy-btn svg{width:16px;height:16px}.transcript-result p{color:var(--text-primary);font-size:15px;line-height:1.6}.image-page.elevenlabs-style{flex-direction:column;height:100%;padding-bottom:100px;display:flex}.page-header-with-tabs{flex-shrink:0;margin-bottom:20px}.page-title-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-title-row h1{color:var(--text-primary);font-size:24px;font-weight:700}.page-tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.page-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:14px;font-weight:500;transition:all .15s}.page-tab:hover{color:var(--text-secondary)}.page-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.elevenlabs-content{flex-direction:column;flex:1;gap:20px;margin-right:-24px;padding-bottom:200px;padding-right:24px;display:flex;overflow:hidden auto}.elevenlabs-content::-webkit-scrollbar{width:8px}.elevenlabs-content::-webkit-scrollbar-track{background:0 0}.elevenlabs-content::-webkit-scrollbar-thumb{background:0 0;border-radius:4px;transition:background .3s}.elevenlabs-content:hover::-webkit-scrollbar-thumb{background:#ffffff26}.elevenlabs-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}html.light .elevenlabs-content:hover::-webkit-scrollbar-thumb{background:#00000026}html.light .elevenlabs-content::-webkit-scrollbar-thumb:hover{background:#00000040}.gallery-search-container{background:var(--bg-card);background-image:var(--card-gradient);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:12px;padding:12px 16px;display:flex}.gallery-search-container svg{width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.gallery-search-container input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:15px}.gallery-search-container input::placeholder{color:var(--text-muted)}.style-tags{flex-wrap:wrap;gap:8px;display:flex}.style-tag{background:rgba(var(--bg-card-rgb), .5);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.style-tag:hover{border-color:var(--accent);color:var(--text-primary)}.style-tag svg{width:14px;height:14px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.gallery-item{aspect-ratio:1;border-radius:var(--radius-lg);cursor:pointer;background:var(--bg-tertiary);position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-item:hover img{transform:scale(1.05)}.gallery-item-overlay{opacity:0;background:linear-gradient(#0000 50%,#000000b3 100%);flex-direction:column;justify-content:flex-end;padding:12px;transition:opacity .2s;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-overlay span{color:#fff;font-size:13px;font-weight:500}.gallery-item-overlay small{color:#ffffffb3;margin-top:4px;font-size:11px}.gallery-item-placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.gallery-item-placeholder svg{width:40px;height:40px}.gallery-item.generated{border:2px solid var(--success)}.generated-section .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.generated-section .gallery-item{aspect-ratio:1;min-height:220px}.gallery-empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:40px}.generated-section{margin-top:8px}.generated-section h3{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:600}.floating-prompt-bar{z-index:100;pointer-events:none;justify-content:center;padding:0 24px;display:flex;position:fixed;bottom:24px;left:240px;right:0}.prompt-bar-inner{pointer-events:auto;background:#1a1a1a;border-radius:16px;flex-direction:column;width:100%;max-width:920px;display:flex;overflow:hidden;box-shadow:0 4px 24px #0006,0 0 0 1px #ffffff14}html.light .prompt-bar-inner{background:#fff;box-shadow:0 4px 24px #0000001f,0 0 0 1px #00000014}.prompt-bar-large{min-height:140px}.reference-images-row{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:14px 16px;display:flex;overflow-x:auto}html.light .reference-images-row{border-bottom:1px solid #0000000f}.reference-thumb{flex-shrink:0;position:relative}.reference-thumb img{object-fit:cover;border:2px solid #ffffff26;border-radius:12px;width:72px;height:72px}.reference-thumb-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#000000bf;border-radius:6px;padding:3px 6px;font-size:10px;font-weight:600;position:absolute;bottom:4px;left:4px;right:4px;overflow:hidden}.reference-thumb-remove{border:2px solid var(--bg-card);cursor:pointer;opacity:0;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex;position:absolute;top:-6px;right:-6px}.reference-thumb:hover .reference-thumb-remove{opacity:1}.reference-thumb-remove svg{color:#fff;width:10px;height:10px}.reference-add-btn{cursor:pointer;background:#ffffff0d;border:2px dashed #fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:auto;height:72px;padding:0 20px;transition:all .2s;display:flex}.reference-add-btn:hover{background:#ffffff14;border-color:#ffffff4d}.reference-add-btn svg{width:18px;height:18px;color:var(--text-secondary)}.reference-add-btn span{color:var(--text-secondary);font-size:13px;font-weight:500}html.light .reference-add-btn{background:#00000008;border-color:#00000026}.prompt-option-btn{cursor:pointer;background:#ffffff0f;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 12px;transition:all .2s;display:flex;position:relative}.prompt-option-btn:hover{background:#ffffff1a}.prompt-option-btn svg{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.prompt-option-btn.has-label{padding:0}.prompt-option-btn.has-label select{height:36px;color:var(--text-primary);cursor:pointer;appearance:none;background:0 0;border:none;padding:0 28px 0 12px;font-size:13px;font-weight:500}.prompt-option-btn.has-label:after{content:"▾";color:var(--text-secondary);pointer-events:none;font-size:10px;position:absolute;right:10px}html.light .prompt-option-btn{background:#0000000d}html.light .prompt-option-btn:hover{background:#00000014}.ratio-selector{background:#ffffff0f;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}html.light .ratio-selector{background:#0000000d}.ratio-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.ratio-btn:hover{background:#ffffff1a}.ratio-btn.active{background:#8b5cf64d}html.light .ratio-btn:hover{background:#00000014}html.light .ratio-btn.active{background:#8b5cf633}.ratio-icon{color:var(--text-secondary);background:#ffffff1a;border:1px solid #fff3;border-radius:3px;justify-content:center;align-items:center;font-size:8px;font-weight:700;transition:all .15s;display:flex}html.light .ratio-icon{background:#0000000f;border-color:#00000026}.ratio-btn.active .ratio-icon{color:#8b5cf6;background:#8b5cf64d;border-color:#8b5cf6}.ratio-icon.ratio-1-1{width:22px;height:22px}.ratio-icon.ratio-4-3{width:26px;height:20px}.ratio-icon.ratio-3-4{width:20px;height:26px}.ratio-icon.ratio-16-9{width:30px;height:17px;font-size:7px}.ratio-icon.ratio-9-16{width:17px;height:30px;font-size:7px}.images-count{color:var(--text-secondary);align-items:center;gap:6px;margin-right:8px;font-size:13px;display:flex}.images-count svg{width:16px;height:16px}.prompt-bar-top{align-items:flex-start;gap:12px;width:100%;padding:16px 16px 12px;display:flex}.prompt-bar-textarea{min-height:48px;max-height:120px;color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:15px;line-height:1.6}.prompt-bar-textarea:focus{border-color:#0000}.prompt-bar-textarea::placeholder{color:#666}html.light .prompt-bar-textarea::placeholder{color:#999}.prompt-bar-bottom{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px 14px;display:flex}html.light .prompt-bar-bottom{border-top:1px solid #0000000f}.prompt-bar-left{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.prompt-bar-left select{color:#aaa;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;outline:none;padding:6px 10px;font-size:12px;font-weight:500;transition:all .15s}html.light .prompt-bar-left select{color:#666;background:#0000000d}.prompt-bar-left select:hover{color:#fff;background:#ffffff1f}html.light .prompt-bar-left select:hover{color:#333;background:#00000014}.prompt-bar-left select:focus{border-color:#0000}.prompt-bar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.prompt-bar-right .count-selector select{min-width:100px}.prompt-mode-tabs{background:#ffffff0f;border-radius:8px;padding:2px;display:flex}html.light .prompt-mode-tabs{background:#0000000d}.prompt-mode{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.prompt-mode:hover{color:#bbb}.prompt-mode.active{color:#fff;background:#ffffff1a}html.light .prompt-mode.active{color:#333;background:#fff;box-shadow:0 1px 3px #0000001a}.prompt-bar-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:600;transition:all .2s;display:flex}.prompt-bar-submit:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 16px #6366f166}.prompt-bar-image-section{flex-shrink:0}.prompt-bar-upload-large{background:var(--bg-tertiary);border:2px dashed var(--border);border-radius:var(--radius-md);width:80px;height:80px;color:var(--text-muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:all .15s;display:flex}.prompt-bar-upload-large:hover{border-color:var(--accent);color:var(--text-primary)}.prompt-bar-upload-large svg{width:24px;height:24px}.prompt-bar-upload-large span{font-size:10px;font-weight:500}.prompt-bar-image-preview-large{border-radius:var(--radius-md);width:80px;height:80px;position:relative;overflow:hidden}.prompt-bar-image-preview-large img{object-fit:cover;width:100%;height:100%}.prompt-bar-image-preview-large .remove-preview{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:absolute;top:4px;right:4px}.prompt-bar-image-preview-large .remove-preview:hover{background:#000000e6}.prompt-bar-image-preview-large .remove-preview svg{width:12px;height:12px}.prompt-mode-tabs{background:var(--bg-tertiary);border-radius:var(--radius-md);gap:4px;padding:4px;display:flex}.prompt-mode{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s}.prompt-mode.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.prompt-bar-inner input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.prompt-bar-inner input::placeholder{color:var(--text-muted)}.prompt-bar-options{gap:8px;display:flex}.prompt-bar-options select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;outline:none;padding:6px 10px;font-size:12px}.prompt-bar-submit{background:var(--accent);width:36px;height:36px;color:var(--bg-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:transform .15s;display:flex}.prompt-bar-submit:hover:not(:disabled){transform:scale(1.05)}.prompt-bar-submit:disabled{opacity:.5;cursor:not-allowed}.video-page.elevenlabs-style{padding-bottom:100px}.video-gallery .gallery-item{aspect-ratio:16/9}.video-item{position:relative}.video-play-icon{color:#fff;opacity:.8;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-item:hover .video-play-icon{opacity:1;transform:translate(-50%,-50%)scale(1.1)}.video-play-icon svg{width:20px;height:20px}.prompt-bar-image-input{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.prompt-bar-image-input input[type=text]{border:1px solid var(--border);background:var(--bg-tertiary);border-radius:var(--radius-sm);min-width:150px;color:var(--text-primary);outline:none;flex:1;padding:8px 12px;font-size:14px}.prompt-bar-image-input input[type=text]:focus{border-color:var(--accent)}.prompt-bar-image-input input[type=text]::placeholder{color:var(--text-muted)}.prompt-bar-upload{background:var(--bg-tertiary);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.prompt-bar-upload:hover{border-color:var(--accent);color:var(--text-primary)}.prompt-bar-upload svg{width:14px;height:14px}.prompt-bar-image-preview{border-radius:var(--radius-sm);width:40px;height:40px;position:relative;overflow:hidden}.prompt-bar-image-preview img{object-fit:cover;width:100%;height:100%}.prompt-bar-image-preview button{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex;position:absolute;top:2px;right:2px}.prompt-bar-image-preview button svg{width:10px;height:10px}.image-layout{flex:1;grid-template-columns:1fr 340px;gap:20px;min-height:0;display:grid}.image-input-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:20px;display:flex;overflow-y:auto}.prompt-input textarea{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:120px;color:var(--text-primary);resize:vertical;outline:none;margin-bottom:16px;padding:16px;font-family:inherit;font-size:15px}.prompt-input textarea::placeholder{color:var(--text-muted)}.prompt-input textarea:focus{border-color:var(--accent)}.prompt-input textarea:disabled{opacity:.5}.negative-prompt{margin-bottom:20px}.negative-prompt label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.negative-prompt input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:12px 14px;font-size:14px}.negative-prompt input::placeholder{color:var(--text-muted)}.negative-prompt input:focus{border-color:var(--accent)}.negative-prompt input:disabled{opacity:.5}.image-input-section>.generate-btn{justify-content:center;width:100%;padding:14px}.generated-images{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:24px;display:grid}.generated-image{border-radius:var(--radius-md);aspect-ratio:1;position:relative;overflow:hidden}.generated-image img{object-fit:cover;width:100%;height:100%}.download-overlay{opacity:0;color:#fff;background:#00000080;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.generated-image:hover .download-overlay{opacity:1}.download-overlay svg{width:32px;height:32px}.video-layout{flex:1;grid-template-columns:1fr 340px;gap:20px;min-height:0;display:grid}.video-input-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:20px;display:flex;overflow-y:auto}.mode-tabs{gap:8px;margin-bottom:20px;display:flex}.mode-tab{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;border:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.mode-tab:hover{border-color:var(--border);color:var(--text-primary)}.mode-tab.active{border-color:var(--accent);background:var(--accent-glow);color:var(--text-primary)}.mode-tab svg{width:20px;height:20px}.image-to-video-input{flex-direction:column;gap:16px;display:flex}.image-upload-area{background:var(--bg-tertiary);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;transition:all .15s;display:flex}.image-upload-area:hover{border-color:var(--accent)}.image-upload-area svg{width:40px;height:40px;color:var(--text-muted)}.image-upload-area p{color:var(--text-primary);margin:0;font-size:15px;font-weight:500}.image-upload-area span{color:var(--text-muted);font-size:13px}.image-preview-container{border-radius:var(--radius-lg);position:relative;overflow:hidden}.image-preview{object-fit:contain;background:var(--bg-tertiary);width:100%;max-height:300px}.remove-image-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex;position:absolute;top:12px;right:12px}.remove-image-btn:hover{background:#000c}.remove-image-btn svg{width:16px;height:16px}.video-input-section .prompt-input textarea{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:100px;color:var(--text-primary);resize:vertical;outline:none;margin-bottom:16px;padding:16px;font-family:inherit;font-size:15px}.video-input-section .prompt-input textarea::placeholder{color:var(--text-muted)}.video-input-section .prompt-input textarea:focus{border-color:var(--accent)}.video-input-section .prompt-input textarea:disabled{opacity:.5}.video-input-section>.generate-btn{justify-content:center;width:100%;padding:14px}.gallery-item.generating-shimmer{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#1a1a2e 100%);position:relative;overflow:hidden}.gallery-item.generating-shimmer:before{content:"";background:linear-gradient(90deg,#0000 0%,#8b5cf626 20%,#8b5cf64d 50%,#8b5cf626 80%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}.gallery-item.generating-shimmer:after{content:"";border-radius:inherit;background:conic-gradient(from var(--shimmer-angle,0deg), transparent 60%, #8b5cf699 70%, #a88bfacc 75%, #8b5cf699 80%, transparent 90%);-webkit-mask-composite:xor;padding:2px;animation:2s linear infinite rotate-shimmer;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes rotate-shimmer{to{--shimmer-angle:360deg}}@property --shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.shimmer-content{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.shimmer-icon{background:#8b5cf633;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;animation:1.5s ease-in-out infinite pulse-glow;display:flex}.shimmer-icon svg{color:#8b5cf6;width:28px;height:28px}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 20px #8b5cf64d}50%{transform:scale(1.1);box-shadow:0 0 40px #8b5cf680}}html.light .gallery-item.generating-shimmer{background:linear-gradient(135deg,#f0f0f5 0%,#e8e8f0 50%,#f0f0f5 100%)}html.light .gallery-item.generating-shimmer:before{background:linear-gradient(90deg,#0000 0%,#8b5cf61a 20%,#8b5cf633 50%,#8b5cf61a 80%,#0000 100%)}.video-error,.image-error{border-radius:var(--radius-md);color:var(--danger);background:#ef44441a;border:1px solid #ef44444d;margin-top:16px;padding:12px 16px;font-size:14px}.gallery-item.blocked-content{cursor:default;pointer-events:none;position:relative}.blocked-placeholder{filter:blur(8px);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f0f23 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.blocked-placeholder:before{content:"";background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ef44441a 10px 20px);position:absolute;inset:0}.blocked-icon{z-index:1;background:#ef444433;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.blocked-icon svg{color:#ef4444;width:24px;height:24px}.blocked-overlay{pointer-events:auto;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.blocked-message{text-align:center;max-width:280px}.blocked-title{color:#ef4444;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.blocked-message p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.generated-videos{flex-direction:column;gap:16px;margin-top:24px;display:flex}.generated-video{background:var(--bg-tertiary);border-radius:var(--radius-lg);overflow:hidden}.generated-video video{width:100%;display:block}.download-video-btn{background:var(--accent);width:100%;color:var(--bg-primary);justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.download-video-btn:hover{background:var(--accent-hover)}.download-video-btn svg{width:18px;height:18px}.video-settings{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);height:fit-content;padding:20px}.video-settings h3{color:var(--text-primary);margin-bottom:20px;font-size:15px;font-weight:600}.video-tips{background:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:24px;padding:16px}.video-tips h4{color:var(--text-primary);margin-bottom:12px;font-size:13px;font-weight:600}.video-tips ul{margin:0;padding-left:16px}.video-tips li{color:var(--text-secondary);margin-bottom:6px;font-size:12px;line-height:1.4}.video-tips li:last-child{margin-bottom:0}.long-video-cta{background:linear-gradient(135deg, var(--bg-tertiary), var(--bg-card));border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;margin-top:24px;padding:20px}.long-video-cta h4{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600}.long-video-cta p{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.4}.long-video-btn{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.long-video-btn:hover{background:var(--accent-hover)}.long-video-btn svg{width:18px;height:18px}.contact-modal{max-width:520px}.contact-form .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-form textarea{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);resize:vertical;outline:none;padding:12px 14px;font-family:inherit;font-size:14px}.contact-form textarea::placeholder{color:var(--text-muted)}.contact-form textarea:focus{border-color:var(--accent)}.contact-form select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;outline:none;padding:12px 14px;font-size:14px}.contact-form select:focus{border-color:var(--accent)}.contact-footer{border-top:1px solid var(--border);text-align:center;margin-top:20px;padding-top:16px}.contact-footer p{color:var(--text-muted);margin-bottom:4px;font-size:13px}.contact-footer a{color:var(--accent);font-size:14px;font-weight:500;text-decoration:none}.contact-footer a:hover{text-decoration:underline}.contact-success{text-align:center;padding:24px 0}.success-icon-large{width:64px;height:64px;color:var(--success);background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:32px;display:flex}.contact-success h2{color:var(--text-primary);margin-bottom:12px;font-size:22px;font-weight:700}.contact-success p{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:600px;padding:24px}.settings-card h3{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:8px;font-size:16px;font-weight:600;display:flex}.settings-card h3 svg{width:20px;height:20px}.settings-card>p{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.api-key-input{gap:12px;margin-bottom:24px;display:flex}.api-key-input input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);outline:none;flex:1;padding:12px 14px;font-size:14px}.api-key-input input:focus{border-color:var(--accent)}.save-btn{background:var(--accent);min-width:100px;color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 20px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.save-btn:hover{background:var(--accent-hover)}.save-btn svg{width:18px;height:18px}.api-instructions{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:16px}.api-instructions h4{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:600}.api-instructions ol{padding-left:20px}.api-instructions li{color:var(--text-secondary);margin-bottom:8px;font-size:13px;line-height:1.5}.api-instructions li:last-child{margin-bottom:0}.api-instructions a{color:var(--accent);text-decoration:none}.api-instructions a:hover{text-decoration:underline}.process-alert-modal{text-align:center;max-width:420px;padding:32px}.process-alert-icon{background:var(--accent-glow);width:64px;height:64px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.process-alert-icon svg{width:32px;height:32px}.process-alert-modal h2{color:var(--text-primary);margin-bottom:12px;font-size:20px;font-weight:700}.process-alert-modal p{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.6}.process-alert-actions{justify-content:center;gap:12px;display:flex}.process-alert-actions .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:12px 20px;font-size:14px;font-weight:600;transition:all .15s}.process-alert-actions .btn-secondary:hover{background:var(--border)}.process-alert-actions .btn-primary{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 20px;font-size:14px;font-weight:600;transition:all .15s}.process-alert-actions .btn-primary:hover{background:var(--accent-hover)}.nav-item.has-process{position:relative}.process-indicator{background:var(--success);border-radius:50%;width:8px;height:8px;margin-left:auto;animation:1.5s ease-in-out infinite pulse-indicator}@keyframes pulse-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@media (width<=1024px){.neural-layout,.neural-content,.tts-layout,.stt-layout,.image-layout,.video-layout{grid-template-columns:1fr}.brain-panel,.neural-sidebar{display:none}.stt-sidebar-panel{max-height:none}.contact-form .form-row{grid-template-columns:1fr}.floating-prompt-bar{padding:0 16px;bottom:16px;left:0}.prompt-bar-inner{max-width:100%}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (width<=768px){.app{grid-template-columns:1fr}.sidebar{display:none}.header-search{width:200px}.page-content{padding:16px 16px 180px}.image-page.elevenlabs-style,.video-page.elevenlabs-style{padding-bottom:200px}.welcome-section{padding:24px 16px}.welcome-section h1{font-size:24px}.action-cards{grid-template-columns:1fr}.record-section{flex-direction:column}.floating-prompt-bar{padding:0 12px;bottom:12px;left:0}.prompt-bar-inner{gap:10px;padding:12px 14px}.prompt-bar-textarea{min-height:50px;max-height:80px;padding:10px 12px;font-size:14px}.prompt-bar-bottom{flex-wrap:wrap;gap:10px}.prompt-bar-left{flex:1;min-width:0}.prompt-bar-left select{padding:6px 8px;font-size:12px}.prompt-mode-tabs{padding:3px}.prompt-mode{padding:5px 10px;font-size:12px}.prompt-bar-submit{width:32px;height:32px;font-size:16px}.prompt-bar-upload-large{width:60px;height:60px}.prompt-bar-upload-large svg{width:20px;height:20px}.prompt-bar-upload-large span{font-size:9px}.prompt-bar-image-preview-large{width:60px;height:60px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px}.gallery-search-container{padding:10px 12px}.gallery-search-container input{font-size:14px}.style-tags{gap:6px}.style-tag{padding:6px 10px;font-size:12px}.page-tabs{overflow-x:auto}.page-tab{white-space:nowrap;padding:10px 14px;font-size:13px}.page-title-row h1{font-size:20px}.header-search{display:none}.process-alert-modal{max-width:calc(100vw - 32px);margin:16px;padding:24px 20px}.process-alert-icon{width:56px;height:56px}.process-alert-icon svg{width:28px;height:28px}.process-alert-modal h2{font-size:18px}.process-alert-modal p{font-size:13px}.process-alert-actions{flex-direction:column}.process-alert-actions .btn-secondary,.process-alert-actions .btn-primary{width:100%;padding:14px 20px}}