.studio-marketing{background:linear-gradient(to right, color-mix(in oklab, var(--border) 22%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--border) 17%, transparent) 1px, transparent 1px), var(--background);min-height:100vh;color:var(--foreground);background-size:72px 72px;overflow-x:clip}.studio-marketing ::selection{background:color-mix(in oklab, var(--primary) 68%, transparent);color:var(--foreground)}.studio-marketing img,.studio-marketing video{max-width:100%}.marketing-container{width:min(100% - 2rem,80rem);min-width:0;margin-inline:auto}.marketing-rule{border-top:1px solid color-mix(in oklab, var(--border) 75%, transparent)}.marketing-frame{border:1px solid color-mix(in oklab, var(--border) 88%, transparent);background:color-mix(in oklab, var(--card) 93%, black);position:relative;overflow:hidden;box-shadow:0 28px 80px #00000057}.marketing-frame:before,.marketing-frame:after{z-index:2;content:"";background:var(--primary);width:48px;height:1px;position:absolute}.marketing-frame:before{top:0;left:0}.marketing-frame:after{bottom:0;right:0}.marketing-waveform{align-items:center;gap:3px;height:56px;display:flex;overflow:hidden}.marketing-waveform>span{background:color-mix(in oklab, var(--accent) 78%, var(--muted-foreground));transform-origin:50%;border-radius:999px;width:3px;min-width:3px;animation:2.8s ease-in-out infinite marketing-wave;display:block}.marketing-waveform>span:nth-child(3n){animation-delay:-.7s}.marketing-waveform>span:nth-child(4n){animation-delay:-1.4s}.marketing-waveform>span:nth-child(5n){background:var(--primary);animation-delay:-2.1s}@keyframes marketing-wave{0%,to{opacity:.66;transform:scaleY(.72)}50%{opacity:1;transform:scaleY(1.08)}}.marketing-playhead{background:var(--primary);width:1px;box-shadow:0 0 0 1px color-mix(in oklab, var(--primary) 14%, transparent);position:absolute;top:0;bottom:0}.marketing-playhead:before{content:"";background:var(--primary);width:8px;height:8px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.template-poster{isolation:isolate;border:1px solid color-mix(in oklab, var(--border) 85%, transparent);background:var(--card);position:relative;overflow:hidden}.template-poster:after{z-index:-1;content:"";opacity:.94;position:absolute;inset:0}.template-poster[data-template=cinematic-story]:after{background:linear-gradient(115deg,#0000 0 48%,#e255258f 49% 52%,#0000 53%),linear-gradient(#09152433,#080a0ef2),radial-gradient(circle at 32% 34%,#e2b5748c,#0000 28%)}.template-poster[data-template=anime-illustration]:after{background:linear-gradient(135deg,#11192a2e 0 38%,#4897ab7a 39% 56%,#0000 57%),radial-gradient(circle at 72% 32%,#ee7052bd,#0000 23%),linear-gradient(#181c2a1a,#090b12eb)}.template-poster[data-template=abstract-visual]:after{background:repeating-radial-gradient(at 72% 42%,#e2b574a6 0 2px,#0000 3px 15px),linear-gradient(120deg,#11121333,#41474a9e,#0c0d0ef5)}.template-poster[data-template=animated-cover]:after{background:linear-gradient(90deg,#192a2466,#0000 35%),radial-gradient(circle at 60% 38%,#e2b5749e,#0000 22%),linear-gradient(#1c312b2e,#080e0df2)}.template-poster[data-template=lyric-cinema]:after{background:linear-gradient(90deg,#0000 0 52%,#07080ae6 53%),radial-gradient(circle at 24% 36%,#d76f43a8,#0000 28%),linear-gradient(#0c161f29,#08090bf5)}.template-poster[data-template=cyberpunk-night]:after{background:repeating-linear-gradient(90deg,#0000 0 31px,#30869c57 32px 33px),linear-gradient(145deg,#10364999,#82354b80,#070b14f5)}.template-poster[data-template=lofi-room]:after{background:linear-gradient(90deg,#254237a6 0 46%,#0000 47%),radial-gradient(circle at 70% 34%,#da9d52b3,#0000 19%),linear-gradient(#182b272e,#090f0ef5)}.template-poster[data-template=epic-fantasy]:after{background:linear-gradient(132deg,#0000 0 46%,#c98d3d85 47% 49%,#0000 50%),radial-gradient(circle at 50% 18%,#daaf5d8f,#0000 18%),linear-gradient(#3d464e52,#0e1114fa)}.marketing-marquee{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}@media (prefers-reduced-motion:reduce){.studio-marketing,.studio-marketing *,.studio-marketing :before,.studio-marketing :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.marketing-waveform>span{animation:none!important}}