.creator-tool-hero{padding:42px 0 0;overflow:hidden;background:radial-gradient(circle at 76% 16%,#17499d66,transparent 27rem),radial-gradient(circle at 15% 100%,#075ec444,transparent 24rem),linear-gradient(135deg,#061229 0%,#071d42 58%,#08275a 100%)}
.creator-tool-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(#4f87ef14 1px,transparent 1px),linear-gradient(90deg,#4f87ef14 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 86%)}
.creator-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:clamp(36px,5vw,76px);padding-bottom:42px}
.creator-hero-copy{min-width:0}.creator-hero-copy .breadcrumbs{margin-bottom:34px}.creator-hero-copy h1{max-width:680px;margin:14px 0 20px;font-size:clamp(2.65rem,4.4vw,5.2rem);letter-spacing:-.055em;line-height:.98}.creator-hero-copy .content-lead{max-width:660px;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.65}.creator-hero-copy .content-actions{margin:28px 0 18px}.creator-hero-copy .content-browse-link{display:inline-flex;margin:0;color:#bcd1fb}
.creator-hero-workbench{position:relative;min-width:0;border:1px solid #ffffff30;border-radius:22px;overflow:hidden;color:#15213a;background:#f9fbff;box-shadow:0 36px 80px #0107168a,0 0 0 7px #ffffff0c;transform:perspective(1200px) rotateY(-1.8deg)}
.creator-window-head{height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;color:#eaf1ff;background:#101d36}.creator-window-head>span{display:flex;gap:6px}.creator-window-head>span i{width:9px;height:9px;border-radius:50%;background:#4f6387}.creator-window-head>span i:first-child{background:#ff4d5e}.creator-window-head>span i:nth-child(2){background:#ffbd3f}.creator-window-head>span i:last-child{background:#34cc80}.creator-window-head strong{font-size:.9rem}.creator-window-head em{justify-self:end;font-style:normal;color:#aebbd4;font-size:.75rem}
.creator-score-row{display:flex;align-items:center;gap:16px;padding:22px 22px 13px}.creator-score-row>div:last-child{display:grid;gap:3px}.creator-score-row small{color:#6c7890}.creator-score{width:72px;height:72px;display:grid;place-content:center;text-align:center;border-radius:18px;background:#fff0cd;color:#8c5600}.creator-score strong{font-size:2rem;line-height:1}.creator-score span{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.creator-finding{display:flex;align-items:center;gap:13px;margin:0 20px 9px;padding:12px 14px;border:1px solid #dbe4f0;border-radius:12px;background:#fff}.creator-finding>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#edf3ff;color:#1769ff;font-weight:900}.creator-finding>div{display:grid;gap:1px}.creator-finding small{color:#66738a}.creator-finding-alert>span{background:#ffe9eb;color:#bf2637}.creator-finding-ok>span{background:#e4f8ee;color:#08765e}
.creator-window-foot{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 20px;border-top:1px solid #dfe6f1;background:#fff}.creator-window-foot span{color:#647087;font-size:.76rem}.creator-window-foot b{color:#075de4;font-size:.78rem}
.creator-video-stage{position:relative;min-height:286px;padding:25px;background:radial-gradient(circle at 76% 26%,#13a6ff4d,transparent 27%),linear-gradient(135deg,#07152f,#102e69);color:#fff}.creator-cover{width:47%;aspect-ratio:1;border-radius:15px;padding:22px;background:linear-gradient(145deg,#1769ff,#6a35de);box-shadow:0 20px 45px #0006;transform:rotate(-2deg)}.creator-cover span{display:block;font-size:clamp(1.8rem,3.3vw,3.4rem);line-height:.84;font-weight:950;letter-spacing:-.06em}.creator-cover small{display:block;margin-top:12px;color:#dbe8ff}.creator-video-stage>b,.creator-video-stage>small{position:absolute;right:25px}.creator-video-stage>b{bottom:53px;max-width:45%;font-size:1.18rem}.creator-video-stage>small{bottom:30px;color:#bed1f5}.creator-wave{position:absolute;left:49%;right:22px;top:58px;height:86px;display:flex;align-items:center;gap:4px}.creator-wave i{height:var(--wave);flex:1;border-radius:5px;background:linear-gradient(#61d9ff,#1e72ff)}.creator-format-row{display:flex;gap:8px;padding:13px 18px;background:#eef3fa}.creator-format-row span{padding:7px 10px;border-radius:8px;color:#66738a;font-size:.75rem;font-weight:750}.creator-format-row .active{background:#fff;color:#075de4;box-shadow:0 3px 12px #18315818}
.creator-meter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:19px 19px 12px}.creator-meter-grid>div{display:grid;padding:14px;border:1px solid #dce5f2;border-radius:13px;background:#fff}.creator-meter-grid small{color:#6c7890}.creator-meter-grid strong{font-size:1.85rem;line-height:1.1}.creator-meter-grid em{font-style:normal;color:#1769ff;font-size:.7rem;font-weight:850}.creator-meter{position:relative;height:146px;display:flex;align-items:end;gap:5px;margin:0 19px;padding:24px 13px 16px;border-radius:14px;background:#07162f}.creator-meter>span{position:absolute;top:9px;right:12px;color:#78cbff;font-size:.66rem}.creator-meter i{height:var(--meter);flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(#27c9ee,#1769ff)}.creator-meter i.hot{background:linear-gradient(#ff665f,#f9a825)}.creator-compare{display:flex;align-items:center;gap:7px;padding:12px 19px}.creator-compare span{padding:7px 9px;border-radius:8px;background:#eef3fa;color:#5d6b82;font-size:.72rem;font-weight:750}.creator-compare .active{background:#e6efff;color:#075de4}.creator-compare b{margin-left:auto;color:#68758a;font-size:.7rem}
.creator-caption-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px}.creator-caption-stats span{display:grid;gap:2px;padding:11px;border-radius:11px;background:#eef3fa;color:#657189;font-size:.7rem}.creator-caption-stats b{color:#14213a;font-size:1rem}.creator-caption-line{display:grid;grid-template-columns:116px 1fr auto;align-items:center;gap:11px;margin:0 18px 9px;padding:12px;border:1px solid #dce5f1;border-radius:11px;background:#fff}.creator-caption-line time{color:#4c5c75;font:700 .7rem ui-monospace,monospace}.creator-caption-line p{margin:0;font-size:.78rem}.creator-caption-line em{padding:5px 7px;border-radius:7px;background:#fff0d9;color:#8c5c08;font-size:.63rem;font-style:normal;font-weight:850}.creator-caption-track{height:92px;display:flex;align-items:center;gap:5px;margin:12px 18px;padding:16px;border-radius:12px;background:#07162f}.creator-caption-track i{height:24px;flex:1;border-radius:4px;background:#2878ff}.creator-caption-track i:nth-child(even){transform:translateY(15px)}.creator-caption-track i.bad{background:#ff6b65;box-shadow:0 0 0 3px #ff6b6533}
.creator-hero-facts{position:relative;display:grid;grid-template-columns:1.05fr 1fr 1.35fr 1fr;border:1px solid #ffffff26;border-bottom:0;border-radius:18px 18px 0 0;overflow:hidden;background:#ffffff0e;backdrop-filter:blur(14px)}.creator-hero-facts span{display:grid;align-content:center;gap:4px;min-width:0;padding:17px 19px;border-right:1px solid #ffffff1d;color:#e5edff;font-size:.75rem;line-height:1.45}.creator-hero-facts span:last-child{border-right:0}.creator-hero-facts b{text-transform:uppercase;letter-spacing:.08em;color:#83adff;font-size:.61rem}
.creator-suite-rail{position:relative;z-index:3;display:grid;grid-template-columns:auto repeat(4,1fr);align-items:stretch;margin-top:-1px;border:1px solid #dbe3ef;border-radius:0 0 18px 18px;background:#fff;box-shadow:0 18px 44px #172f5d12}.creator-suite-rail>span{display:grid;place-items:center;padding:13px 22px;color:#63728a;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.creator-suite-rail a{display:flex;align-items:center;gap:9px;min-height:58px;padding:10px 15px;border-left:1px solid #e6ebf3;color:#26344b;text-decoration:none;font-size:.78rem;font-weight:800}.creator-suite-rail a b{color:#8d9ab0;font-size:.64rem}.creator-suite-rail a:hover{background:#f5f8fe}.creator-suite-rail a[aria-current=page]{color:#075de4;background:#eef4ff;box-shadow:inset 0 -3px #1769ff}.creator-suite-rail a[aria-current=page] b{color:#075de4}.creator-tool-page #demo{padding-top:76px}
@media(max-width:1020px){.creator-hero-grid{grid-template-columns:1fr;gap:34px}.creator-hero-copy{max-width:760px}.creator-hero-workbench{width:min(720px,100%);transform:none}.creator-suite-rail{grid-template-columns:repeat(4,1fr)}.creator-suite-rail>span{display:none}}
@media(max-width:700px){.creator-tool-hero{padding-top:24px}.creator-hero-grid{padding-bottom:26px}.creator-hero-copy .breadcrumbs{margin-bottom:24px}.creator-hero-copy h1{font-size:clamp(2.35rem,12vw,3.65rem)}.creator-hero-copy .content-actions{display:grid}.creator-hero-copy .content-actions .button{width:100%}.creator-hero-facts{grid-template-columns:1fr 1fr}.creator-hero-facts span:nth-child(2){border-right:0}.creator-hero-facts span:nth-child(-n+2){border-bottom:1px solid #ffffff1d}.creator-suite-rail{display:flex;overflow-x:auto;border-radius:0;padding:0 8px;scrollbar-width:thin}.creator-suite-rail a{min-width:142px;justify-content:center;border-left:0}.creator-video-stage{min-height:235px}.creator-cover{padding:16px}.creator-window-foot{align-items:flex-start;flex-direction:column;gap:5px}.creator-caption-stats{grid-template-columns:1fr}.creator-caption-line{grid-template-columns:1fr}.creator-caption-line em{justify-self:start}.creator-meter-grid{gap:6px}.creator-meter-grid>div{padding:10px}.creator-meter-grid strong{font-size:1.35rem}}
@media(max-width:480px){.creator-suite-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0}.creator-suite-rail a{min-width:0;justify-content:flex-start;padding:10px 12px;border:0;border-bottom:1px solid #e6ebf3}.creator-suite-rail a:nth-of-type(odd){border-right:1px solid #e6ebf3}.creator-suite-rail a:nth-last-of-type(-n+2){border-bottom:0}}
@media(max-width:420px){.creator-hero-facts{grid-template-columns:1fr}.creator-hero-facts span{border-right:0;border-bottom:1px solid #ffffff1d}.creator-window-head{grid-template-columns:1fr auto}.creator-window-head>span{display:none}.creator-score-row{padding:16px 14px 10px}.creator-finding{margin-inline:12px;padding:10px}.creator-video-stage{padding:17px;min-height:220px}.creator-video-stage>b,.creator-video-stage>small{right:17px}.creator-meter-grid{padding-inline:11px}.creator-meter{margin-inline:11px}.creator-compare{padding-inline:11px}.creator-compare b{display:none}}
@media(prefers-reduced-motion:reduce){.creator-hero-workbench{transform:none}}