.brand-previews{display:grid;gap:18px;padding:4px 22px 24px}.brand-previews form{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:12px}.brand-previews img{width:64px;height:64px;object-fit:contain;border-radius:10px;background:#eef5fb;padding:6px}.brand-previews .favicon-preview{width:44px;height:44px}.brand-previews label{display:grid;gap:7px;font-size:12px;font-weight:700}.form-grid input[type=color]{width:100%;height:48px;padding:4px;cursor:pointer}.whatsapp-float{position:fixed;z-index:30;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;background:#25d366;color:#fff;padding:12px 17px 12px 12px;border-radius:30px;font-size:12px;font-weight:800;box-shadow:0 15px 35px #168b453f;transition:.2s}.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 20px 45px #168b4555}.whatsapp-float svg{width:28px;height:28px;fill:currentColor}.button.primary,.hero .button:not(.ghost),.plan-grid .button,.security-icon,.steps article b,.popular{background-color:var(--brand-primary)!important}.eyebrow,.hero-copy>span,.features i,.plan-grid article>strong{color:var(--brand-primary)!important}.results,.cta,.top-note{background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary))!important}.nav-item.active{background:color-mix(in srgb,var(--brand-primary) 10%,#fff)!important;color:var(--brand-primary)!important;border:1px solid color-mix(in srgb,var(--brand-primary) 18%,#fff);font-weight:700}.nav-item:hover:not(.active){background:#f4f7f6;color:var(--ink)}@media(max-width:700px){.brand-previews form{grid-template-columns:55px 1fr}.brand-previews form .button{grid-column:1/-1}.whatsapp-float span{display:none}.whatsapp-float{padding:12px}}
.branding-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:22px;align-items:start}.brand-main-panel>.panel-heading{align-items:flex-start}.brand-main-panel>.panel-heading h3,.brand-image-panel h3{margin:0 0 6px}.brand-main-panel>.panel-heading .muted,.brand-image-panel .muted{margin:0;font-size:12px}.brand-status{white-space:nowrap;border:1px solid #dcebe4;border-radius:30px;padding:8px 11px;color:#28724f;background:#f0faf4;font-size:10px;font-weight:700}.branding-form{padding:0 24px 22px}.brand-section{padding:24px 0;border-bottom:1px solid var(--line)}.brand-section-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.brand-section-title>span{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:9px;background:#edf4f0;color:var(--brand-primary);font-size:11px;font-weight:800}.brand-section-title h3{margin:0 0 5px;font-size:14px}.brand-section-title p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.brand-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.brand-form-grid label{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.brand-form-grid label input[type=color]{width:100%;height:38px;padding:3px;border:0;background:transparent}.brand-form-grid label small{font-size:10px;color:var(--muted);font-weight:400}.brand-form-grid label.full{grid-column:1/-1}.brand-live-preview{--preview-primary:var(--brand-primary);--preview-secondary:var(--brand-secondary);--preview-sidebar:#fff;--preview-sidebar-text:#53616b;--preview-active:#e8f2ec;display:grid;grid-template-columns:190px 1fr;min-height:155px;margin-top:18px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#f6f8fa}.brand-preview-sidebar{display:flex;flex-direction:column;gap:11px;padding:17px 13px;background:var(--preview-sidebar);color:var(--preview-sidebar-text);font-size:10px}.brand-preview-sidebar strong{font-size:12px;color:var(--preview-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-preview-sidebar span{padding:8px 9px;border-radius:7px;white-space:nowrap}.brand-preview-sidebar span:first-of-type{background:var(--preview-active);color:var(--preview-primary);font-weight:700}.brand-preview-content{display:grid;align-content:center;justify-items:start;gap:10px;padding:20px}.brand-preview-content small{color:var(--preview-primary);font-size:9px;font-weight:800;letter-spacing:.1em}.brand-preview-content b{font-size:15px;color:#293945}.brand-preview-content button{border:0;border-radius:7px;padding:8px 12px;background:var(--preview-primary);color:#fff;font-size:10px;font-weight:700}.brand-save-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px}.brand-save-bar>span{color:var(--muted);font-size:11px}.brand-side-column{display:grid;gap:18px}.brand-image-panel .panel-heading{padding:20px}.brand-previews{padding:12px}.brand-previews form{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:12px}.brand-previews form>div{display:grid;gap:5px}.brand-previews form>div strong{font-size:12px}.brand-previews form>div small{font-size:10px;color:var(--muted)}.brand-previews form input[type=file]{min-height:0;padding:5px;font-size:10px}.brand-previews form .button{grid-column:1/-1;width:100%}.brand-help{padding:20px}.brand-help h3{margin:0 0 8px;font-size:13px}.brand-help p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.nav-item{min-width:0;overflow:hidden;white-space:nowrap;gap:9px;padding:11px 10px;font-size:12px}.nav-item>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item svg{stroke-width:1.65}.nav-item.active{background:var(--brand-sidebar-active)!important;color:var(--brand-primary)!important;border:1px solid color-mix(in srgb,var(--brand-primary) 18%,#fff);font-weight:700}.sidebar{background:var(--brand-sidebar,#fff)}.sidebar>.brand,.sidebar .company,.sidebar .nav-label,.sidebar-bottom{color:var(--brand-sidebar-text,#53616b)}.company{border-color:color-mix(in srgb,var(--brand-sidebar-text) 14%,transparent)}.company strong{color:var(--brand-sidebar-text)}
@media(max-width:1100px){.branding-workspace{grid-template-columns:1fr}.brand-side-column{grid-template-columns:1fr 1fr}}@media(max-width:700px){.branding-form{padding:0 16px 18px}.brand-form-grid,.brand-live-preview{grid-template-columns:135px 1fr}.brand-preview-sidebar{padding:12px 8px}.brand-preview-sidebar span{font-size:9px;padding:7px 5px}.brand-side-column{grid-template-columns:1fr}.brand-save-bar{align-items:flex-start;flex-direction:column}.brand-save-bar .button{width:100%}.brand-main-panel>.panel-heading{gap:10px;flex-direction:column}}
.features i,.plan-grid article>strong{color:var(--brand-accent)!important}.security-icon,.steps article b,.popular{background-color:var(--brand-accent)!important}.check-circle{color:var(--brand-accent)}