:root{--brand-sidebar:#29253a;--brand-bg:#f6f3ee}.sidebar{background:var(--brand-sidebar)}body:not(.portal-body):not(.standalone){background:var(--brand-bg)}.portal-body,.standalone{background:var(--brand-bg)}.font-body-modern{font-family:Inter,Arial,sans-serif}.font-body-friendly{font-family:"Trebuchet MS",Arial,sans-serif}.font-body-traditional{font-family:Georgia,"Times New Roman",serif}.font-body-elegant{font-family:"Palatino Linotype",Palatino,serif}.font-body-accessible{font-family:Verdana,Arial,sans-serif}.font-heading-elegant h1,.font-heading-elegant h2,.font-heading-elegant h3{font-family:Georgia,"Times New Roman",serif}.font-heading-modern h1,.font-heading-modern h2,.font-heading-modern h3{font-family:Inter,Arial,sans-serif}.font-heading-friendly h1,.font-heading-friendly h2,.font-heading-friendly h3{font-family:"Trebuchet MS",Arial,sans-serif}.font-heading-traditional h1,.font-heading-traditional h2,.font-heading-traditional h3{font-family:"Palatino Linotype",Palatino,serif}.font-heading-accessible h1,.font-heading-accessible h2,.font-heading-accessible h3{font-family:Verdana,Arial,sans-serif}.standalone-logo{width:48px;height:48px;object-fit:contain}.brand-studio-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr);gap:22px}.brand-studio-grid>div{display:grid;gap:18px}.logo-studio{display:grid;grid-template-columns:1fr 230px;gap:22px}.logo-studio form{grid-column:1/-1}.logo-preview{min-height:150px;border:1px dashed #cfc7d8;border-radius:14px;display:grid;place-items:center;padding:18px;text-align:center;background:#faf9fb}.logo-preview img{max-width:190px;max-height:105px;object-fit:contain}.logo-preview strong{display:grid;place-items:center;width:72px;height:72px;border-radius:18px;background:var(--accent);font:42px Georgia}.logo-preview span{display:block;color:#726b7a}.logo-placements{display:grid;grid-template-columns:1fr 1fr;gap:8px}.brand-colours{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brand-colours label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #e1dce7;border-radius:10px}.brand-colours input{width:55px;height:38px;padding:2px}.brand-presets{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.brand-presets button{padding:8px 12px;border:1px solid #d8d1df;border-radius:999px;background:#fff;cursor:pointer}.brand-live-preview{position:static;top:auto}.preview-app{border-radius:14px;overflow:hidden;background:var(--preview-background);border:1px solid #ddd;min-height:240px}.preview-sidebar{display:flex;align-items:center;gap:9px;padding:14px;background:var(--preview-sidebar);color:white}.preview-sidebar img{width:34px;height:34px;object-fit:contain}.preview-sidebar b{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--preview-accent);color:#222}.preview-page{padding:22px}.preview-page h3{color:var(--preview-primary);font-size:1.5rem}.preview-page button{border:0;border-radius:8px;padding:9px 13px;background:var(--preview-primary);color:#fff}.preview-document{display:grid;gap:5px;margin-top:16px;padding:18px;border-top:5px solid var(--preview-primary);background:#fff;box-shadow:0 4px 16px #241d3214}.preview-document small{color:var(--preview-primary);font-weight:800}@media(max-width:900px){.brand-studio-grid{grid-template-columns:1fr}.brand-live-preview{position:static}}@media(max-width:620px){.logo-studio{grid-template-columns:1fr}.logo-studio form{grid-column:auto}.logo-placements,.brand-colours{grid-template-columns:1fr}}