@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--bg: #fdf8ff;--bg-card: #ffffff;--bg-soft: #f4effe;--bg-pink-soft: #fff0f8;--purple: #7c3aed;--purple-mid: #9333ea;--purple-light: #a855f7;--pink: #ec4899;--pink-light: #f472b6;--magenta: #d946ef;--gold: #f59e0b;--gold-light: #fcd34d;--text: #1e1030;--text-mid: #4b3a72;--text-dim: #9580c0;--text-white: #ffffff;--border: #e5d9f8;--border-mid: #c4b0f0;--shadow-sm: 0 2px 8px rgba(124, 58, 237, .08);--shadow-md: 0 4px 20px rgba(124, 58, 237, .14);--shadow-lg: 0 8px 40px rgba(124, 58, 237, .22);--shadow-pink: 0 4px 20px rgba(236, 72, 153, .28);--shadow-glow: 0 0 0 4px rgba(124, 58, 237, .18);--grad-main: linear-gradient(135deg, var(--purple) 0%, var(--pink) 100%);--grad-soft: linear-gradient(135deg, #ede9fe 0%, #fce7f3 100%);--grad-card: linear-gradient(145deg, #ffffff 0%, #faf5ff 100%);--font-display: "Baloo 2", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--r-sm: 6px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--purple-light);border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}25%{transform:scale(1.3) rotate(15deg);opacity:.8}50%{transform:scale(.8) rotate(-10deg);opacity:1}75%{transform:scale(1.2) rotate(5deg);opacity:.9}}@keyframes clap{0%{transform:rotateX(0)}20%{transform:rotateX(-40deg)}40%{transform:rotateX(0)}60%{transform:rotateX(-20deg)}80%{transform:rotateX(0)}to{transform:rotateX(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes curtainLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes curtainRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes glowPulse{0%,to{box-shadow:0 0 #7c3aed00}50%{box-shadow:0 0 20px 4px #7c3aed59}}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-10px);opacity:1}}.app{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.header{background:var(--grad-main);background-size:200% 200%;animation:gradShift 6s ease infinite;padding:36px 24px 28px;text-align:center;position:relative;overflow:hidden}.header:before,.header:after{content:"✨";position:absolute;font-size:1.4rem;opacity:.35;animation:sparkle 3s ease-in-out infinite}.header:before{top:14px;left:8%;animation-delay:0s}.header:after{top:14px;right:8%;animation-delay:1.2s}.header__icon{font-size:3rem;display:block;margin-bottom:6px;animation:bob 3.5s ease-in-out infinite}.header__title{font-family:var(--font-display);font-size:clamp(1.7rem,5vw,3rem);font-weight:800;color:#fff;letter-spacing:-.01em;text-shadow:0 2px 16px rgba(0,0,0,.18);line-height:1.1}.header__subtitle{font-family:var(--font-body);font-size:1rem;color:#ffffffd9;margin-top:6px;font-weight:500}.header__pills{display:flex;justify-content:center;gap:8px;margin-top:14px;flex-wrap:wrap}.header__pill{background:#fff3;border:1px solid rgba(255,255,255,.35);border-radius:var(--r-pill);color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.06em;padding:4px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.marquee-strip{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;height:36px;display:flex;align-items:center}.marquee-track{display:flex;white-space:nowrap;animation:marquee 28s linear infinite;will-change:transform}.marquee-track:hover{animation-play-state:paused}.marquee-item{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--purple);padding:0 24px}.marquee-sep{color:var(--pink);padding:0 2px}.main{flex:1;max-width:900px;margin:0 auto;width:100%;padding:40px 20px 72px}.input-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:28px;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) both;transition:box-shadow .3s}.input-card:focus-within{box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--border-mid)}.input-card__header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.input-card__icon{font-size:1.6rem}.input-card__title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text)}.input-form{display:flex;flex-direction:column;gap:14px}.input-form__textarea{background:var(--bg-soft);border:1.5px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.65;padding:14px 16px;resize:vertical;min-height:100px;width:100%;transition:border-color .25s,box-shadow .25s,background .25s}.input-form__textarea::placeholder{color:var(--text-dim)}.input-form__textarea:hover{border-color:var(--purple-light);box-shadow:0 0 0 3px #a855f71a}.input-form__textarea:focus{outline:none;background:#fff;border-color:var(--purple);box-shadow:0 0 0 4px #7c3aed26,0 2px 12px #7c3aed1a}.input-form__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.input-form__count{font-size:.75rem;color:var(--text-dim)}.btn-primary{background:var(--grad-main);border:none;border-radius:var(--r-pill);color:#fff;font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.04em;padding:12px 30px;transition:transform .18s,box-shadow .18s,filter .18s;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.03);box-shadow:0 6px 24px #7c3aed66,0 2px 8px #ec48994d;filter:brightness(1.07)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-card);border:2px solid var(--purple);border-radius:var(--r-pill);color:var(--purple);font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.04em;padding:11px 26px;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover:not(:disabled){background:var(--grad-main);color:#fff;border-color:transparent;transform:translateY(-2px) scale(1.03);box-shadow:0 6px 20px #7c3aed59}.btn-secondary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.error-banner{background:#fff0f8;border:1.5px solid var(--pink);border-radius:var(--r-md);color:#be185d;font-size:.9rem;margin-top:16px;padding:12px 16px;animation:fadeUp .3s ease both;display:flex;align-items:center;gap:8px}.divider{display:flex;align-items:center;gap:14px;margin:36px 0}.divider:before,.divider:after{content:"";flex:1;height:1.5px;background:var(--grad-main);opacity:.25}.divider__icon{font-size:1.3rem}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;gap:24px;animation:fadeUp .4s ease both;padding:40px 20px}.loading-reel{font-size:4rem;display:block;animation:spin 1.4s linear infinite;will-change:transform}.loading-clap-wrap{perspective:200px}.loading-clap{font-size:3.5rem;display:block;animation:clap 1.6s ease-in-out infinite;transform-origin:top center;will-change:transform}.loading-dots{display:flex;gap:8px;align-items:center}.loading-dot{width:12px;height:12px;border-radius:50%;background:var(--grad-main);animation:dotBounce 1.2s ease-in-out infinite}.loading-dot:nth-child(1){animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.18s}.loading-dot:nth-child(3){animation-delay:.36s}.loading-sparkles{display:flex;gap:10px;font-size:1.4rem}.loading-sparkles span:nth-child(1){animation:sparkle 1.8s ease-in-out infinite;animation-delay:0s}.loading-sparkles span:nth-child(2){animation:sparkle 1.8s ease-in-out infinite;animation-delay:.3s}.loading-sparkles span:nth-child(3){animation:sparkle 1.8s ease-in-out infinite;animation-delay:.6s}.loading-sparkles span:nth-child(4){animation:sparkle 1.8s ease-in-out infinite;animation-delay:.9s}.loading-sparkles span:nth-child(5){animation:sparkle 1.8s ease-in-out infinite;animation-delay:1.2s}.loading-bar{width:220px;height:5px;background:var(--border);border-radius:var(--r-pill);overflow:hidden}.loading-bar-fill{height:100%;background:linear-gradient(90deg,var(--purple) 0%,var(--pink) 50%,var(--purple) 100%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:var(--r-pill)}.loading-text{font-family:var(--font-display);font-size:1rem;font-weight:700;background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.08em;text-align:center}.loading-sub{font-size:.8rem;color:var(--text-dim);text-align:center;max-width:260px;line-height:1.5}.trailer-result{display:grid;grid-template-columns:210px 1fr;gap:28px}@media (max-width: 600px){.trailer-result{grid-template-columns:1fr}}.poster-wrapper{position:relative;width:210px;aspect-ratio:2 / 3;border-radius:var(--r-lg);border:2px solid var(--border-mid);overflow:hidden;box-shadow:var(--shadow-lg);flex-shrink:0;animation:scaleIn .5s cubic-bezier(.34,1.4,.64,1) both}@media (max-width: 600px){.poster-wrapper{width:100%;max-width:220px;margin:0 auto}}.poster-img{width:100%;height:100%;object-fit:cover;display:block}.curtain-left,.curtain-right{position:absolute;top:0;width:50%;height:100%;background:linear-gradient(135deg,#ede9fe,#fce7f3);z-index:2;display:flex;align-items:center;justify-content:center}.curtain-left{left:0;border-right:1.5px dashed var(--purple-light)}.curtain-right{right:0;border-left:1.5px dashed var(--pink-light)}.curtain-left.open{animation:curtainLeft .85s cubic-bezier(.4,0,.2,1) forwards}.curtain-right.open{animation:curtainRight .85s cubic-bezier(.4,0,.2,1) forwards}.curtain-icon{font-size:1.8rem}.script-panel{display:flex;flex-direction:column;gap:14px;animation:slideInLeft .5s ease both;animation-delay:.15s}.script-panel__title{font-family:var(--font-display);font-size:clamp(1.2rem,3.5vw,1.9rem);font-weight:800;background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15}.script-panel__tagline{font-size:.95rem;font-style:italic;color:var(--text-mid);padding-bottom:12px;border-bottom:1.5px solid var(--border)}.script-lines{display:flex;flex-direction:column;gap:8px}.script-line{background:var(--bg-soft);border-left:3px solid transparent;border-image:var(--grad-main) 1;border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--text-mid);font-size:.9rem;font-style:italic;line-height:1.55;padding:10px 14px;opacity:0;animation:fadeUp .45s ease forwards;transform:translateY(12px)}.script-line:nth-child(1){animation-delay:.2s}.script-line:nth-child(2){animation-delay:.5s}.script-line:nth-child(3){animation-delay:.8s}.script-line:nth-child(4){animation-delay:1.1s}.script-line:nth-child(5){animation-delay:1.4s}.script-line:nth-child(6){animation-delay:1.7s}.story-btn-row{margin-top:8px;animation:fadeUp .4s ease both;animation-delay:2s;opacity:0}.story-panel{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:28px;animation:fadeUp .5s ease both;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.story-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad-main)}.story-panel__heading{font-family:var(--font-display);font-size:.85rem;font-weight:700;background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.15em;text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:8px}.story-panel__text{color:var(--text-mid);font-size:.97rem;line-height:1.85}.story-panel__text p+p{margin-top:14px}.gallery-section{margin-top:52px;padding-top:40px;border-top:1.5px solid var(--border);animation:fadeUp .5s ease both}.gallery-section__heading{font-family:var(--font-display);font-size:.85rem;font-weight:700;background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.2em;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:10px}.gallery-section__heading:after{content:"";flex:1;height:1.5px;background:var(--grad-main);opacity:.25}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:14px}.gallery-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s,transform .22s;animation:fadeUp .4s ease both}.gallery-card:hover{border-color:var(--purple-light);box-shadow:var(--shadow-lg);transform:translateY(-4px) scale(1.02)}.gallery-card__img-wrap{aspect-ratio:2 / 3;overflow:hidden;background:var(--bg-soft);position:relative}.gallery-card__img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-card:hover .gallery-card__img{transform:scale(1.05)}.gallery-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(30,16,48,.88) 0%,transparent 55%);display:flex;flex-direction:column;justify-content:flex-end;padding:8px}.gallery-card__title{font-family:var(--font-display);font-size:.62rem;font-weight:700;color:#fff;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}.gallery-card__tagline{font-size:.58rem;color:#ffffffb3;margin-top:2px;font-style:italic;line-height:1.3}.footer{background:var(--bg-soft);border-top:1.5px solid var(--border);padding:20px;text-align:center}.footer__text{font-size:.72rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase}.footer__icons{display:flex;justify-content:center;gap:10px;margin-top:8px;font-size:1.1rem}.examples-section{display:flex;flex-direction:column;gap:8px}.examples-label{font-size:.75rem;font-weight:600;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase}.examples-grid{display:flex;flex-direction:column;gap:8px}.example-chip{background:var(--bg-soft);border:1.5px solid var(--border);border-radius:var(--r-pill);color:var(--text-mid);font-family:var(--font-body);font-size:.78rem;font-weight:500;padding:6px 12px;display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .15s,box-shadow .18s;text-align:left;max-width:100%;line-height:1.4}.example-chip:hover:not(:disabled){background:var(--bg-pink-soft);border-color:var(--purple-light);color:var(--purple);transform:translateY(-1px);box-shadow:0 3px 10px #7c3aed26}.example-chip:active:not(:disabled){transform:translateY(0)}.example-chip:disabled{opacity:.45;cursor:not-allowed}.example-chip__emoji{font-size:.9rem;flex-shrink:0}.example-chip__text{white-space:normal;line-height:1.4}.poster-col{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.script-line--active{background:linear-gradient(90deg,#ede9fe,#fce7f3);border-left-color:var(--pink)!important;color:var(--text)!important;font-weight:600;transform:translate(4px);transition:background .2s,transform .2s,border-left-color .2s}.narrator-player{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}@keyframes glowPulseRing{0%,to{box-shadow:0 0 #7c3aed66}50%{box-shadow:0 0 0 10px #7c3aed00}}.narrator-btn{width:52px;height:52px;border-radius:50%;border:2px solid var(--purple);background:var(--bg-card);color:var(--purple);font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:transform .18s,box-shadow .18s,background .18s,color .18s;animation:glowPulseRing 2.2s ease-in-out infinite;position:relative}.narrator-btn:hover:not(:disabled){background:var(--grad-main);color:#fff;border-color:transparent;transform:scale(1.08);animation:none;box-shadow:0 4px 18px #7c3aed66}.narrator-btn--playing{background:var(--grad-main);color:#fff;border-color:transparent;animation:none}.narrator-btn--loading{border-color:var(--border-mid);animation:none}.narrator-btn__icon{line-height:1;font-style:normal}.narrator-btn__spinner{width:20px;height:20px;border:2.5px solid var(--border-mid);border-top-color:var(--purple);border-radius:50%;animation:spin .75s linear infinite;display:block}.narrator-hint{font-size:.72rem;color:var(--text-dim);text-align:center;max-width:120px;line-height:1.3}.narrator-hint--error{color:var(--pink)}.action-bar{display:flex;align-items:center;gap:6px;background:var(--text);border-radius:var(--r-pill);padding:8px 14px;width:fit-content;margin:20px auto 0;box-shadow:var(--shadow-md)}.action-bar__btn{background:transparent;border:none;border-radius:var(--r-pill);color:#ffffffd9;font-size:1rem;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;transition:background .18s,transform .15s,color .18s;text-decoration:none;white-space:nowrap}.action-bar__btn:hover{background:#ffffff1f;color:#fff;transform:scale(1.08)}.action-bar__btn--primary{background:var(--grad-main);color:#fff;padding:6px 16px;font-family:var(--font-display);font-weight:700;font-size:.82rem}.action-bar__btn--primary:hover{filter:brightness(1.1);background:var(--grad-main)}.action-bar__btn--liked{color:#ff6b8a}.action-bar__divider{width:1px;height:22px;background:#fff3;flex-shrink:0}.action-bar__icon{font-size:1rem;line-height:1}.action-bar__label{font-family:var(--font-display);font-size:.82rem;font-weight:700}.genre-remix{margin-top:24px;display:flex;flex-direction:column;gap:10px;align-items:center}.genre-remix__label{font-family:var(--font-display);font-size:.8rem;font-weight:700;color:var(--text-mid);letter-spacing:.06em;text-transform:uppercase}.genre-remix__pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.genre-pill{background:var(--bg-card);border:1.5px solid var(--border-mid);border-radius:var(--r-pill);color:var(--text-mid);font-family:var(--font-display);font-size:.82rem;font-weight:700;padding:7px 18px;display:inline-flex;align-items:center;gap:6px;transition:background .18s,border-color .18s,color .18s,transform .15s,box-shadow .18s}.genre-pill:hover:not(:disabled){background:var(--grad-soft);border-color:var(--purple-light);color:var(--purple);transform:translateY(-2px);box-shadow:0 4px 14px #7c3aed2e}.genre-pill--active{background:var(--grad-main);border-color:transparent;color:#fff;box-shadow:0 4px 16px #7c3aed59}.genre-pill--active:hover{filter:brightness(1.07);background:var(--grad-main);color:#fff}.genre-pill:disabled{opacity:.5;cursor:not-allowed}.genre-pill__emoji{font-size:1rem}