.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-header{z-index:150;color:#f9f4ff;background:#0c1020;grid-template-columns:1fr auto 1fr;align-items:center;height:60px;padding:0 54px;display:grid;position:relative}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-brand{align-items:center;width:112px;display:inline-flex}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-brand img{max-width:none;display:block}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-navigation{align-items:center;gap:48px;font-size:14px;display:flex}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-navigation details{position:relative}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-navigation summary{cursor:pointer;align-items:center;gap:7px;list-style:none;display:flex}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-navigation summary::-webkit-details-marker{display:none}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-navigation details>div{background:#14182b;border:1px solid #746486;border-radius:16px;grid-template-columns:1fr 1fr;gap:18px;width:370px;padding:20px;display:grid;position:absolute;top:34px;left:-60px;box-shadow:0 20px 50px #0006}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-navigation small{color:#b9b5ca;margin-top:3px;font-size:11px;display:block}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-nav-cta{color:#181026;background:#e3c3fb;border-radius:30px;justify-self:end;align-items:center;gap:15px;padding:11px 20px;font-size:13px;display:flex}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-hero{isolation:isolate;color:#fff;background:#0b1027;height:clamp(440px,33.333vw,640px);position:relative;overflow:clip}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-motion{z-index:4;color:#e2dbea;font:inherit;cursor:pointer;background:#0b1027d9;border:1px solid #ffffff30;border-radius:20px;padding:5px 9px;font-size:10px;position:absolute;bottom:10px;right:16px}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-scene{z-index:-2;pointer-events:none;position:absolute;inset:0}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-scene img{object-fit:cover;width:100%;height:100%}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 48%,#0b102728 0,#0000 58%);position:absolute;inset:0}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-content{z-index:1;text-align:center;flex-direction:column;align-items:center;padding-top:clamp(85px,10.7vw - 22px,183px);display:flex;position:relative}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-atmosphere{z-index:0;pointer-events:none;opacity:.2;background:radial-gradient(circle at 18% 24%,#87ceff 0 2px,#0000 4px),radial-gradient(circle at 78% 33%,#d994ff 0 2px,#0000 4px),radial-gradient(circle at 68% 18%,#fff 0 1px,#0000 3px),radial-gradient(circle at 38% 60%,#bca6ff 0 1px,#0000 3px);position:absolute;inset:0}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-eyebrow{letter-spacing:.25em;color:#d7b3ff;margin:0 0 18px;font-family:Georgia,serif;font-size:12px;font-style:italic}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-content h1{color:#fff;letter-spacing:-.045em;text-shadow:0 2px 16px #090f25;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,3.1vw,60px);font-weight:400;line-height:1.1}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-subtitle{color:#f0ecff;margin:12px 0 0;font-size:clamp(12px,1.1vw,18px)}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-composer-wrap{width:46%;max-width:900px;margin-top:20px;position:relative}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-composer{text-align:left;background:linear-gradient(110deg,#091529f5,#111229f5);border:1px solid #8a9ac880;border-radius:22px;padding:13px 36px 10px;position:relative;box-shadow:0 8px 28px #03091aaa}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-composer label{color:#dbeaff;letter-spacing:.1em;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-composer textarea{box-sizing:border-box;resize:vertical;color:#fff;width:100%;height:52px;min-height:52px;max-height:90px;font:inherit;background:#171e34;border:1px solid #384262;border-radius:9px;padding:9px;font-size:14px;line-height:1.4;display:block}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-composer textarea::placeholder{color:#bac8e8;opacity:1}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-composer textarea:focus-visible{outline-offset:2px;outline:2px solid #a9d9ff}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-actions{justify-content:space-between;align-items:center;gap:12px;padding-top:7px;display:flex}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-actions button.comic-battle-upload{color:#f3eaff;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:6px;min-height:32px;padding:4px 0;font-size:11px;font-style:normal;display:inline-flex}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-actions button.comic-battle-upload:disabled{color:#c9bfd8;opacity:.72;cursor:wait;background:0 0}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-upload small{color:#bdb3ce;font-size:9px}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-actions button{color:#170f24;min-height:34px;font:inherit;cursor:pointer;background:linear-gradient(#eddaff,#d7b0f3);border:0;border-radius:24px;align-items:center;gap:20px;padding:7px 20px;font-size:12px;display:inline-flex}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-actions button:disabled{cursor:default;opacity:.8;color:#271937;background:linear-gradient(#e2cdec,#c7a8db)}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-note{color:#ede3ff;margin:0;font-size:11px;font-style:italic}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-error{color:#ffceda;font-size:12px}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-balloon{z-index:2;color:#111;text-align:center;background:#fff8e8;border:3px solid #111324;border-radius:50%;margin:0;padding:12px 18px;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(15px,1.4vw,25px);font-style:italic;line-height:1.05;position:absolute;top:11%;transform:rotate(-5deg)}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-balloon:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%);background:#fff8e8;border-right:3px solid #111324;width:23px;height:23px;position:absolute;bottom:-13px;right:9px;transform:skew(30deg)rotate(30deg)}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-balloon-left{left:4.5%}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-balloon-right{top:13%;right:3%;transform:rotate(5deg)}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-balloon-right:after{left:7px;right:auto;transform:scaleX(-1)skew(30deg)rotate(30deg)}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-grip-foreground{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@keyframes comicBattleReveal{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes comicBattleStarlight{0%{opacity:.2;transform:translateY(0)}to{opacity:.55;transform:translateY(-5px)}}@media (prefers-reduced-motion:no-preference){.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-hero[data-playing=true] .comic-battle-atmosphere{animation:5s ease-in-out infinite alternate comicBattleStarlight}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-hero .comic-battle-content>*{opacity:0}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-hero[data-revealed=true] .comic-battle-content>*{animation:.6s ease-out forwards comicBattleReveal}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-hero[data-revealed=true] .comic-battle-content>:nth-child(2){animation-delay:60ms}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-hero[data-revealed=true] .comic-battle-content>:nth-child(3){animation-delay:.12s}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-hero[data-revealed=true] .comic-battle-content>:nth-child(4){animation-delay:.18s}}@media (max-width:1023px){.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-header{grid-template-columns:1fr auto auto;gap:16px;padding:0 20px}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-navigation{display:none}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-header .m-mobile-menu{display:block}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-composer-wrap{width:54%}}@media (max-width:700px){.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-grip-foreground{display:none}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-header{gap:12px;height:60px;padding:0 16px}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-brand{width:88px}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-nav-cta{gap:7px;padding:9px 12px;font-size:11px}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-hero{height:auto;min-height:620px}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-scene{aspect-ratio:3/4;width:100%;bottom:auto}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-scene img{object-fit:contain}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-hero:after{background:linear-gradient(#0000 24%,#0b102750 38%,#0b1027 90%)}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-content{padding:220px 20px 65px}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-eyebrow{margin-bottom:12px;font-size:10px}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-content h1{max-width:340px;font-size:35px;line-height:1.05}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-subtitle{max-width:310px;margin-top:12px;font-size:12px;line-height:1.5}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-composer-wrap{width:100%;margin-top:28px}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-composer{border-radius:18px;padding:14px}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-composer textarea{min-height:72px;font-size:16px}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-actions button{min-height:40px;font-size:13px}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-note{max-width:115px;font-size:10px}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-upload{grid-template-columns:auto 1fr;gap:2px 5px;max-width:105px;line-height:1.15;display:grid}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-upload small{grid-column:2}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-balloon{padding:10px 13px;font-size:15px;top:17px;left:12px}.marketing.tool-system-v3.comic-page.media-tool-v3 .comic-battle-balloon-right{top:24px;left:auto;right:12px}}