body.creator-app{background:radial-gradient(circle at 80% 8%,#dbe9ff 0,transparent 30rem),#f5f8fd}.creator-app .feed-header{border-bottom:1px solid #ffffff17;box-shadow:0 8px 28px #07152f16}.creator-app main{max-width:1280px}.creator-app .feed-gate{max-width:1120px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);align-items:center;gap:54px;margin:7vh auto;padding:34px;text-align:left;background:linear-gradient(135deg,#fff,#f8fbff);overflow:hidden}.creator-gate-copy{padding:20px 8px}.creator-app .gate-icon{margin:0 0 20px}.creator-app .feed-gate h1{max-width:640px;font-size:clamp(2.15rem,4.3vw,4.35rem);letter-spacing:-.045em}.creator-app .feed-gate p{max-width:600px;color:#5f6d83}.creator-app .feed-gate .primary{margin-top:9px}.creator-app .gate-standard-note{margin-top:21px;padding:12px 14px;border-left:3px solid #1769ff;border-radius:0 9px 9px 0;background:#eef4ff;color:#31415a!important;font-size:.88rem}.creator-app .gate-tool-finder-link{display:inline-flex;margin-top:7px;color:#30547f;font-weight:750;text-decoration:none}.creator-gate-preview{min-height:430px;border:1px solid #d5deeb;border-radius:19px;overflow:hidden;background:#fff;box-shadow:0 25px 65px #1737651f}.creator-gate-bar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#dbe7ff;background:#101e38;font-size:.76rem}.creator-gate-bar b{color:#fff}.creator-gate-bar span{display:flex;gap:5px}.creator-gate-bar i{width:8px;height:8px;border-radius:50%;background:#536583}.creator-gate-bar i:first-child{background:#ff5a66}.creator-gate-bar i:nth-child(2){background:#ffbd45}.creator-gate-bar i:last-child{background:#35cb82}.creator-gate-body{padding:20px}.creator-gate-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.creator-gate-kicker strong{font-size:1.05rem}.creator-gate-kicker span{padding:6px 8px;border-radius:8px;background:#e9f8f1;color:#08765e;font-size:.68rem;font-weight:850}.creator-gate-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.creator-gate-metrics div{display:grid;gap:3px;padding:12px;border:1px solid #dce5f1;border-radius:11px;background:#f9fbff}.creator-gate-metrics small{color:#6c7890}.creator-gate-metrics b{font-size:1.25rem}.creator-gate-list{display:grid;gap:8px}.creator-gate-list div{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #e0e7f1;border-radius:10px;font-size:.78rem}.creator-gate-list i{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#eaf1ff;color:#1769ff;font-style:normal;font-weight:900}.creator-gate-list .warn i{background:#fff0dc;color:#996000}.creator-gate-list .bad i{background:#ffeaec;color:#bd2638}.creator-gate-timeline{height:118px;display:flex;align-items:center;gap:4px;margin:15px 0;padding:14px;border-radius:12px;background:#07162f}.creator-gate-timeline i{height:var(--h,45%);flex:1;border-radius:4px;background:#2879ff}.creator-gate-timeline i:nth-child(3n){background:#34c9ed}.creator-gate-timeline i.bad{background:#ff6a64}.creator-gate-output{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid #e0e6ef;color:#637087;font-size:.72rem}.creator-gate-output b{color:#075de4}.creator-app #toolState .feed-hero{padding:22px;border:1px solid #dce4ef;border-radius:17px;background:#fff;box-shadow:0 12px 35px #173a7210}.creator-app .steps{position:sticky;top:8px;z-index:5;padding:10px 14px;border:1px solid #dce4ef;border-radius:14px;background:#ffffffed;backdrop-filter:blur(12px)}.creator-app .workspace,.creator-app .history{border-radius:20px;box-shadow:0 18px 48px #173a7212}
@media(max-width:900px){.creator-app .feed-gate{grid-template-columns:1fr;gap:20px;margin:4vh auto}.creator-gate-copy{padding:5px}.creator-gate-preview{min-height:0}.creator-app .steps{position:static}}
@media(max-width:560px){.creator-app main{padding:24px 14px 60px}.creator-app .feed-gate{padding:18px;border-radius:18px}.creator-app .feed-header nav span,.creator-app .feed-header nav b{display:none}.creator-app .feed-header nav{gap:9px}.creator-app .feed-gate h1{font-size:2.35rem}.creator-gate-metrics{grid-template-columns:1fr 1fr}.creator-gate-metrics div:last-child{grid-column:1/-1}.creator-gate-output{align-items:flex-start;flex-direction:column}.creator-app .steps{grid-template-columns:1fr 1fr;gap:9px}.creator-app .steps li{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.creator-app *{scroll-behavior:auto!important}}

/* a11y 27.09 */
.creator-gate-metrics small{color:#56627a}