.branding-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:18px;align-items:start}.branding-editor{display:grid;gap:16px}.branding-editor>.overview-panel{padding:22px}.brand-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:18px}.brand-preset{position:relative;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:14px;border:2px solid var(--ops-line);background:transparent;color:var(--ops-ink);text-align:left}.brand-preset:hover{background:var(--ops-accent-soft);color:var(--ops-ink)}.brand-preset.active{border-color:var(--ops-accent);box-shadow:inset 4px 0 0 var(--ops-accent)}.brand-preset-swatch{display:grid;grid-template-columns:1fr 1fr;width:46px;height:46px;border:1px solid var(--ops-line);overflow:hidden}.brand-preset-swatch i{display:block}.brand-preset span:last-child{display:grid;gap:3px}.brand-preset strong{font-size:12px}.brand-preset small{color:var(--ops-muted);font-size:9px;line-height:1.35}.branding-fields{display:grid;gap:12px;padding-top:18px}.branding-fields.two-column{grid-template-columns:1fr 1fr}.logo-control{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px;border:1px solid var(--ops-line)}.brand-logo-preview{display:grid;place-items:center;width:72px;height:56px;flex:0 0 72px;border:1px solid var(--ops-line);overflow:hidden;color:var(--ops-muted);font-size:9px;text-transform:uppercase}.brand-logo-preview img{display:block;max-width:62px;max-height:46px}.logo-upload{position:relative;display:grid!important;gap:3px;flex:1;cursor:pointer}.logo-upload input{position:absolute;width:1px;height:1px;opacity:0}.logo-upload small,.branding-publish-panel>small{color:var(--ops-muted);font-size:9px}.colour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:18px}.brand-contrast-status{margin:10px 0 0;padding:9px 11px;border-left:3px solid var(--ops-success);background:#e8f2ec;color:#24543a;font-size:9px;font-weight:800}.brand-contrast-status.warning{border-color:#b77214;background:#f8efdf;color:#75470c}.colour-grid label{display:grid;grid-template-columns:1fr 36px;align-items:center;padding:10px;border:1px solid var(--ops-line);font-size:10px}.colour-grid input[type=color]{width:36px;height:30px;padding:0;border:0;background:transparent}.branding-publish-panel{position:sticky;bottom:10px;z-index:2;border-color:var(--ops-ink)!important}.branding-preview-column{position:sticky;top:18px;display:grid;gap:16px}.preview-shell{padding:0;overflow:hidden}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:2px solid var(--ops-line)}.preview-toolbar .eyebrow{margin:0}.preview-toolbar strong{font-size:12px}.preview-toolbar .tabs{margin:0}.preview-toolbar .tabs button{padding:6px 9px;font-size:8px}.brand-preview-frame{padding:20px;background:#d9d6d3;overflow:auto}.brand-preview-frame.mobile .brand-preview{width:300px;margin:auto}.brand-preview{min-height:500px;background:var(--preview-bg,#f3f2f2);color:var(--preview-text,#201e1d);font-family:Arial,Helvetica,sans-serif;transition:width .2s}.brand-preview.font-geometric{font-family:"Arial Black",Arial,sans-serif}.brand-preview.font-editorial{font-family:Georgia,"Times New Roman",serif}.brand-preview header{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:2px solid currentColor}.brand-preview header>span{display:block;width:12px;height:12px;background:var(--preview-primary,#ec3013)}.brand-preview header>span img{width:100%;height:100%;object-fit:contain}.brand-preview header strong{font-size:12px;text-transform:uppercase}.brand-preview nav{margin-left:auto;font-size:8px}.brand-preview main{display:block;padding:46px 30px}.brand-preview main>p{margin:0;color:var(--preview-primary);font-size:8px;font-weight:800;letter-spacing:.11em}.brand-preview h2{max-width:440px;margin:9px 0 14px;font-size:clamp(25px,4vw,42px);line-height:1.02}.brand-preview main>span{display:block;max-width:430px;font-size:10px;line-height:1.55}.brand-preview main>button{margin:20px 0 34px;padding:10px 14px;border:0;background:var(--preview-primary);color:#fff;font-size:9px;font-weight:800}.preview-market-card{display:grid;gap:8px;max-width:390px;padding:16px;border:2px solid currentColor}.preview-market-card small{color:var(--preview-primary);font-size:7px}.preview-market-card strong{font-size:13px}.preview-market-card div{display:flex;align-items:center;gap:10px}.preview-market-card b{color:var(--preview-positive);font-size:10px}.preview-market-card i{display:block;width:55%;height:5px;background:linear-gradient(90deg,var(--preview-positive) 62%,#ddd 62%)}.brand-preview.density-comfortable main{padding-block:66px}.brand-preview.density-comfortable .preview-market-card{padding:22px}.version-panel{padding:20px}.branding-version{display:grid;grid-template-columns:1fr auto;gap:7px;padding:13px 0;border-bottom:1px solid var(--ops-line)}.branding-version:last-child{border:0}.branding-version span{display:grid;gap:2px}.branding-version small{color:var(--ops-muted);font-size:9px}.branding-version button{padding:7px 9px;font-size:8px}.branding-empty{padding:14px 0;color:var(--ops-muted);font-size:10px}.branding-dirty{border-color:var(--ops-accent)!important;color:var(--ops-accent)!important}
@media(max-width:1180px){.branding-layout{grid-template-columns:1fr}.branding-preview-column{position:static;grid-template-columns:1fr 1fr}.preview-shell{grid-column:1/-1}}
@media(max-width:820px){.brand-presets,.branding-fields.two-column,.colour-grid,.branding-preview-column{grid-template-columns:1fr}.logo-control{align-items:flex-start;flex-wrap:wrap}.logo-upload{min-width:150px}.branding-publish-panel{position:static}.brand-preview-frame{padding:10px}.brand-preview-frame:not(.mobile) .brand-preview{min-width:560px}.brand-preview main{padding:36px 22px}}