/* Dedicated Crazy Frog chase page. Geometry follows the inspected reference;
   the existing black, olive and lime brand palette remains in use. */
body[data-page="chase"]{background:#10120e;color:#edf0e5;background-image:radial-gradient(ellipse 900px 600px at 50% 350px,#a6d94b0a,transparent);font-family:Inter,Arial,sans-serif}
body[data-page="chase"] .site-header{height:64px;border:0;background:#10120ee8;backdrop-filter:blur(14px)}
body[data-page="chase"] .header{height:64px;max-width:none;padding:0 16px;gap:24px}
body[data-page="chase"] .header .brand{font-size:20px;gap:10px;white-space:nowrap}
body[data-page="chase"] .header .brand img{width:30px;height:30px}
body[data-page="chase"] .desktop-nav{gap:24px;margin:0;flex:1;justify-content:flex-start}
body[data-page="chase"] .desktop-nav a,body[data-page="chase"] .trending-menu summary{font-size:14px;color:#edf0e5}
body[data-page="chase"] .header-actions{gap:20px;margin-left:auto}
body[data-page="chase"] .credit-button{font-size:12px;min-height:30px;border-radius:18px;padding:7px 14px;color:#142006;background:var(--lime)}
body[data-page="chase"] .button-signin{font-size:14px;min-height:40px;padding:10px 16px;background:#b6dd6b;color:#142006;border-radius:12px}
.chase-page h1,.chase-page h2,.chase-page h3,.chase-page p{margin:0}
.chase-page h2{font-size:36px;line-height:40px;letter-spacing:-.9px;font-weight:600;color:#edf0e5}
.chase-page h3{font-size:18px;line-height:28px;font-weight:600;letter-spacing:0;color:#e5e9df}
.chase-hero{max-width:1280px;margin:auto;padding:80px 20px 64px;text-align:center}
.chase-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid #c5ef6520;background:#c5ef6507;border-radius:999px;font-size:12px;line-height:16px;color:#c0d59d}
.chase-kicker .icon{width:15px;height:15px}
.chase-hero h1{max-width:1000px;margin:16px auto 0;font-size:56px;line-height:1.08;letter-spacing:-1.4px;font-weight:700;color:#edf0e5;text-wrap:balance}
.chase-hero .chase-lead{max-width:800px;margin:24px auto 0;font-size:18px;line-height:28px;color:#adb6a2}
.chase-hero .chase-disclaimer{max-width:680px;margin:12px auto 0;font-size:14px;line-height:24px;color:#7f8875}
.chase-generator{max-width:1120px;margin:40px auto 0;text-align:left;scroll-margin-top:90px;border:1px solid #edf0e51a;border-radius:26px;background:#181c15f5;box-shadow:0 30px 90px -30px #000d;overflow:hidden}
.chase-composer{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.chase-reference{padding:20px;border-right:1px solid #edf0e515;display:flex;flex-direction:column}
.chase-reference video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid #edf0e51a;background:#080b06;border-radius:16px}
.chase-photo-side{padding:20px;min-height:0;display:flex}
.chase-photo-side #template-uploads{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;width:100%;min-height:0}
.role-upload{display:flex;flex-direction:column;min-width:0}
.role-label{font-size:12px;line-height:16px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;color:#88937c;margin-bottom:8px!important}
.chase-generator .photo-slot{position:relative;min-width:0;width:100%;height:auto;min-height:0;flex:1;border:1px dashed #edf0e52e;border-radius:16px;background:#ffffff06;overflow:hidden}
.chase-generator .photo-slot:hover{border-color:#c5ef6577;background:#c5ef6508}
.chase-generator .upload-label{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:18px 14px;text-align:center;cursor:pointer}
.chase-generator .upload-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#edf0e512;color:#c7cebe;margin-bottom:12px}
.chase-generator .upload-icon .icon{width:20px;height:20px}
.chase-generator .upload-label strong{font-size:14px;line-height:20px;font-weight:500;color:#d1d8c8}
.chase-generator .upload-label>span:last-child{font-size:12px;line-height:16px;color:#89977b;margin-top:4px;max-width:210px}
.chase-generator .photo-slot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.chase-generator .photo-name{position:absolute;bottom:0;left:0;right:0;padding:25px 8px 7px;background:linear-gradient(transparent,#0009);color:#fff;z-index:2;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.chase-generator .photo-slot:not(:has(img:not([hidden]))) .photo-name{display:none}
.chase-generator .remove-photo{position:absolute;right:8px;top:8px;width:32px;height:32px;border-radius:50%;background:#10120ed9;border:1px solid #ffffff30;color:#fff;z-index:3;display:grid;place-items:center}
.chase-generator [hidden]{display:none!important}
.chase-toolbar{padding:20px;border-top:1px solid #edf0e515}
.chase-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chase-quality{display:flex;align-items:center;gap:7px}
.chase-quality select,.chase-settings select{height:30px;background:#5e68604c;border:1px solid transparent;border-radius:8px;font:500 12px Inter,Arial,sans-serif;color:#dce6d2;padding:4px 9px;color-scheme:dark;cursor:pointer}
#chase-settings-toggle{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#829174;cursor:pointer}
#chase-settings-toggle:hover{background:#c5ef6514;color:var(--lime)}
#chase-settings-toggle .icon{height:15px;width:15px}
.chase-generate-actions{margin-left:auto;display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.chase-generate-action{display:flex;align-items:center;gap:8px}
.chase-estimate{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:11px;line-height:15px;color:#98a28d;font-variant-numeric:tabular-nums}
.chase-estimate>span:first-child{font-size:10px;line-height:14px;color:#7c8871;white-space:nowrap}
.chase-estimate>span:last-child{display:flex;align-items:center;gap:3px}
#credit-explanation{border:0;color:inherit;background:transparent;padding:0;width:16px;height:16px;line-height:16px;cursor:pointer}
.chase-generate-action>button{height:32px;border-radius:8px;padding:0 14px;font:600 14px Inter,Arial,sans-serif;cursor:pointer;transition:background .15s}
#preview-button{border:1px solid #c5ef653d;background:transparent;color:#c5ef65}
#render-button{border:0;background:#c5ef65;color:#17220b}
#render-button:disabled{background:#7e848047;color:#afb6a861;cursor:not-allowed}
#preview-button:disabled{border-color:#edf0e51a;color:#afb6a861;cursor:not-allowed}
.chase-divider{height:32px;width:1px;background:#edf0e526}
.chase-consent{display:flex;align-items:center;gap:7px;margin-top:12px;color:#7e8b71;font-size:12px;line-height:18px;cursor:pointer}
.chase-consent input{accent-color:#c5ef65;height:13px;width:13px;flex:none}
.chase-settings{border:1px solid #edf0e51a;border-radius:12px;background:#0d110b80;padding:16px;margin-top:16px}
.chase-settings>label{display:block;font-size:12px;line-height:20px;color:#b7c4a9;margin-bottom:9px}
.chase-settings>label span{color:#7f8d72}.chase-settings select{margin-left:10px}
.chase-settings textarea{width:100%;height:90px;resize:vertical;background:#10160c;border:1px solid #edf0e51a;border-radius:7px;padding:10px;color:#d5dec9;font:13px/1.6 Inter,Arial,sans-serif}
.chase-settings-foot{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:11px;color:#8d9b7f}
.chase-settings-foot button{border:0;background:transparent;color:#badb83;cursor:pointer;font-size:12px}
.chase-page .generation-result{margin:20px auto 0;text-align:left;max-width:1120px}.chase-page #result-video{width:100%;max-height:520px;aspect-ratio:16/9;object-fit:contain;background:#000}
.chase-narrow{max-width:1024px;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto}
.chase-wide{max-width:1152px;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto}
.chase-pad{padding-top:80px;padding-bottom:80px}
.chase-examples{padding-bottom:64px}
.chase-examples h2{font-size:12px;font-weight:600;line-height:16px;letter-spacing:2.16px;text-transform:uppercase;color:#b3d67e}
.chase-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.chase-video-card{padding:10px;background:#edf0e505;border:1px solid #edf0e515;border-radius:16px;overflow:hidden}
.chase-video-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#080b06;border:1px solid #edf0e51a;border-radius:12px}
.chase-examples>p{margin-top:12px;text-align:center;font-size:12px;line-height:16px;color:#758269}
.chase-band{background:#edf0e505;border-top:1px solid #edf0e512;border-bottom:1px solid #edf0e512}
.chase-page .chase-prose{max-width:768px;margin-top:20px;font-size:16px;line-height:28px;color:#89967c}
.chase-center{max-width:768px;margin-left:auto!important;margin-right:auto!important;text-align:center}
.chase-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.chase-steps article{padding:24px;border:1px solid #edf0e51a;background:#edf0e505;border-radius:16px}
.chase-step-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #c5ef6526;background:#c5ef6510;color:#b7d981;border-radius:12px;font-size:16px}
.chase-steps h3{margin-top:20px}
.chase-steps p,.chase-ideas p{font-size:14px;line-height:24px;color:#819073;margin-top:8px}
.chase-prompts{display:grid;gap:16px;margin-top:32px}
.chase-prompts article{padding:20px;border:1px solid #edf0e51a;border-radius:16px;background:#10120e55}
.chase-prompts article>p{font-size:16px;line-height:28px;color:#c6d1ba}
.chase-prompts small{display:block;margin-top:12px;font-size:14px;line-height:24px;color:#7c8b6d}
.chase-ideas{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}
.chase-ideas article{padding:24px;border:1px solid #edf0e51a;background:#edf0e505;border-radius:16px}
.chase-faq{margin-top:28px;border-top:1px solid #edf0e51a}
.chase-faq details{padding:20px 0;border-bottom:1px solid #edf0e51a}
.chase-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:16px;line-height:24px;font-weight:600;color:#d2ddc5}
.chase-faq summary::-webkit-details-marker{display:none}.chase-faq summary>span{font-size:20px;font-weight:400;color:#89967c;transition:transform .2s}.chase-faq details[open] summary>span{transform:rotate(45deg)}
.chase-faq details p{max-width:768px;font-size:14px;line-height:28px;color:#819073;margin-top:12px}
.chase-explore{padding-bottom:64px}.chase-explore h2{font-size:24px;line-height:32px;letter-spacing:-.6px}
.chase-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.chase-links a{border:1px solid #edf0e51a;background:#edf0e505;border-radius:12px;padding:12px 16px;font-size:14px;color:#bccbad;line-height:20px;text-decoration:none}.chase-links a:hover{border-color:#c5ef6560;color:#d6eeac}
.chase-bottom{padding-bottom:48px}.chase-bottom>p{padding-top:32px;border-top:1px solid #edf0e515;font-size:14px;line-height:20px;color:#758469}
.chase-page :focus-visible{outline:2px solid #c5ef65;outline-offset:4px}
@media(max-width:1100px){body[data-page="chase"] .desktop-nav{gap:16px}body[data-page="chase"] .header{gap:18px}body[data-page="chase"] .desktop-nav a,body[data-page="chase"] .trending-menu summary{font-size:12px}body[data-page="chase"] .header-actions{gap:10px}}
@media(max-width:1023px){.chase-composer{grid-template-columns:1fr}.chase-reference{border-right:0;border-bottom:1px solid #edf0e515}.chase-reference video{max-width:560px;margin:auto}.chase-generator .photo-slot{aspect-ratio:3/4}.chase-generator{max-width:800px}body[data-page="chase"] .desktop-nav{display:none}body[data-page="chase"] .mobile-menu{display:flex}body[data-page="chase"] .header-actions{margin-left:auto}}
@media(max-width:767px){.chase-pad{padding-top:56px;padding-bottom:56px}.chase-hero{padding-top:56px;padding-bottom:48px}.chase-steps{grid-template-columns:1fr}.chase-narrow,.chase-wide{padding-left:16px;padding-right:16px}.chase-examples{padding-bottom:56px}}
@media(max-width:639px){body[data-page="chase"] .header{height:64px;padding:0 16px;gap:12px}body[data-page="chase"] .header .brand{font-size:18px;gap:7px}body[data-page="chase"] .header .brand img{width:28px;height:28px}body[data-page="chase"] .button-signin{display:none}body[data-page="chase"] .credit-button{font-size:11px;padding:7px 12px;min-height:32px}body[data-page="chase"] .header-actions{gap:0}.chase-hero{padding-left:16px;padding-right:16px}.chase-hero h1{font-size:36px;line-height:1.08;letter-spacing:-.9px;max-width:560px}.chase-hero .chase-lead{font-size:16px;line-height:26px;margin-top:24px}.chase-hero .chase-disclaimer{font-size:12px;line-height:20px;margin-top:12px}.chase-disclaimer br{display:none}.chase-generator{margin-top:32px;border-radius:24px}.chase-reference,.chase-photo-side,.chase-toolbar{padding:16px}.chase-generator .upload-label{padding:12px 8px}.chase-generator .upload-label strong{font-size:13px}.chase-generator .upload-label>span:last-child{font-size:11px;line-height:16px}.chase-photo-side #template-uploads{gap:12px}.chase-generator .photo-name{font-size:10px}.chase-controls{gap:12px}.chase-generate-actions{width:100%;gap:12px}.chase-generate-action>button{font-size:13px;padding-inline:12px;min-height:44px}.chase-quality select,#chase-settings-toggle{height:36px}.chase-divider{display:none}.chase-estimate{font-size:11px}.chase-consent{font-size:11px;line-height:18px;margin-top:14px;align-items:flex-start}.chase-consent input{height:15px;width:15px;margin-top:1px}.chase-video-grid{grid-template-columns:1fr}.chase-page h2{font-size:30px;line-height:36px;letter-spacing:-.75px}.chase-examples h2{font-size:12px;line-height:16px;letter-spacing:2.16px}.chase-page .chase-prose{font-size:14px;line-height:28px}.chase-steps h3,.chase-ideas h3{font-size:18px;line-height:28px}.chase-ideas{grid-template-columns:1fr}.chase-prompts article>p{font-size:14px;line-height:28px}.chase-prompts small{font-size:12px;line-height:24px}.chase-faq summary{font-size:14px;line-height:22px;min-height:24px}.chase-explore h2{font-size:24px;line-height:32px}.chase-links{gap:8px}.chase-links a{font-size:13px;padding:12px}.chase-bottom>p{font-size:12px;line-height:20px}.chase-step-icon{font-size:16px}.chase-page .generation-result{padding:14px}.chase-page #result-video{max-height:none}}
body[data-page="chase"] main::before{display:none}

body[data-page="chase"] .site-header{padding:0}
body[data-page="chase"] #mobile-account{background:transparent;border:0;color:var(--lime);text-align:left;padding:12px 8px;font:500 13px Inter,Arial,sans-serif;min-height:44px}
body[data-page="chase"] .header{width:100%;margin:0}
body[data-page="chase"] .header-actions .credit-button{display:inline-flex}
body[data-page="chase"] .mobile-nav{top:64px}
.chase-steps article{border-radius:22px;padding:20px}
.chase-step-icon{border:0}.chase-step-icon .icon{width:20px;height:20px}
.chase-prompts article,.chase-ideas article{border-radius:22px}
.chase-ideas article{padding:20px}
.chase-explore-card{padding:32px;border-radius:26px;border:1px solid #edf0e515;background:#edf0e505}
.chase-links{margin-top:20px}.chase-links a{border-radius:999px;padding:8px 16px}
@media(max-width:639px){.chase-explore-card{padding:24px}.chase-links a{min-height:40px;display:flex;align-items:center}}
.chase-video-card{border-radius:20px;background:#080b0640}
.chase-prompts article,.chase-ideas article{border-radius:16px}
.chase-faq{border:1px solid #edf0e515;border-radius:16px;background:#edf0e505;padding:0 28px;overflow:hidden}
.chase-faq details{border-color:#edf0e512}.chase-faq details:last-child{border-bottom:0}
@media(max-width:639px){.chase-faq{padding:0 20px}}
