.explosion-page{--explosion-ink:#21162f;--explosion-muted:#59446a;--explosion-action:#7550c6;--explosion-field:#f8f4ff;color:var(--explosion-ink);font-family:var(--font-sans);background:#fff}.explosion-page ::selection{color:#21162f;background:#d8c6ff}.explosion-page a{text-underline-offset:4px}.explosion-page :focus-visible{outline-offset:4px;outline:3px solid #9370d9}.explosion-header{color:#fff;background:#080808;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:16px max(24px,50vw - 660px);display:flex}.explosion-brand{align-items:center;gap:10px;font-size:19px;font-weight:650;display:flex}.explosion-header nav{align-items:center;gap:24px;display:flex}.explosion-header nav>a{min-height:44px;padding:10px 0}.explosion-hero{text-align:center;background:linear-gradient(#e8dbff,#fff);padding:40px 24px 56px}.explosion-breadcrumb{text-align:left;max-width:1180px;color:var(--explosion-muted);gap:10px;margin:0 auto 38px;font-size:14px;display:flex}.explosion-hero h1{letter-spacing:-.03em;text-wrap:balance;margin:0 auto 22px;font-size:clamp(32px,4.2vw,58px);font-weight:720;line-height:1.12}.explosion-hero h2{text-wrap:balance;margin-bottom:22px;font-size:clamp(22px,2.7vw,36px);font-weight:650;line-height:1.25}.explosion-hero>p{max-width:74ch;margin:0 auto 24px;font-size:16px;line-height:1.8}.explosion-previews{grid-template-columns:1fr 1fr;gap:20px;max-width:1180px;margin:28px auto 20px;display:grid}.explosion-previews figure{min-width:0;margin:0}.explosion-previews video{aspect-ratio:16/9;object-fit:contain;background:#080808;border-radius:12px;width:100%}.explosion-previews figcaption{color:var(--explosion-muted);margin-top:10px;font-size:14px}.explosion-hero .explosion-preview-note{font-size:14px}.explosion-cta{background:var(--explosion-action);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:50px;padding:14px 28px;font-weight:600;display:inline-flex}.explosion-cta:hover{background:#6844b8}.explosion-content{max-width:1180px;margin:auto;padding:0 24px 72px}.explosion-section{padding-top:66px;scroll-margin-top:24px}.explosion-section>h2{letter-spacing:-.025em;text-wrap:balance;margin:0 0 18px;font-size:clamp(25px,3vw,34px);font-weight:650;line-height:1.3}.explosion-section>p{max-width:74ch;color:var(--explosion-muted);margin-bottom:28px;line-height:1.85}.explosion-generator{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:24px;display:grid}.explosion-form h3,.explosion-result h3,.explosion-explainer h3,.explosion-steps h3{margin-bottom:12px;font-size:19px;font-weight:650}.explosion-form p,.explosion-result p{color:var(--explosion-muted);margin-bottom:14px;font-size:14px;line-height:1.8}.explosion-upload{background:var(--explosion-field);cursor:pointer;border:1px dashed #927bb4;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;margin:20px 0 28px;display:flex;position:relative;overflow:hidden}.explosion-upload img{object-fit:contain;width:100%;height:260px}.explosion-upload input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.explosion-upload:focus-within{outline-offset:4px;outline:3px solid #9370d9}.explosion-form>label:not(.explosion-upload){margin-bottom:10px;font-size:14px;font-weight:600;display:block}.explosion-form textarea{background:var(--explosion-field);width:100%;min-height:176px;color:var(--explosion-ink);font:inherit;resize:vertical;caret-color:var(--explosion-action);border:1px solid #b8a7ce;border-radius:8px;margin-bottom:18px;padding:16px;font-size:16px;line-height:1.65;display:block}.explosion-form .explosion-button{background:var(--explosion-action);color:#fff;width:100%;min-height:50px}.explosion-form .explosion-button:hover{background:#6844b8}.explosion-form [role=alert],.explosion-result [role=alert]{color:#9d1a42}.explosion-result{background:var(--explosion-field);border-radius:12px;min-width:0;padding:28px}.explosion-result video{object-fit:contain;background:#080808;width:100%;max-height:360px;margin:16px 0}.explosion-result a{color:#6140a0;min-height:44px;padding:12px 0;text-decoration:underline;display:block}.explosion-task-id{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.explosion-steps{grid-template-columns:repeat(3,1fr);gap:32px;padding:0;list-style:inside decimal;display:grid}.explosion-steps li{border-top:1px solid #d9cde8;padding-top:16px}.explosion-steps p,.explosion-explainer p,.explosion-faq p{color:var(--explosion-muted);max-width:74ch;font-size:16px;line-height:1.85}.explosion-explainer h3{margin-top:28px}.explosion-faq details{border-bottom:1px solid #d9cde8;padding:18px 0}.explosion-faq summary{cursor:pointer;min-height:44px;font-size:17px;font-weight:600;line-height:1.55}.explosion-faq p{padding-top:8px}.explosion-related a{color:#6140a0;min-height:44px;margin-right:26px;padding:12px 0;text-decoration:underline;display:inline-block}@media (width<=800px){.explosion-header{gap:12px;padding:14px 18px}.explosion-header nav{gap:14px}.explosion-header nav>a:not(:last-child){display:none}.explosion-generator{grid-template-columns:1fr;gap:28px}.explosion-section{padding-top:48px}.explosion-steps{grid-template-columns:1fr;gap:24px}.explosion-hero{padding:26px 18px 32px}.explosion-breadcrumb{margin-bottom:30px}.explosion-content{padding:0 18px 54px}.explosion-previews{gap:12px}.explosion-brand,.explosion-hero>p{font-size:16px}}@media (width<=520px){.explosion-previews{grid-template-columns:1fr}.explosion-header nav{gap:10px}.explosion-result{padding:22px}.explosion-cta{width:100%}.explosion-hero h1{font-size:34px}.explosion-header .explosion-brand img{width:24px;height:24px}.explosion-header nav>a{font-size:14px}}.explosion-workspace{text-align:left;max-width:1180px;margin:30px auto 0;scroll-margin-top:24px}.explosion-form{background:#eee7fa;border-radius:14px;min-width:0;padding:26px}.explosion-result{background:#eee7fa;min-height:480px}.explosion-upload{min-height:164px;margin:16px 0}.explosion-upload img{height:200px}.explosion-prompt-editor{margin:20px 0}.explosion-prompt-editor summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}.explosion-prompt-editor label{margin-bottom:12px;font-size:14px;line-height:1.6;display:block}.explosion-prompt-editor textarea{min-height:220px}.explosion-result video{aspect-ratio:16/9;border-radius:8px;max-height:none}.explosion-form button:disabled{opacity:.65}.explosion-workspace p{max-width:74ch}.explosion-page textarea{scrollbar-color:#7550c6 #f8f4ff}@media (width<=800px){.explosion-form{padding:22px}.explosion-result{min-height:0}}.explosion-brand{white-space:nowrap}