/* Site theme v2 (2026-09-26): the landing's design language for every inner page. Enabled by , loaded LAST. It replaces the "Creator OS" rail (creator-os.css) with the landing's top bar and recolours the tools through their CSS variables where possible. Landing reference: home.css, home-blocks.css (navy panels, cyan #1fc9f1, violet glow, Montserrat). */ body.site-v2{ --v2-bg:#03070a; --v2-cyan:#1fc9f1; --v2-cyan-hi:#6fe3ff; --v2-violet:#8a7dff; --v2-ink:#e9f3ff; --v2-muted:rgba(214,229,250,.68); --v2-faint:rgba(200,214,238,.46); --v2-line:rgba(110,170,255,.2); --v2-line-hi:rgba(111,227,255,.55); --v2-panel:linear-gradient(160deg,rgba(12,22,52,.82),rgba(5,10,28,.92)); --v2-panel-solid:#0a1330; --v2-inset:rgba(5,10,28,.88); --v2-font:'Montserrat',system-ui,sans-serif; --v2-mono:Consolas,'SFMono-Regular','Cascadia Mono',monospace; --v2-radius:14px; --v2-head-h:60px; /* Creator OS tokens used all over the tools */ --os-ink:var(--v2-bg); --os-rail:#060c1e; --os-panel:#0a1330; --os-panel-2:#0e1a3c; --os-paper:var(--v2-ink); --os-muted:var(--v2-muted); --os-line:var(--v2-line); --os-cyan:var(--v2-cyan); --os-blue:#3d7bff; --os-violet:var(--v2-violet); --os-display:var(--v2-font); --os-body:var(--v2-font); --os-rail-w:0px; } /* Process / Builder workspace tokens (workspace-editor.css) */ body.site-v2.is-showcase-workspace,body.site-v2{ --editor-surface:#0a1330; --editor-inset:#060d24; --editor-line:rgba(110,170,255,.22); --editor-ink:#eef6ff; --editor-muted:rgba(214,229,250,.7); --editor-accent:#1fc9f1; } /* ------------------------------------------------------------------ base */ html:has(body.site-v2){background:#03070a!important} body.site-v2{ padding:0!important;min-height:100vh!important; color:var(--v2-ink)!important;font-family:var(--v2-font)!important; background: radial-gradient(900px 620px at 8% 12%,rgba(138,125,255,.13),transparent 70%), radial-gradient(820px 600px at 96% 38%,rgba(31,201,241,.1),transparent 70%), radial-gradient(900px 700px at 40% 100%,rgba(61,123,255,.08),transparent 70%), var(--v2-bg)!important; background-attachment:fixed!important; } body.site-v2::before,body.site-v2::after{content:none!important} /* overflow-x:hidden made a scroll container that never scrolls, which broke position:sticky */ body.site-v2{overflow-x:clip!important;overflow-y:visible!important} body.site-v2 :is(button,input,select,textarea,.btn){font-family:var(--v2-font)} /* ---------------------------------------------------------------- header */ /* Same top bar as the landing (home.css .page-home header), sticky on inner pages. */ body.site-v2 #ssHeadHost{position:sticky!important;left:auto!important;right:auto!important;bottom:auto!important;top:0!important;z-index:1000!important;width:100%!important;height:var(--v2-head-h)!important;padding:0!important} body.site-v2 .ss-head{ position:relative!important;inset:auto!important;top:auto!important;width:100%!important;height:var(--v2-head-h)!important;min-height:0!important;margin:0!important; border:0!important;border-bottom:1px solid rgba(90,150,255,.13)!important;border-radius:0!important; background:linear-gradient(90deg,rgba(3,8,22,.96),rgba(6,14,34,.93) 50%,rgba(3,8,22,.96))!important; box-shadow:0 10px 30px rgba(0,0,0,.25)!important;backdrop-filter:blur(10px)!important; } body.site-v2 .ss-head::before{content:none!important;display:none!important} body.site-v2 .ss-head .ss-wrap.ss-head__in{ width:min(100% - 48px,1480px)!important;max-width:1480px!important;height:100%!important;margin:0 auto!important;padding:0!important; display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important; } body.site-v2 .ss-logo{position:static!important;inset:auto!important;min-height:0!important;padding:0!important;width:auto!important;max-width:none!important;order:0;gap:10px!important;flex:0 0 auto!important} body.site-v2 .ss-logo::after{content:none!important;display:none!important} body.site-v2 .ss-logo__mark{width:34px!important;height:34px!important;border-radius:8px!important;background:rgba(8,16,36,.9)!important;border:1px solid rgba(111,227,255,.4)!important;box-shadow:none!important} body.site-v2 .ss-logo__txt{ display:flex!important;flex-direction:column!important;align-items:flex-start!important;max-width:none!important;white-space:nowrap!important; font:900 14px/1.02 var(--v2-font)!important;letter-spacing:.01em!important;text-transform:uppercase!important;color:#fff!important; } body.site-v2 .ss-logo__txt b,body.site-v2 .ss-logo__txt span{display:block!important;margin:0!important;font:900 14px/1.02 var(--v2-font)!important;letter-spacing:.01em!important} body.site-v2 .ss-logo__txt span{color:var(--v2-cyan)!important} body.site-v2 .ss-nav{order:1;flex:1!important;justify-content:center!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;height:100%!important;margin:0!important;gap:4px!important} body.site-v2 .ss-nav::before,body.site-v2 .ss-head__right::before{content:none!important;display:none!important} body.site-v2 .ss-nav__i{ position:relative!important;flex:0 0 auto!important;height:100%!important;min-height:0!important;padding:0 12px!important;gap:7px!important; justify-content:center!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important; font:600 13px/1 var(--v2-font)!important;color:rgba(226,238,255,.78)!important; } body.site-v2 .ss-nav__i svg{width:14px!important;height:14px!important;opacity:.8!important;filter:none!important} body.site-v2 .ss-nav__i:hover{color:#fff!important;transform:none!important;background:transparent!important} body.site-v2 .ss-nav__i.is-on{color:#fff!important;background:transparent!important} body.site-v2 .ss-nav__i.is-on svg{color:var(--v2-cyan)!important;opacity:1!important} body.site-v2 .ss-nav__i>span::after,body.site-v2 .ss-nav__i.is-on::before{content:none!important;display:none!important} body.site-v2 .ss-nav__i.is-on::after{content:""!important;display:block!important;position:absolute!important;left:12px!important;right:12px!important;bottom:0!important;top:auto!important;width:auto!important;height:2px!important;background:var(--v2-cyan)!important;box-shadow:0 0 12px rgba(31,201,241,.55)!important} body.site-v2 .ss-nav__tag{ position:static!important;margin:0 0 0 2px!important;padding:3px 5px!important;border:1px solid rgba(111,227,255,.55)!important; border-radius:3px!important;background:rgba(31,201,241,.1)!important;color:var(--v2-cyan-hi)!important;font:800 8.5px/1 var(--v2-font)!important; } body.site-v2 .ss-head__sp{display:none!important} body.site-v2 .ss-head__right{order:2!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;width:auto!important} body.site-v2 .ss-account-primary{order:3!important;display:flex!important;align-items:center!important;align-self:center!important;flex-direction:row!important;position:static!important;margin:0 0 0 8px!important;width:auto!important;height:34px!important;min-height:0!important;padding:0!important} body.site-v2 .ss-account-primary>*{margin:0!important} body.site-v2 :is(.ss-activate,.ss-lang__btn,.ss-login-primary,.ss-btn--logout,.ss-pill){ width:auto!important;height:34px!important;min-height:0!important;border:1px solid rgba(110,160,230,.28)!important;border-radius:4px!important; background:rgba(8,16,36,.85)!important;color:#e6f0ff!important;box-shadow:none!important;transform:none!important; font:600 12.5px/1 var(--v2-font)!important;justify-content:center!important; } body.site-v2 .ss-activate{padding:0 12px!important;gap:7px!important} body.site-v2 .ss-activate svg{width:14px;height:14px;color:#9fdcff} body.site-v2 .ss-lang{width:auto!important;min-height:0!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important} body.site-v2 .ss-lang__btn{min-width:0!important;padding:0 10px!important;gap:7px!important} body.site-v2 .ss-lang__menu{top:calc(100% + 8px)!important;bottom:auto!important;left:auto!important;right:0!important} body.site-v2 .ss-login-primary{padding:0 18px!important;gap:8px!important;border-color:rgba(80,160,255,.55)!important;background:rgba(14,36,78,.85)!important;overflow:hidden!important} body.site-v2 .ss-login-primary::after{content:none!important;animation:none!important} body.site-v2 .ss-login-primary svg{width:14px;height:14px;color:#9fdcff!important;filter:none!important} body.site-v2 .ss-pill{padding:0 10px!important;gap:8px!important} body.site-v2 :is(.ss-activate,.ss-lang__btn,.ss-login-primary,.ss-pill,.ss-btn--logout):hover{border-color:rgba(111,227,255,.7)!important;color:#fff!important;transform:none!important} body.site-v2 .ss-btn--logout{padding:0 14px!important} body.site-v2 :is(.ss-logo__txt,.ss-nav__i span,.ss-nav__tag,.ss-activate span,.ss-btn span,.ss-pill>span:not(.ss-pill__av),.ss-pill__plan){display:revert} body.site-v2 .ss-burger{display:none!important} @media (max-width:1100px){ body.site-v2 .ss-nav{display:none!important} body.site-v2 .ss-burger{display:inline-flex!important} body.site-v2 .ss-head__right>*:not(.ss-burger):not(.ss-lang){display:none!important} } /* --------------------------------------------------- tools tab strip (/app) */ body.site-v2 .top-chrome{ position:sticky!important;top:var(--v2-head-h)!important;z-index:900!important; width:100%!important;max-width:none!important;margin:0!important;padding:0!important; border:0!important;border-bottom:1px solid rgba(90,150,255,.12)!important;border-radius:0!important; background:rgba(4,9,24,.9)!important;backdrop-filter:blur(10px)!important;box-shadow:0 8px 24px rgba(0,0,0,.22)!important; } body.site-v2 .top-chrome-inner{width:min(100% - 48px,1480px)!important;margin:0 auto!important;padding:0!important} body.site-v2 .top-chrome .brand-row{display:none!important} body.site-v2 .top-chrome .nav{justify-content:safe center!important;gap:2px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow-x:auto!important;scrollbar-width:none} body.site-v2 .top-chrome .nav::-webkit-scrollbar{display:none} body.site-v2 .top-chrome .nav button{ min-width:0!important;min-height:48px!important;padding:0 11px!important; display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important; border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; color:rgba(226,238,255,.66)!important;font:600 12.5px/1 var(--v2-font)!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important; } body.site-v2 .top-chrome .nav button::before{position:static!important;flex:0 0 auto;width:15px!important;height:15px!important;margin:0!important;top:auto!important;background:currentColor!important;filter:none!important;opacity:.8} body.site-v2 .top-chrome .nav button:hover{color:#fff!important} body.site-v2 .top-chrome .nav button.active{color:#fff!important} body.site-v2 .top-chrome .nav button.active::before{background:var(--v2-cyan)!important;opacity:1} body.site-v2 .top-chrome .nav button.active::after{content:""!important;display:block!important;position:absolute!important;left:11px!important;right:11px!important;bottom:0!important;height:2px!important;background:var(--v2-cyan)!important;border-radius:0!important;box-shadow:0 0 12px rgba(31,201,241,.55)!important} body.site-v2 .top-chrome .nav .nav-group__trigger.is-current{box-shadow:inset 0 -2px 0 var(--v2-cyan)!important} body.site-v2 .sm-nav-indicator{display:none!important} body.site-v2 .top-chrome .nav button[hidden],body.site-v2 .top-chrome .nav [hidden]{display:none!important} /* ---------------------------------------------------------- page heading */ body.site-v2.page-tools .main{width:min(1480px,calc(100% - 48px))!important;max-width:none!important;margin:0 auto!important;padding:34px 0 90px!important} body.site-v2 .main>.back{display:inline-flex!important;align-items:center;gap:6px;margin:0 0 18px!important;padding:7px 12px!important;border:1px solid var(--v2-line)!important;border-radius:6px!important;background:rgba(8,16,36,.7)!important;color:var(--v2-muted)!important;font:600 12px/1 var(--v2-font)!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important} body.site-v2 .main>.back:hover{color:#fff!important;border-color:var(--v2-line-hi)!important} body.site-v2 .topbar{border:0!important;margin:0 0 22px!important;padding:0!important} body.site-v2 .h-title{font:800 clamp(28px,2.6vw,40px)/1.12 var(--v2-font)!important;letter-spacing:-.02em!important;text-transform:none!important;color:#f4f9ff!important} body.site-v2 .h-title::before{color:var(--v2-cyan)!important;font:800 11px/1.4 var(--v2-mono)!important;letter-spacing:.16em!important} body.site-v2 .h-sub{max-width:760px!important;color:var(--v2-muted)!important;font:500 14px/1.6 var(--v2-font)!important;letter-spacing:0!important;text-transform:none!important} /* --------------------------------------------------------- panels, cards */ body.site-v2 :is(.tab>.card,.page-tools .card,.compose-controls,.compose-preview-panel,.steam-block,.upscale-lock,.workshop-studio__panel,.workshop-studio__intro,#showcaseBuilder>.card){ background:var(--v2-panel)!important;border:1px solid var(--v2-line)!important;border-radius:var(--v2-radius)!important; box-shadow:0 18px 50px rgba(0,0,0,.28)!important;backdrop-filter:none!important; } body.site-v2 .tab>.card:hover{border-color:rgba(110,170,255,.3)!important} body.site-v2 :is(.tab>.card>h2:first-child,.compose-controls>h2,.page-tools #tab-process h2,.card>h2){ font:800 16px/1.35 var(--v2-font)!important;letter-spacing:0!important;text-transform:none!important;color:#f2f8ff!important; } body.site-v2 .tab>.card>h2:first-child::before{background:var(--v2-cyan)!important;border-radius:2px!important} body.site-v2 .editor-step{background:rgba(31,201,241,.14)!important;color:var(--v2-cyan)!important;border:1px solid rgba(31,201,241,.35)} body.site-v2 :is(.steps,.editor-note,.tool-outcome,.card p){font-family:var(--v2-font)!important;letter-spacing:0!important} body.site-v2 .editor-note,body.site-v2 .steps{color:var(--v2-muted)!important} /* ------------------------------------------------------ buttons & fields */ body.site-v2 :is(.btn:not(.ghost),.btn-pill,.btn-shiny-cta,.c3-btn){ border:1px solid var(--v2-cyan)!important;border-radius:8px!important;background:var(--v2-cyan)!important;color:#03131a!important; box-shadow:0 0 0 rgba(0,0,0,0)!important;transform:none!important; font:800 13px/1.2 var(--v2-font)!important;letter-spacing:0!important;text-transform:none!important; } body.site-v2 :is(.btn:not(.ghost),.btn-pill,.btn-shiny-cta,.c3-btn):hover{background:var(--v2-cyan-hi)!important;border-color:var(--v2-cyan-hi)!important;box-shadow:0 0 30px rgba(31,201,241,.35)!important;transform:none!important} body.site-v2 :is(.btn:not(.ghost),.btn-pill):disabled{background:rgba(31,201,241,.35)!important;border-color:transparent!important;color:rgba(3,19,26,.7)!important;box-shadow:none!important} body.site-v2 .btn.ghost{ border:1px solid rgba(110,160,230,.3)!important;border-radius:8px!important;background:rgba(8,16,36,.85)!important;color:#e6f0ff!important; box-shadow:none!important;transform:none!important;font:700 12.5px/1.2 var(--v2-font)!important;letter-spacing:0!important;text-transform:none!important; } body.site-v2 .btn.ghost:hover{border-color:var(--v2-line-hi)!important;background:rgba(31,201,241,.1)!important;color:#fff!important} body.site-v2 :is(.main,.top-chrome) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea,.input){ border:1px solid rgba(110,170,255,.24)!important;border-radius:8px!important;background:var(--v2-inset)!important;color:var(--v2-ink)!important; font-family:var(--v2-font)!important;box-shadow:none!important; } body.site-v2 :is(.main,.top-chrome) :is(input,select,textarea):focus{outline:none!important;border-color:var(--v2-cyan)!important;box-shadow:0 0 0 3px rgba(31,201,241,.14)!important} body.site-v2 .main input[type=color]{border-radius:8px!important;border:1px solid rgba(110,170,255,.24)!important;background:var(--v2-inset)!important} body.site-v2 .field>span,body.site-v2 label>span{font-family:var(--v2-font)!important;letter-spacing:0!important;text-transform:none!important} body.site-v2 details>summary{font-family:var(--v2-font)!important} body.site-v2 .status{font-family:var(--v2-font)!important;letter-spacing:0!important} /* Drop zones */ body.site-v2 :is(.page-tools #drop,.drop,.sm-upload-surface){ border:1px dashed rgba(111,227,255,.38)!important;border-radius:12px!important; background:linear-gradient(135deg,rgba(31,201,241,.05),rgba(138,125,255,.05)),rgba(5,10,28,.7)!important; } body.site-v2 :is(.page-tools #drop,.drop,.sm-upload-surface):hover{border-color:var(--v2-cyan)!important;background:rgba(31,201,241,.08)!important;transform:none!important} body.site-v2 .editor-upload-icon{background:rgba(31,201,241,.12)!important;border-color:rgba(31,201,241,.4)!important;color:var(--v2-cyan)!important;border-radius:12px!important} /* Mode cards, tiles and chips */ body.site-v2 .page-tools #processModeCard .mode,body.site-v2 #processModeCard .mode{border-radius:10px!important;border-color:rgba(110,170,255,.22)!important;background:rgba(5,10,28,.7)!important} body.site-v2 #processModeCard .mode.active{border-color:var(--v2-cyan)!important;background:linear-gradient(160deg,rgba(31,201,241,.14),rgba(61,123,255,.08))!important;box-shadow:inset 0 -3px var(--v2-cyan)!important} body.site-v2 #processModeCard .mode>small{font-family:var(--v2-mono)!important} body.site-v2 :is(.sqfx__style,.sqfx__preset,.process-frame__target button,.process-summary li){border-radius:8px!important;border-color:rgba(110,170,255,.22)!important;background:rgba(5,10,28,.72)!important;font-family:var(--v2-font)!important} body.site-v2 .sqfx__style[aria-checked=true],body.site-v2 .process-frame__target button[aria-pressed=true]{border-color:var(--v2-cyan)!important;background:rgba(31,201,241,.14)!important} body.site-v2 .workspace-switch__modes{border-radius:12px!important;border-color:var(--v2-line)!important;background:rgba(5,10,28,.72)!important} body.site-v2 .workspace-switch__modes>button{border-radius:9px!important} body.site-v2 .workspace-switch__modes>button.active{background:linear-gradient(160deg,rgba(31,201,241,.16),rgba(61,123,255,.1))!important;box-shadow:inset 0 0 0 1px var(--v2-cyan)!important} body.site-v2 .process-sample{border-radius:10px!important;border-color:rgba(111,227,255,.4)!important;background:linear-gradient(90deg,rgba(31,201,241,.14),rgba(138,125,255,.16))!important;font-family:var(--v2-font)!important} /* Preview frame */ body.site-v2 #wmCanvasWrap{border-radius:12px!important;border-color:var(--v2-line)!important;background:#02050f!important} /* Result dialog and job center keep their structure, recoloured */ body.site-v2 .workspace-result-modal__dialog,body.site-v2 .job-center aside{border-radius:14px!important;border-color:var(--v2-line)!important;background:linear-gradient(180deg,#0e1a3c,#050a1c)!important;border-top:2px solid var(--v2-cyan)!important} body.site-v2 :is(.workspace-result__steam,.workspace-result__next,.workspace-result__saved,.job-center__job,.job-center__result){border-radius:10px!important;border-color:var(--v2-line)!important;background:rgba(5,10,28,.7)!important} /* ---------------------------------------------------------------- footer */ body.site-v2 .app-footer{border-top:1px solid rgba(90,150,255,.12)!important;background:transparent!important} body.site-v2 .app-footer a{font-family:var(--v2-font)!important} /* ------------------------------------------- Workshop Studio (own palette) */ body.site-v2 .workshop-studio__intro{border:1px solid var(--v2-line)!important;border-radius:var(--v2-radius)!important;background:linear-gradient(120deg,rgba(31,201,241,.1),rgba(138,125,255,.08) 55%,rgba(5,10,28,.92))!important} body.site-v2 .workshop-studio__seal{border-color:rgba(111,227,255,.45)!important;border-radius:8px!important} body.site-v2 :is(.workshop-studio__card,.workshop-studio__preview){border:1px solid var(--v2-line)!important;border-radius:var(--v2-radius)!important;background:var(--v2-panel)!important;box-shadow:0 18px 50px rgba(0,0,0,.28)!important} body.site-v2 .workshop-studio__modes button{border-color:rgba(110,170,255,.22)!important;border-radius:10px!important;background:rgba(5,10,28,.72)!important} body.site-v2 .workshop-studio__modes button[aria-pressed=true]{border-color:var(--v2-cyan)!important;background:linear-gradient(160deg,rgba(31,201,241,.16),rgba(61,123,255,.1))!important} body.site-v2 .workshop-studio__source{border-color:rgba(110,170,255,.2)!important;border-radius:10px!important;background:rgba(5,10,28,.6)!important} body.site-v2 .workshop-studio__source.is-dragover{background:rgba(31,201,241,.1)!important} body.site-v2 .workshop-studio__number{background:rgba(31,201,241,.16)!important;color:var(--v2-cyan)!important;border-radius:6px!important} body.site-v2 .workshop-studio__source-head button{border-color:rgba(111,227,255,.4)!important;border-radius:8px!important;background:rgba(31,201,241,.1)!important} body.site-v2 .workshop-studio__source-head button:hover{background:rgba(31,201,241,.2)!important} body.site-v2 .workshop-studio__grade{border-color:rgba(110,170,255,.2)!important;border-radius:8px!important} body.site-v2 .workshop-studio__preview-rows,body.site-v2 .workshop-squares__stage{background:#02050f!important;border-radius:10px} body.site-v2 .workshop-studio__preview-row{border-color:rgba(110,170,255,.25)!important} body.site-v2 .workshop-studio__preview-empty{background:linear-gradient(130deg,rgba(12,22,52,.9),rgba(5,10,28,.95))!important;color:var(--v2-muted)!important} body.site-v2 .workshop-studio__card #workshopFreeNote{background:rgba(31,201,241,.07)!important;border-color:var(--v2-cyan)!important} /* Old "Creator OS" backdrop layers on .shell (grid, conic sweep, glows) -> landing background only */ body.site-v2 .shell{background:transparent!important} body.site-v2 .shell::before,body.site-v2 .shell::after{content:none!important;display:none!important;animation:none!important} /* ------------------------------------------------ extension guide page */ body.site-v2.page-extension-guide,body.site-v2 .eg{ --eg-cyan:var(--v2-cyan);--eg-ink:var(--v2-ink);--eg-line:var(--v2-line);--eg-panel:linear-gradient(160deg,rgba(12,22,52,.82),rgba(5,10,28,.92)); } body.site-v2 .eg,body.site-v2 .eg :is(h1,h2,h3,p,li,span,strong,small,a,button){font-family:var(--v2-font)} body.site-v2 .eg :is(.eg-kicker,.eg-route__top,.eg-route__number){font-family:var(--v2-mono)} body.site-v2 .eg h1{font-weight:900!important;letter-spacing:-.03em!important} body.site-v2 .eg h2{font-weight:800!important;letter-spacing:-.02em!important} body.site-v2 .eg-button{border-radius:8px!important;box-shadow:none!important;font:800 14px/1.3 var(--v2-font)!important} body.site-v2 .eg-button--primary:hover{background:var(--v2-cyan-hi)!important;box-shadow:0 0 30px rgba(31,201,241,.35)!important} body.site-v2 .eg-button--ghost{border:1px solid rgba(110,160,230,.3)!important;background:rgba(8,16,36,.85)!important} body.site-v2 :is(.eg-route,.eg-choice__card,.eg-shot,.eg-files__types,.eg-files__note,.eg-flow--manual,.eg-bottom){border-radius:var(--v2-radius)!important;border-color:var(--v2-line)!important} body.site-v2 .eg-choice__eyebrow{font-family:var(--v2-font)!important} /* Process / Builder workspace keeps the full width on large screens (wide canvas, catalogue). */ body.site-v2.page-tools.is-showcase-workspace .main{width:calc(100% - 48px)!important} /* Site announcements sit below the sticky header (and the tools tab strip), never over them. */ body.site-v2 .ss-notices{top:calc(var(--maintenance-h,0px) + var(--v2-head-h) + 14px)!important} body.site-v2.page-tools .ss-notices{top:calc(var(--maintenance-h,0px) + var(--v2-head-h) + 62px)!important} body.site-v2 .ss-notices>*{border-radius:10px!important;border-color:var(--v2-line)!important;background:linear-gradient(180deg,#0e1a3c,#050a1c)!important}