:root{--ui-green:#10b981;--ui-line:#e5e7eb;--ui-muted:#737373}body{background:#fafafa;color:#171717;font-family:Arial,sans-serif}.demo-bar{background:#f5f5f5;color:#737373;border-bottom:1px solid #e8e8e8}body>header{background:white;padding:16px 28px;gap:20px}header .brand{font-size:23px;letter-spacing:-.8px}.brand-mark{width:29px;height:32px;object-fit:contain}.brand span{color:#888}header nav{color:#666}.workspace-mark{width:25px;height:28px;object-fit:contain}.app-content>.page{max-width:1200px;width:100%;padding:0 12px}.app-content>.page.section{padding-top:20px}.app-content .hero{gap:32px;padding:42px 0}.app-content .hero h1{font-size:clamp(38px,4vw,58px);letter-spacing:-2px}.hero h1 em{color:#08976b;font-family:inherit;font-style:normal}.hero-art{background:#eff6f2;border:1px solid #e3ebe6}.float-label{background:#d1fae5;color:#065f46;border-color:#a7f3d0;box-shadow:none}.eyebrow,.steps b{color:#059669}p,.subhead,.micro,.trust,.smallprint{color:#737373}.btn,button{background:#fff;border-color:#ddd;color:#333;border-radius:7px;box-shadow:0 1px 2px #00000005}.btn:hover,button:hover{background:#f3f3f3}.btn.dark,button.dark{background:#14986e;border-color:#11835f;color:#fff}.btn.dark:hover,button.dark:hover{background:#107a59}.panel,.stat,.price-card,.project-card{background:#fff;border-color:#e5e5e5;border-radius:10px;box-shadow:none}.price-card.recommended{background:#f0fdf6;border-color:#9cddbc}.price-card small,.price-card ul,.price-card p,.stat span,.stat small{color:#737373}.badge{background:#f1f5f3;color:#527064}.alert{background:#f3f5f4;color:#646e68;border:1px solid #e3e8e5}.template-item{background:white;border:1px solid #e5e5e5;border-radius:10px}.trust,details,.activity{border-color:#e8e8e8}input,select,textarea{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333}input:focus,select:focus,textarea:focus{border-color:#10b981;outline-color:#10b981}dialog{border:1px solid #e5e5e5;border-radius:12px;background:#fff;color:#171717}footer{background:#fff;border-top:1px solid #e5e5e5;color:#737373}a:focus-visible,button:focus-visible{outline-color:#10b981}#editor-frame{width:100%;border:0;min-height:calc(100vh - 130px)}.editor-header{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:12px;margin-bottom:12px}.sidebar{position:sticky;top:0;align-self:start;min-height:calc(100vh - 105px)}
@media(max-width:1000px){.app-layout{grid-template-columns:220px minmax(0,1fr)}.app-content{padding:24px}.hero{grid-template-columns:1fr}.hero-art{min-height:320px}.templates-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-layout{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;min-height:0}.app-content{padding:18px 12px}body>header{padding:14px 18px}header nav{gap:14px}.brand span{display:none}.templates-grid{grid-template-columns:1fr}.app-content .hero{padding:24px 0}.hero-actions{flex-wrap:wrap}}
/* One navigation and one brand per workspace. */
body:has(.app-layout)>header,body:has(.app-layout)>footer{display:none}
body:has(.app-layout) .app-layout{min-height:100vh}
body:has(.app-layout) .sidebar{min-height:100vh}
@media(max-width:760px){body:has(.app-layout) .sidebar{min-height:0}}