.brand-icon{position:relative;display:inline-block;width:29px;height:25px;flex:0 0 29px;overflow:hidden;background:#080808;border-radius:4px}
.brand-icon img,.wordmark .brand-icon img{position:absolute;width:53.57px;height:53.57px;max-width:none;left:-12.45px;top:-16.4px;margin:0;object-fit:contain}
.wordmark{gap:2px}.wordmark .brand-icon{margin-right:7px}.wordmark .workspace-label{margin-left:8px}
.social-link{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;flex:0 0 33px;border:1px solid var(--line);border-radius:8px;color:var(--text);transition:color .15s,border-color .15s}
.social-link:hover,.social-link:focus-visible{color:var(--green);border-color:var(--green)}
.social-link svg,.runon-x-nav svg,.footer-x svg{width:15px;height:15px;fill:currentColor;stroke:none}
.topbar .search-trigger{min-width:0;flex:1}.topbar .top-links{margin-left:auto}
.page-footer .footer-brand{margin-left:0;display:flex;align-items:center;gap:4px;font-family:Geist,Arial,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.045em;color:var(--text)}
.footer-brand .brand-icon{margin-right:3px}.page-footer .footer-x{display:flex;align-items:center;gap:7px;color:var(--muted);white-space:nowrap}.footer-x:hover{color:var(--green)}
.page-footer>a:last-child{margin-left:0}.page-footer{flex-wrap:wrap}.page-footer>span{font-size:10px}
.studio-shell{border-radius:10px}.studio-topbar{gap:12px}.studio-project{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.studio-canvas .canvas-stage{background:#0c0c0c;min-height:335px}
.runon-campaign{background:#080808;border:1px solid #242424;color:#f4f4f4;max-width:365px;container-type:normal}
.runon-campaign:after{display:none}.runon-campaign canvas{display:block;width:100%;height:auto;aspect-ratio:inherit}
.runon-campaign[data-format=banner]{width:100%;max-width:100%;aspect-ratio:3}
.runon-campaign[data-format=story]{width:68%;max-width:245px;aspect-ratio:9/16}
.download-button:disabled{opacity:.45;cursor:wait}.canvas-status{min-height:46px}
@media(min-width:1280px){.topbar{gap:22px}.studio-page{max-width:840px}}
@media(max-width:1000px) and (min-width:761px){.topbar{gap:13px}.topbar .search-trigger{max-width:240px}.topbar .workspace-label{font-size:15px}.wordmark{min-width:166px}}
@media(max-width:760px){.topbar{gap:10px}.topbar .search-trigger{flex:0 0 29px;margin-left:auto;max-width:29px;padding:4px}.social-link{width:30px;height:30px;flex-basis:30px;border-radius:7px}.wordmark .brand-icon{margin-right:4px}.wordmark .workspace-label{font-size:14px;margin-left:5px}.runon-campaign[data-format=story]{width:76%}.page-footer{gap:14px}.page-footer .footer-x{margin-left:auto}.page-footer>span{flex-basis:100%;order:3}.canvas-status{font-size:9px}.studio-topbar{padding:0 14px}.badge{white-space:nowrap}}
@media(max-width:360px){.wordmark .workspace-label{display:none}}
.site-intro{display:none;position:fixed;inset:0;z-index:1000;background:#080808;color:#f4f4f4;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}
.runon-entering .site-intro{display:flex;animation:runon-exit .45s 1.35s both}
.intro-lockup{display:flex;align-items:center;gap:14px;animation:runon-reveal .65s both;font:600 52px/1 Geist,Arial,sans-serif;letter-spacing:-.06em}
.intro-lockup .brand-icon{width:57px;height:49px;flex-basis:57px;transform:scale(1);border-radius:0}
.intro-lockup .brand-icon img{width:107px;height:107px;left:-25px;top:-32px}
.site-intro p{margin-top:19px;font:400 13px/1.4 Geist,Arial,sans-serif;letter-spacing:.02em;color:#8b8b8b;animation:runon-reveal .65s .12s both}
.intro-progress{display:block;margin-top:34px;width:138px;height:2px;background:#1c1c1c;overflow:hidden}
.intro-progress:after{content:'';display:block;height:100%;width:100%;background:#05e587;transform-origin:left;animation:runon-progress 1.35s cubic-bezier(.2,.8,.2,1) both}
.runon-arrived main{animation:runon-content .4s both}
@keyframes runon-reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes runon-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes runon-exit{to{opacity:0;visibility:hidden}}
@keyframes runon-content{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.site-intro{display:none!important}.runon-arrived main{animation:none}}