@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700;750&display=swap');
/* The application keeps its original components and behavior. Builder styles are scoped to the hub. */
body.st-platform.st-platform,body.st-hub #screen-hub .hub{--bg:#fdfbf9;--bg2:#fff;--bg3:#f3efeb;--card:#fff;--text:#302f2b;--muted:#87857f;--muted2:#a29b91;--border:#eae7e2;--border2:#d9cec5;--hairline:#eae7e2;--violet:#b46a62;--violet2:#b46a62;--cyan:#648b88;--blue:#b46a62;--accent:#b46a62;--green:#6d8a73;font-family:'DM Sans',sans-serif!important;color:#302f2b!important}
body.st-platform.st-platform{background:#fdfbf9!important}
body.st-platform.st-platform:before,body.st-platform.st-platform:after,body.st-platform.st-platform .page-aurora{display:none!important}
body.st-platform.st-platform :is(h1,h2,h3,h4,button,input,textarea,select),body.st-hub #screen-hub .hub :is(h1,h2,h3,button,input,textarea){font-family:'DM Sans',sans-serif!important}
body.st-platform.st-platform :is(h1,h2,h3){color:#302f2b!important;letter-spacing:-.045em!important}
body.st-platform.st-platform :is(nav,.topnav),body.st-hub-active>nav{background:rgba(253,251,249,.94)!important;border-color:#eae7e2!important;box-shadow:none!important;backdrop-filter:blur(20px)}
body.st-platform.st-platform :is(.nbtn.primary,.btn-primary,.btn-new,.btn-save,.mobile-menu-cta,.conv-cta),body.st-hub #screen-hub .hub .hub-send{background:#302f2b!important;color:#fff!important;border:1px solid #302f2b!important;border-radius:40px!important;box-shadow:none!important;transition:transform .25s,background .25s!important}
body.st-platform.st-platform :is(.nbtn,.btn-ghost,.type-pill,.bfilter,.img-choice-btn){border-radius:40px!important}
body.st-platform.st-platform :is(input,textarea,select){background:#fff!important;color:#302f2b!important;border-color:#e4ddd6!important;box-shadow:none!important}
body.st-platform.st-platform :is(input,textarea,select):focus{outline:2px solid #ed9c9155!important;border-color:#d9968a!important;outline-offset:2px}
body.st-platform.st-platform :is(.card,.modal,.editor-modal,.toc-card,.conv-card,.result-grid>div){background:#fff!important;border:1px solid #eae7e2!important;border-radius:22px!important;box-shadow:0 12px 40px #40302405!important}
body.st-platform.st-platform :is(.nav-link.active,.type-pill.active,.type-pill.selected,.bfilter.active,.filter-item.active,.auth-tab.active){background:#f4e3dd!important;color:#854f47!important;border-color:#e9c9bf!important}
body.st-platform.st-platform :is(.sidebar,.top-banner,footer){background:#f6f2ed!important;border-color:#eae7e2!important}
body.st-platform.st-platform :is(.nav-link,.topnav-link,.navlinks a){color:#79756e!important}
body.st-platform.st-platform :is(.nav-link:hover,.topnav-link:hover,.navlinks a:hover){color:#302f2b!important}
.st-companion{position:absolute;width:105px;height:125px;object-fit:contain;pointer-events:none;z-index:3;right:22px;bottom:calc(100% - 9px);filter:drop-shadow(0 8px 9px #46332c0b)}
.st-companion-host{position:relative!important}
.st-platform .st-enter,.st-hub .hub .st-enter{animation:st-arrive .65s both}
@keyframes st-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
body.st-platform.st-platform :is(.blog-card,.build-card,.fbx-tile,.asset-card),body.st-hub #screen-hub .hub .template-card{transition:transform .3s,box-shadow .3s!important}
body.st-platform.st-platform :is(.blog-card,.build-card,.fbx-tile,.asset-card):hover,body.st-hub #screen-hub .hub .template-card:hover{transform:translateY(-5px)!important;box-shadow:0 18px 45px #47372d12!important;border-color:#dfc8bc!important}
/* Marketplace: an airy collection with a warm editorial masthead. */
body.st-marketplace .market-hero{background:radial-gradient(ellipse at 85% 30%,#f5ded8,transparent 55%),#f5f0eb!important;border:1px solid #eae2da!important;border-radius:28px!important;padding:52px 40px!important;overflow:visible!important;margin-top:38px!important}
body.st-marketplace .mh-aurora{display:none!important}
body.st-marketplace .market-hero h1{font-size:clamp(34px,3.7vw,58px)!important;line-height:1.06!important;max-width:650px;background:none!important;-webkit-text-fill-color:#302f2b!important}
body.st-marketplace .hero-stats{border-color:#e2d7cf!important}
body.st-marketplace :is(.asset-card,.template-card,.upload-cta){background:#fff!important;border:1px solid #eae7e2!important;border-radius:20px!important;box-shadow:none!important}
body.st-marketplace .sidebar{border-radius:20px!important}
body.st-marketplace .upload-cta{background:#f1e7e2!important;padding:35px!important}
body.st-marketplace .market-eyebrow{color:#9b786b!important;letter-spacing:.16em!important}
/* Dashboard: the user's own creative studio. */
body.st-dashboard .main{background:#fdfbf9!important;padding:40px clamp(22px,4vw,64px)!important}
body.st-dashboard .sidebar{padding-top:24px!important;background:#f5f1ec!important}
body.st-dashboard .sidebar-user{border-color:#e5ddd4!important}
body.st-dashboard .sidebar-avatar{background:#edb5a5!important;color:#573f36!important}
body.st-dashboard .sidebar-credits{background:#fffaf6!important;border-color:#e4d8cc!important;border-radius:18px!important}
body.st-dashboard .welcome{position:relative;min-height:225px;padding:48px!important;margin-bottom:26px!important;border:1px solid #eaded4;border-radius:28px;background:radial-gradient(ellipse at 85% 5%,#f0d2ca 0,transparent 55%),radial-gradient(ellipse at 70% 110%,#dedbe9,transparent 60%),#f6eee5;overflow:hidden;align-items:center!important}
body.st-dashboard .welcome:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#9b706226 .8px,transparent .8px);background-size:9px 9px;mask-image:linear-gradient(90deg,transparent,black);pointer-events:none}
body.st-dashboard .welcome h1{font-size:clamp(34px,3.6vw,54px)!important;font-weight:650!important;position:relative}
body.st-dashboard .welcome .st-companion{bottom:12px;right:30px;width:115px;height:145px}
body.st-dashboard .welcome>.btn-new{position:relative;align-self:flex-start;margin-right:95px}
body.st-dashboard .kpi-row{gap:18px!important;margin-bottom:36px!important}
body.st-dashboard .kpi{border:1px solid #e7e1d9!important;border-radius:22px!important;padding:27px!important;background:#f3eeea!important;box-shadow:none!important}
body.st-dashboard .kpi.violet{background:#efe7f2!important}
body.st-dashboard .kpi.cyan{background:#e9eee5!important}
body.st-dashboard .kpi.amber{background:#f5e9d7!important}
body.st-dashboard .kpi :is(.kpi-val,.kpi-value){color:#302f2b!important;font-size:38px!important;letter-spacing:-.06em!important}
body.st-dashboard .kpi-icon{color:#857b72!important;background:#ffffff80!important;border-radius:14px!important}
body.st-dashboard .build-card{background:#fff!important;border:1px solid #e6ded7!important;border-radius:22px!important;overflow:hidden!important;box-shadow:none!important}
body.st-dashboard .build-thumb{background:linear-gradient(135deg,#e6dfec,#f2e4dc)!important;height:180px!important}
body.st-dashboard .build-body{padding:22px!important}
body.st-dashboard .build-btn{border-radius:30px!important;background:#f4eee7!important;color:#66584c!important;border-color:#e6dbd1!important}
body.st-dashboard #fbxScreen{padding:65px 0 30px!important;max-width:1100px;margin:auto;position:relative}
body.st-dashboard .fbx-h1{font-size:clamp(40px,4.5vw,66px)!important;line-height:1.05!important;background:none!important;-webkit-text-fill-color:#302f2b!important;letter-spacing:-.055em!important}
body.st-dashboard .studio-eyebrow{color:#ae8b78!important;letter-spacing:.19em!important}
body.st-dashboard .fbx-gift{background:#f6e5dd!important;color:#ae7665!important;box-shadow:none!important}
body.st-dashboard .fbx-tiles{gap:20px!important;margin-top:35px!important}
body.st-dashboard .fbx-tile{background:#f5eee8!important;border:1px solid #e8ddd4!important;border-radius:25px!important;box-shadow:none!important;min-height:230px!important;overflow:hidden}
body.st-dashboard .fbx-tile:nth-child(2){background:#eee9f4!important}
body.st-dashboard .fbx-tile:nth-child(3){background:#eaf0e8!important}
body.st-dashboard .fbx-tile:nth-child(4){background:#f5e9dc!important}
body.st-dashboard .builder-art{border-radius:18px!important}
body.st-dashboard .fbx-name{color:#302f2b!important;letter-spacing:-.04em;font-size:24px!important}
body.st-dashboard .builder-open{background:#fff9!important;color:#302f2b!important}
body.st-dashboard .mkt-cta{background:#f2e9e3!important;border:1px solid #e7dcd1!important;border-radius:24px!important}
/* Onboarding */
body.st-onboarding .visual-panel{background:#f3e6e2!important;border-color:#e9ded7!important;overflow:hidden!important}
body.st-onboarding :is(.visual-glow,#visualCanvas){display:none!important}
body.st-onboarding .ob-photo{opacity:.2!important;mix-blend-mode:multiply}
body.st-onboarding .ob-photo img{content:url('/assets/strawberry/ui-corridor.webp');object-fit:cover!important}
body.st-onboarding .visual-title{font-size:clamp(38px,4vw,62px)!important;line-height:1.05!important;letter-spacing:-.055em!important;color:#302f2b!important}
body.st-onboarding .visual-title span{color:#a96662!important;background:none!important;-webkit-text-fill-color:#a96662!important}
body.st-onboarding :is(.ob-card,.ob-live,.ob-tpls){background:#fffaf6e8!important;border-color:#e4d4c7!important;box-shadow:0 16px 45px #6b41300a!important;border-radius:20px!important;color:#302f2b!important}
body.st-onboarding .form-panel{background:#fdfbf9!important}
body.st-onboarding .card{padding:28px!important}
body.st-onboarding #submitBtn{background:#302f2b!important;color:white!important;border-radius:30px!important;box-shadow:none!important}
body.st-onboarding .progress-fill,body.st-onboarding #progressFill{background:#da9e8d!important}
body.st-onboarding .visual-content .st-companion{top:-60px;bottom:auto;right:0;width:90px}
/* Publishing flow */
body.st-upload .page-wrap{max-width:960px!important;padding-top:55px!important}
body.st-upload .panel{background:#fff!important;border:1px solid #e7dfd6!important;border-radius:28px!important;padding:40px!important;box-shadow:0 15px 60px #57442e05!important}
body.st-upload .panel-title{font-size:36px!important;letter-spacing:-.045em!important}
body.st-upload #uploadZone{background:radial-gradient(ellipse at 50% 100%,#f4e1da,transparent 75%),#fbf7f3!important;border:1.5px dashed #d9bbae!important;border-radius:22px!important;padding:64px 24px!important;margin-top:60px!important;overflow:visible!important}
body.st-upload #uploadZone .st-companion{width:82px;height:100px;right:22px}
body.st-upload .step.active .step-num{background:#302f2b!important;color:#fff!important;box-shadow:none!important}
body.st-upload :is(.step-connector,.step-line){background:#e6ddd3!important}
/* Journal and reading */
body.st-blog .page-hero{padding:90px 24px 65px!important;background:radial-gradient(ellipse at 50% 0,#f4e4dc,transparent 70%)!important;border-bottom:none!important;overflow:visible!important}
body.st-blog .page-h1{font-size:clamp(48px,6vw,80px)!important;line-height:1.05!important}
body.st-blog .page-hero .st-companion{bottom:8px;right:calc(50% - 330px);width:100px}
body.st-blog .blog-card{background:#fff!important;border-color:#e7dfd7!important;border-radius:24px!important;box-shadow:none!important}
body.st-blog .blog-card-img{height:230px!important;background:#eee5df!important}
body.st-blog .blog-card-body{padding:26px!important}
body.st-blog .blog-card-title{font-size:25px!important;font-weight:600!important;letter-spacing:-.045em!important}
body.st-blog .blog-card-more{color:#a66d5d!important}
body.st-blog .blog-card-cat{background:#eee4dd!important;color:#8f6957!important;border-radius:20px!important}
body.st-post.st-post .post-title{font-size:clamp(38px,4.7vw,68px)!important;line-height:1.07!important;font-weight:650!important}
body.st-post.st-post .post-content{font-size:17px!important;line-height:1.9!important;color:#625e57!important}
body.st-post.st-post .post-content h2{margin-top:48px!important;font-size:30px!important}
body.st-post.st-post .post-hero-img{border-radius:24px!important}
body.st-post.st-post .post-content blockquote{background:#f4ebe4!important;border-left-color:#d5a08a!important;border-radius:0 16px 16px 0!important}
body.st-post.st-post .conv-card{background:#f4ebe3!important}
body.st-post.st-post .toc-card a.active{color:#a76e5f!important}
/* Hub 1 only. Never target the actual editor or its descendants. */
body.st-hub-active{background:#fdfbf9!important}
body.st-hub-active #screen-hub{background:#fdfbf9!important}
body.st-hub-active .hub-glow{display:none!important}
body.st-hub #screen-hub .hub{padding-top:68px!important;background:radial-gradient(ellipse at 50% 12%,#f4e8e180,transparent 48%)!important}
body.st-hub #screen-hub .hub .hub-title{font-size:clamp(38px,4.6vw,64px)!important;line-height:1.07!important;letter-spacing:-.055em!important;font-weight:650!important;color:#302f2b!important}
body.st-hub #screen-hub .hub .hub-grad{background:none!important;-webkit-text-fill-color:#a97468!important;color:#a97468!important}
body.st-hub #screen-hub .hub .hub-eyebrow{color:#a38c7b!important;letter-spacing:.17em!important;background:transparent!important;border-color:#e5d9ce!important}
body.st-hub #screen-hub .hub .hub-sub{color:#87857f!important;max-width:620px!important;margin-inline:auto!important}
body.st-hub #screen-hub .hub .hub-prompt-card{margin-top:65px!important;background:#fff!important;border:1px solid #e5dcd3!important;border-radius:25px!important;box-shadow:0 20px 60px #5036260a!important;overflow:visible!important}
body.st-hub #screen-hub .hub .hub-prompt-input{background:transparent!important;color:#302f2b!important;font-size:17px!important}
body.st-hub #screen-hub .hub .hub-prompt-foot{border-color:#efe9e2!important;background:#fdfbf9!important;border-radius:0 0 25px 25px!important}
body.st-hub #screen-hub .hub :is(.idea-chip,.pchip,.hub-qa-btn,.tpl-filter){background:#f5f0ea!important;color:#7e7164!important;border:1px solid #e8dfd5!important;border-radius:30px!important;box-shadow:none!important}
body.st-hub #screen-hub .hub :is(.template-card,.tpl-card){background:#fff!important;border:1px solid #e8dfd5!important;border-radius:21px!important;overflow:hidden;box-shadow:none!important}
body.st-hub #screen-hub .hub .cat-section{margin-top:64px!important}
body.st-hub #screen-hub .hub .cs-title{color:#302f2b!important;font-size:26px!important;letter-spacing:-.04em!important}
body.st-hub #screen-hub .hub .st-companion{width:90px;height:105px;right:24px}
@media(max-width:760px){body.st-dashboard .main{padding:22px 16px!important}body.st-dashboard .welcome{padding:28px!important;min-height:215px;display:block!important}body.st-dashboard .welcome>.btn-new{margin-top:20px;margin-right:0}body.st-dashboard .welcome .st-companion{width:80px;height:100px;right:10px}body.st-dashboard .kpi{padding:18px!important}body.st-marketplace .market-hero{padding:35px 24px!important}body.st-upload .panel{padding:26px 20px!important}body.st-upload .page-wrap{padding-inline:14px!important}body.st-blog .page-hero .st-companion{right:16px;width:65px;height:80px}body.st-hub #screen-hub .hub{padding-top:40px!important}body.st-platform.st-platform .st-companion{max-width:80px}body.st-dashboard .welcome h1{max-width:80%}body.st-blog .blog-card-img{height:200px!important}}
@media(prefers-reduced-motion:reduce){body.st-platform.st-platform *,body.st-hub #screen-hub .hub *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body.st-hub-active>nav :is(.nbtn.primary,.mode-btn.active){background:#302f2b!important;color:#fff!important;box-shadow:none!important;border-color:#302f2b!important}
body.st-platform.st-platform :is(.lang-btn.active,.lang-toggle button.active){background:#eedbd0!important;color:#785044!important;box-shadow:none!important}
body.st-dashboard .section-hdr .section-link:last-child{background:#302f2b!important;box-shadow:none!important;color:white!important}
body.st-dashboard .welcome h1 svg{color:#be8473!important}
body.st-dashboard #sbCreditBar{background:#cc9b89!important}
body.st-onboarding .ob-photo{display:none!important}
body.st-onboarding .visual-content{display:block!important;position:relative!important;z-index:2!important;padding:50px!important}
body.st-onboarding .visual-panel{background:radial-gradient(ellipse at 80% 20%,#efd4ce,transparent 70%),#f3e8e0!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.st-onboarding .visual-content .st-companion{top:-45px;right:45px}
body.st-post.st-post :is(.side-rail-left,.side-rail-right){background:transparent!important}
body.st-post.st-post .toc-card:before{background:#c3917c!important}
@media(max-width:900px){body.st-onboarding .visual-panel{display:none!important}}
body.st-onboarding .visual-sub{color:#79685f!important}
body.st-onboarding .visual-eyebrow{color:#8c6b5c!important;background:#fff7!important;border-color:#dec5b6!important}
body.st-onboarding .visual-stats{color:#79685f!important}
body.st-hub-active #modeSwitcher .active{background:#302f2b!important;color:#fff!important;box-shadow:none!important}