:root{--studio-surface:#f6f3ed;--studio-toolbar-height:82px}
html,body,header,.bloom-embedded header,main,.workspace,aside,.step-footer{background:var(--studio-surface)}
header,.bloom-embedded header{height:var(--studio-toolbar-height);gap:22px;padding:0 28px;border:0;position:relative;z-index:2}
.project-title,.bloom-embedded .project-title{font-size:14px;flex-shrink:0;border:0;padding:0;white-space:nowrap}
.project-title span{display:none}
header .steps{height:100%;flex:1;min-width:0;gap:clamp(8px,2vw,35px);justify-content:center;background:transparent;border:0}
header .steps button{padding:10px 8px;gap:10px;white-space:nowrap}
header .steps .active:after{bottom:0;left:8px;right:8px;height:2px}
.header-actions{margin-left:0;flex-shrink:0;align-items:center}
.header-actions button{white-space:nowrap}
main{height:calc(100dvh - var(--studio-toolbar-height));min-height:0}
aside{border-left:1px solid #ddd7cc80}
.step-footer{border-top-color:#ddd7cc80}
@media(min-width:701px) and (max-width:1200px){header,.bloom-embedded header{gap:12px;padding:0 16px}header .steps{gap:4px}header .steps button{gap:6px;padding:10px 5px}header .steps small{display:none}header .steps span{font-size:12px}header .steps i{width:27px;height:27px;font-size:10px}.project-title,.bloom-embedded .project-title{font-size:12px}.header-actions{gap:5px}.header-actions button{font-size:11px;padding:9px}.brand img{width:110px!important}}
@media(min-width:701px) and (max-width:1000px){header>.brand{display:none}header .steps span{font-size:11px}}
@media(max-width:700px){:root{--studio-toolbar-height:126px}header,.bloom-embedded header{height:var(--studio-toolbar-height);padding:12px 14px 5px;display:grid;grid-template-columns:1fr auto;grid-template-rows:32px 68px;gap:8px 12px}header>.brand{display:none}.project-title,.bloom-embedded .project-title{display:block;font-size:13px}.header-actions{grid-column:2;grid-row:1}.header-actions button{font-size:10px;padding:8px}header .steps{grid-column:1/-1;grid-row:2;gap:0;justify-content:space-between;width:100%}header .steps button{flex-direction:column;gap:5px;padding:6px 2px}header .steps span{font-size:10px}header .steps small{display:none}header .steps i{width:23px;height:23px;font-size:9px}header .steps .active:after{bottom:0;left:2px;right:2px}main{height:auto;min-height:calc(100dvh - var(--studio-toolbar-height))}}