/* Shared Emerv visual system — decorative only, no generated preview document is styled. */
body.st-suite.st-suite{--bg:#fdfbf9;--bg2:#fffdfa;--bg3:#f3eee8;--surface:#faf6f1;--surface-2:#f0e9e1;--surface-3:#e9dfd4;--card:#fffdfa;--text:#302f2b;--ink:#302f2b;--ink-soft:#777067;--ink-faint:#a1968a;--muted:#817a72;--muted2:#a0968b;--border:#e7dfd5;--border2:#d9cdc0;--border-2:#d9cdc0;--hairline:#e7dfd5;--cta:#302f2b;--cta-h:#53463c;--accent:#bd8574;--violet:#ad7568;--violet2:#ad7568;--blue:#ad7568;--cyan:#6c9390;--pink:#c77c75;--green:#64876e;--card-shadow:0 12px 38px #503e2808;background:#fdfbf9!important;color:#302f2b!important;font-family:'DM Sans',sans-serif!important}
body.st-suite.st-suite :is(h1,h2,h3,h4){font-family:'DM Sans',sans-serif!important;color:#302f2b!important;letter-spacing:-.035em!important}
body.st-suite.st-suite :is(button,input,textarea,select){font-family:inherit}
body.st-suite.st-suite :is(.page-aurora,.orb-layer,.empty-aurora){display:none!important}
/* One crisp mark, from browser tab to navigation. */
body:is(.st-brand,.st-suite) :is(.brand-logo-img,.nav-logo-dot,.topnav-logo-dot,.brand .dot,.logo-dot){display:inline-block!important;width:30px!important;height:30px!important;flex-shrink:0!important;border:0!important;border-radius:0!important;background:transparent url('emerv-star.svg') center/contain no-repeat!important;box-shadow:none!important;vertical-align:middle!important}
body:is(.st-brand,.st-suite) :is(.brand-logo-img,.nav-logo-dot,.topnav-logo-dot,.logo-dot):before,body:is(.st-brand,.st-suite) :is(.brand-logo-img,.nav-logo-dot,.topnav-logo-dot,.logo-dot):after{content:none!important;display:none!important}
body.st-suite.st-suite :is(.topbar,.seller-nav,.topnav,nav){background:#fdfbf9f5!important;border-color:#e7dfd5!important;box-shadow:none!important}
body.st-suite.st-suite :is(.nav-logo,.tb-logo,.seller-nav-logo,.brand){color:#302f2b!important;letter-spacing:-.04em!important}
body.st-suite.st-suite :is(.nbtn.primary,.btn-primary,.btn-next,.btn-save,.ebtn-primary,.pill:not(.ghost),.tb-btn.primary,.gen-btn,.ci-send,.gen-preview-btn,.ba-btn.primary,.tpl-select-btn,.tu-btn,.btn-checkout,.checkout-btn){background:#302f2b!important;color:#fff!important;border-color:#302f2b!important;border-radius:30px!important;box-shadow:none!important}
body.st-suite.st-suite :is(.btn-secondary,.btn-ghost,.btn-back,.ebtn-secondary,.ba-btn,.tb-btn,.pill.ghost){background:#f7f1ea!important;border:1px solid #e4d8cc!important;color:#726356!important;border-radius:30px!important;box-shadow:none!important}
body.st-suite.st-suite :is(.mode-btn.active-game,.mode-btn.active-app,.mode-btn.active-website,.mode-btn.active-business,.dt-btn.active,.tab-btn.active,.panel-tab.active,.blp-tab-item.active,.dim-btn.active-2d,.dim-btn.active-3d){background:#ebd9ce!important;color:#805747!important;box-shadow:none!important;border-color:#dbbdac!important}
body.st-suite.st-suite :is(.sidebar,.sidebar-nav,.docs-sidebar,.rail){background:#f6f1eb!important;border-color:#e7dfd5!important}
body.st-suite.st-suite :is(.sidebar-link.active,.si.active,.rail button.on){background:#ecded2!important;color:#885d4c!important;border-radius:12px!important}
body.st-suite.st-suite :is(.card,.table-card,.chart-card,.comp-card,.sidebar-card,.conv-card,.panel-card,.topup-card,.challenge-card,.notif-item,.status-row,.faq-item){background:#fffdfa!important;border:1px solid #e7dfd5!important;border-radius:20px!important;box-shadow:0 8px 30px #503e2804!important}
body.st-suite.st-suite :is(.kpi,.token-card){background:#f3ebe3!important;border:1px solid #e7dfd5!important;border-radius:20px!important;box-shadow:none!important}
body.st-suite.st-suite .kpi:nth-child(3n+2){background:#edf0e6!important}
body.st-suite.st-suite .kpi:nth-child(3n){background:#eee7f1!important}
body.st-suite.st-suite :is(.kpi-val,.kpi-value){color:#302f2b!important;letter-spacing:-.045em!important}
body.st-suite.st-suite :is(.modal,.modal-content,.modal-box,.dialog,.sheet){background:#fffcf8!important;border-color:#e1d6c8!important;border-radius:22px!important;box-shadow:0 24px 80px #42332724!important}
body.st-suite.st-suite :is(th,.table-header,.tc-header){background:#f6f0e9!important;color:#8a7765!important;border-color:#e7dfd5!important}
body.st-suite.st-suite :is(td,tr){border-color:#eee6dd!important}
body.st-suite.st-suite :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:#e3d7ca!important;color:#302f2b!important;background:#fffdfa!important}
body.st-suite.st-suite :is(.progress-fill,.credits-fill,.ch-progress-fill){background:#c68f7b!important}
body.st-suite.st-suite :is(.nav-link,.sidebar-link,.tab-btn,.si){transition:background .2s,color .2s!important}
body.st-suite.st-suite :is(.card,.challenge-card,.tpl-card,.topup-card,.plan){transition:transform .25s,box-shadow .25s!important}
body.st-suite.st-suite :is(.card,.challenge-card,.tpl-card,.topup-card,.plan):hover{box-shadow:0 16px 40px #503e2810!important}
/* Informational and community pages: editorial rhythm, generous type and warm surfaces. */
body.st-secondary.st-suite :is(.page-hero,.hero-section){padding-top:80px!important;padding-bottom:65px!important;background:radial-gradient(ellipse at 50% 0,#f2dfd4,transparent 72%)!important;border-color:#eee4da!important}
body.st-secondary.st-suite :is(.page-h1,.hero-title){font-size:clamp(40px,5vw,68px)!important;font-weight:650!important;line-height:1.08!important;letter-spacing:-.055em!important;background:none!important;-webkit-text-fill-color:#302f2b!important}
body.st-secondary.st-suite :is(.page-lead,.hero-sub){color:#817a72!important;line-height:1.8!important}
body.st-secondary.st-suite :is(.page-kicker,.page-tag,.ph-tag,.sh-tag,.page-header-eyebrow){color:#a5816c!important;letter-spacing:.14em!important;background:transparent!important}
body.st-secondary.st-suite :is(.page-body,.content-prose){color:#6f685f!important;line-height:1.8!important}
body.st-secondary.st-suite .content-prose h2{margin-top:36px!important}
body.st-secondary.st-suite :is(.highlight-box,.lang-note,.cta-box){background:#f3e8de!important;border-color:#e1cfc0!important;border-radius:20px!important}
body.st-secondary.st-suite :is(.page-header,.page-head,.ph){border-color:#e7dfd5!important}
body.st-secondary.st-suite :is(.pref-item,.pi-left,.ni-title,.ni-sub){color:inherit!important}
body.st-secondary.st-suite .panel{background:#fffdfa!important;border-color:#e7dfd5!important;border-radius:22px!important}
/* Pricing and billing use the same calm card language as the landing. */
body.st-suite:is(.st-page-pricing,.st-page-pricing-checkout) .plan{background:#fffdfa!important;border:1px solid #e7dfd5!important;border-radius:24px!important;box-shadow:none!important;overflow:hidden}
body.st-suite:is(.st-page-pricing,.st-page-pricing-checkout) :is(.plan.creator,.plan.popular,.plan.featured){background:#f4e9e0!important;border-color:#d8bca8!important}
body.st-suite:is(.st-page-pricing,.st-page-pricing-checkout) :is(.plan-price,.plan-name){color:#302f2b!important;background:none!important;-webkit-text-fill-color:#302f2b!important}
body.st-suite:is(.st-page-pricing,.st-page-pricing-checkout) .topup{background:#f4eee7!important;border-color:#e7dfd5!important;border-radius:18px!important}
/* Full editors: tactile panels, an ivory work surface and readable controls. */
body.st-editor.st-suite #builderLayout{background:#f4eee7!important;padding:12px!important;gap:12px!important;box-sizing:border-box!important}
body.st-editor.st-suite #leftPanel{background:#fffdfa!important;border:1px solid #e4d9cc!important;border-radius:20px!important;box-shadow:0 8px 28px #56402906!important}
body.st-editor.st-suite :is(.blp-tabs-bar,.br-bar,.preview-header,.panel-tabs,.editor-tabs,.chat-input-wrap,.ci-wrap){background:#faf5ef!important;border-color:#e7dfd5!important}
body.st-editor.st-suite :is(.br-panel,.center-panel){background:#fffdfa!important;border:1px solid #e4d9cc!important;border-radius:20px!important;overflow:hidden!important}
body.st-editor.st-suite .preview-area{background:radial-gradient(ellipse at 50% 30%,#f5e2d780,transparent 60%),radial-gradient(#c7b5a655 .8px,transparent .8px),#f7f2ec!important;background-size:auto,12px 12px,auto!important}
body.st-editor.st-suite .preview-area:before,body.st-editor.st-suite .preview-area:after{display:none!important}
body.st-editor.st-suite :is(.comp-item,.genre-chip,.style-opt,.asset-thumb,.deploy-guide,.deploy-panel,.ef-item){background:#faf5ef!important;color:#6b5e52!important;border:1px solid #e6d9cd!important;border-radius:12px!important;box-shadow:none!important}
body.st-editor.st-suite :is(.comp-item.active,.genre-chip.selected,.genre-chip.active,.style-opt.active){background:#eddacf!important;border-color:#cfae9a!important;color:#7d5040!important}
body.st-editor.st-suite :is(.chat-msg,.msg.assistant,.message.assistant,.aw-message){background:#f5eee6!important;border-color:#e7d9cc!important;color:#5e554b!important;border-radius:15px!important}
body.st-editor.st-suite :is(.chat-msg.user,.msg.user,.message.user){background:#ead9cf!important;color:#573f33!important}
body.st-editor.st-suite :is(.brb-url,.preview-url){background:#f4eee7!important;color:#93816f!important;border-radius:25px!important}
body.st-editor.st-suite :is(.blp-tab-item,.panel-tab,.dt-btn,.mode-btn){border-radius:25px!important}
body.st-editor.st-suite :is(.empty-state,.empty-state-card){background:transparent!important;color:#817367!important}
body.st-editor.st-suite .empty-state-card{border:1px solid #e2d3c4!important;border-radius:26px!important;background:#fffaf4e8!important;padding:34px!important;box-shadow:0 25px 65px #7250360b!important}
body.st-editor.st-suite .empty-state h3{font-size:clamp(26px,3vw,42px)!important;letter-spacing:-.045em!important}
body.st-editor.st-suite :is(.qp,.idea-chip){background:#f1e4d8!important;border-color:#deccbb!important;color:#806651!important;border-radius:25px!important}
body.st-editor.st-suite :is(.left-panel,.right-panel){background:#fffdfa!important;border-color:#e4d9cc!important}
body.st-editor.st-suite :is(.loading-overlay,.gen-overlay){background:#fdfbf9f5!important;backdrop-filter:blur(16px)}
body.st-editor.st-suite :is(.loading-title,.gen-title){color:#302f2b!important}
body.st-editor.st-suite .empty-plan-notice{color:#8c7966!important;background:#f4e9df!important;border-color:#e3cdbc!important}
body.st-editor.st-suite :is(.phone-frame,.browser-frame){box-shadow:0 22px 70px #60493016!important;border-color:#cfc2b5!important}
body.st-page-builder .topbar{border-bottom:1px solid #e0d3c5!important}
body.st-page-builder .prompt-bar{background:#fffdfa!important;border:1px solid #dfcbb9!important;box-shadow:0 4px 18px #654b3610!important;border-radius:20px!important}
body.st-page-builder .preview-wrap{background:radial-gradient(#bba48b55 .8px,transparent .8px),#f6eee5!important;background-size:12px 12px!important}
body.st-page-builder .empty-icon{background:#edd6c8!important;border:0!important;box-shadow:none!important}
body.st-page-workspace .panel{background:#fffcf8!important;border-color:#e5d8ca!important}
body.st-page-workspace .phead{background:#f6eee5!important;border-color:#e5d8ca!important}
/* Code, preview iframes, canvases and status semantics retain their own presentation. */
/* Restore the supplied onboarding artwork exactly, with no low-opacity overlay. */
body.st-onboarding.st-suite .visual-content{display:none!important}
body.st-onboarding.st-suite .visual-panel{background:#f0ebe2!important;padding:0!important}
body.st-onboarding.st-suite img.ob-photo{display:block!important;position:absolute!important;inset:16px!important;width:calc(100% - 32px)!important;height:calc(100% - 32px)!important;object-fit:contain!important;opacity:1!important;mix-blend-mode:normal!important;filter:none!important;border-radius:20px!important}
@media(max-width:760px){body.st-secondary.st-suite :is(.page-hero,.hero-section){padding:44px 20px!important}body.st-secondary.st-suite :is(.page-h1,.hero-title){font-size:40px!important}body.st-editor.st-suite #builderLayout{padding:5px!important;gap:5px!important}body.st-editor.st-suite #leftPanel{border-radius:14px!important}body.st-editor.st-suite .br-panel{border-radius:14px!important}body.st-suite.st-suite :is(.table-card,.chart-card){max-width:100%;overflow-x:auto}body.st-suite.st-suite :is(.topbar,.seller-nav){gap:8px!important}}
@media(prefers-reduced-motion:reduce){body.st-suite *,body.st-brand *{animation-duration:.001ms!important;transition-duration:.001ms!important}}
body.st-page-builder.st-suite .topbar{height:auto!important;min-height:60px!important;flex-wrap:wrap!important;flex-shrink:0!important;padding:12px 18px!important;gap:10px!important;overflow:visible!important}
body.st-page-builder.st-suite .topbar>.tb-divider,body.st-page-builder.st-suite .topbar>.tb-spacer{display:none!important}
body.st-page-builder.st-suite .topbar>.project-name{margin-left:auto!important}
body.st-page-builder.st-suite .topbar>.topbar-actions{margin-left:auto;flex-wrap:wrap!important}
body.st-page-builder.st-suite .topbar>.prompt-bar{order:10;flex:1 1 100%!important;width:100%!important;max-width:none!important;min-height:56px!important;padding:8px 12px!important;display:flex!important;gap:8px!important}
body.st-page-builder.st-suite .prompt-bar #mainPrompt{flex:1!important;width:auto!important;min-width:70px!important;font-size:14px!important;border:0!important;padding:8px!important}
body.st-page-builder.st-suite .prompt-bar .gen-btn{flex-shrink:0!important;padding:12px 24px!important}
body.st-page-builder.st-suite .topbar>#ideaRow{order:11;display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0!important;width:auto!important}
body.st-page-builder.st-suite .topbar>.idea-hint{order:12;font-size:11px!important;margin:0!important;max-width:480px!important}
body.st-page-builder.st-suite .main{padding:10px!important;gap:10px!important;background:#f4eee7!important}
body.st-page-builder.st-suite :is(.left-panel,.right-panel){border:1px solid #e1d3c3!important;border-radius:18px!important;overflow:hidden!important}
body.st-page-builder.st-suite .empty-icon{width:70px!important;height:70px!important;border-radius:22px!important;margin:0 auto 22px!important;display:grid!important;place-items:center!important}
body.st-editor.st-suite .preview-empty-glow{display:none!important}
body.st-editor.st-suite .preview-empty-card{background:#fffaf4!important;border:1px solid #e5d5c3!important;border-radius:24px!important;box-shadow:0 20px 70px #60492f0c!important}
body.st-editor.st-suite .preview-empty-card:before{display:none!important}
body.st-editor.st-suite .preview-empty-kicker,body.st-editor.st-suite .preview-empty-steps span{color:#b4846c!important}
@media(max-width:760px){body.st-editor.st-suite{height:auto!important;min-height:100vh!important;overflow:auto!important}body.st-editor.st-suite #builderLayout{height:auto!important;min-height:100vh!important;flex-direction:column!important;overflow:visible!important}body.st-editor.st-suite #leftPanel{width:100%!important;min-width:0!important;height:430px!important;flex:none!important}body.st-editor.st-suite .br-panel{width:100%!important;min-height:600px!important;flex:none!important}body.st-editor.st-suite .preview-area{min-height:450px!important}body.st-editor.st-suite .br-bar{flex-wrap:wrap!important;height:auto!important;min-height:48px!important}body.st-editor.st-suite .brb-url{max-width:200px!important;overflow:hidden!important}body.st-editor.st-suite .ba-bar{flex-wrap:wrap!important;height:auto!important}body.st-page-builder.st-suite .main{flex-direction:column!important;overflow:visible!important}body.st-page-builder.st-suite :is(.left-panel,.right-panel,.center-panel){width:100%!important;min-width:0!important;flex:none!important}body.st-page-builder.st-suite .left-panel{max-height:430px!important;overflow:auto!important}body.st-page-builder.st-suite .center-panel{min-height:500px!important}body.st-page-builder.st-suite .right-panel{height:400px!important}body.st-page-builder.st-suite .topbar>.project-name{margin-left:0!important}body.st-page-builder.st-suite .topbar>.topbar-actions{margin:0!important}body.st-page-builder.st-suite .mode-switcher{flex-wrap:wrap!important}body.st-page-builder.st-suite .preview-wrap{min-height:450px!important}body.st-editor.st-suite .preview-empty-card{max-width:calc(100% - 24px)!important;padding:24px!important}body.st-editor.st-suite .preview-empty-steps{gap:6px!important}}
body.st-suite.st-suite :is(.plan-price,.plan-name,.kpi-val,.kpi-value,.logo,.emerv-logo,.page-title,.ph-title,.nav-link,.si,.plan-period,.plan-credits,.topup,.tu-price){font-family:'DM Sans',sans-serif!important}
body.st-suite.st-suite :is(.logo,.emerv-logo){color:#302f2b!important;background:none!important;-webkit-text-fill-color:#302f2b!important;display:inline-flex;align-items:center;gap:8px}
body.st-suite.st-suite :is(.emerv-nav,.universal-nav){background:#fdfbf9!important;border-color:#e7dfd5!important;box-shadow:none!important}
body.st-suite.st-suite :is(.plan-btn,.plan-cta,.emerv-cta){background:#302f2b!important;color:#fff!important;border-color:#302f2b!important;border-radius:30px!important;box-shadow:none!important}
body.st-suite:is(.st-page-pricing,.st-page-pricing-checkout) .hero{background:radial-gradient(ellipse at 50% 10%,#f0ded2,transparent 70%)!important}
body.st-suite:is(.st-page-pricing,.st-page-pricing-checkout) .hero:before,body.st-suite:is(.st-page-pricing,.st-page-pricing-checkout) .hero:after{display:none!important}
body.st-suite.st-suite :is(.jam-hero,.hub-hero-text,.rev-share-banner){background:radial-gradient(ellipse at 90% 0,#ecdad2,transparent 60%),#f2e9df!important;border:1px solid #e3d2c2!important;border-radius:24px!important;box-shadow:none!important}
body.st-suite.st-suite :is(.jam-hero h1 span,.rev-share-banner h4,.hero h1 span){color:#b27c69!important;background:none!important;-webkit-text-fill-color:#b27c69!important}
body.st-suite.st-suite .docs-sidebar{border-radius:18px!important;padding:18px!important}
body.st-suite.st-suite .period-btn.active{background:#e9d8cb!important;color:#895b46!important;border-color:#d6b7a2!important}
body.st-suite.st-suite .sidebar-avatar{background:#e8cebc!important;color:#7c5944!important;box-shadow:none!important}
@media(max-width:760px){body.st-page-public-project .topnav{height:auto!important;min-height:58px;flex-wrap:wrap!important;padding:12px!important}body.st-page-public-project .nav-spacer{display:none!important}body.st-page-workspace .topbar{height:auto!important;min-height:58px;flex-wrap:wrap!important;padding:10px!important}body.st-page-workspace .proj{max-width:100%;overflow-wrap:anywhere}body.st-page-workspace .main{grid-template-columns:52px minmax(0,1fr)!important}body.st-page-workspace .rail button{width:44px!important}body.st-page-workspace .panel{min-width:0!important}body.st-page-workspace .panel-inner{padding:14px!important;min-width:0!important}}
body.st-page-builder .empty-state-card{position:relative!important;overflow:visible!important}
.st-game-companion{position:absolute;right:28px;bottom:calc(100% - 8px);width:80px;height:100px;object-fit:contain;pointer-events:none}
@media(max-width:760px){body.st-editor.st-suite #screen-hub:has(#builderLayout[style*="flex"]){overflow:visible!important;height:auto!important}body.st-editor.st-suite .ba-bar,body.st-editor.st-suite .builder-actions{flex-wrap:wrap!important}}
body.st-editor.st-suite .app-aurora{display:none!important}
body.st-editor.st-suite .empty-state-card:before{display:none!important}
body.st-editor.st-suite .phone-screen:has(.phone-placeholder:not([style*="display: none"])){background:#faf3eb!important}
body.st-editor.st-suite .phone-placeholder{background:#faf3eb!important;color:#7d6c5c!important}
body.st-editor.st-suite .phone-placeholder :is(p,small){color:#8a7969!important}
body.st-editor.st-suite .phone-placeholder-icon svg{stroke:#bb967e!important}
body.st-editor.st-suite .phone-placeholder-steps>div{background:#eee0d1!important;border:1px solid #e0c9b6!important;border-radius:14px!important}
body.st-editor.st-suite .phone-placeholder-steps :is(strong,span){color:#825f46!important}
body.st-editor.st-suite .blp-tab-item:not(.active){color:#8a7969!important}
body.st-editor.st-suite .phone-screen:has(.phone-placeholder:not([style*="display: none"])) .phone-statusbar{color:#46372c!important}
body.st-editor.st-suite .phone-screen:has(.phone-placeholder:not([style*="display: none"])) .phone-statusbar svg{filter:invert(1)}
body.st-page-mobile-pwa.st-suite :is(.tab.active,.bn-item.active){color:#986e56!important}
body.st-page-mobile-pwa.st-suite .chip{background:#f0e1d4!important;color:#8d634c!important}
@media(max-width:760px){body.st-editor.st-suite>nav{flex-wrap:wrap!important;height:auto!important;min-height:56px!important;padding:10px!important;overflow:visible!important}body.st-editor.st-suite>nav #modeSwitcher{flex-wrap:wrap!important}body.st-editor.st-suite>nav .nav-spacer{display:none!important}}