.branding-panel .panel-title{flex-wrap:wrap;gap:16px}.branding-fields{border:0;min-width:0;padding:0 24px 24px}.branding-colours{padding:24px 0}.branding-colours h3{margin-bottom:16px;font-size:19px;font-weight:650}.branding-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.branding-preset{border:1px solid var(--border);background:#fff;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:15px 12px;font-size:14px;display:flex}.branding-preset.selected{border:2px solid var(--brand-pink-ink);background:var(--brand-pink-soft)}.branding-swatches{justify-content:center;width:100%;padding-bottom:5px;display:flex}.branding-swatches i{border:1px solid #0002;border-radius:50%;width:26px;height:26px;margin-left:-3px;display:block}.branding-colour-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.branding-colour-input{align-items:center;gap:8px;display:flex}.branding-colour-input input[type=color]{cursor:pointer;flex-shrink:0;width:52px;height:44px;padding:4px}.branding-colour-input input[type=text]{width:100%;min-width:0;font-family:var(--font-geist-mono),monospace}.branding-colours>.help-text{margin:15px 0}.branding-colours>.form-error{margin-bottom:12px}.branding-preview{border:1px solid var(--border);background:var(--background);color:#282936;border-radius:12px;grid-template-columns:200px minmax(0,1fr);max-width:860px;margin:0 auto;display:grid;overflow:hidden}.branding-preview-side{background:var(--sidebar);color:var(--sidebar-foreground);border-right:1px solid var(--sidebar-border);padding:20px 16px}.branding-preview-side .brand-logo{object-fit:contain;background:0 0;border-radius:6px;max-width:170px;max-height:95px;margin:0 auto 15px;padding:8px}.branding-preview-side>span{letter-spacing:2px;margin:16px 10px;font-size:10px;display:block}.branding-preview-side>b{background:var(--brand-turquoise);color:var(--brand-accent-foreground);border-left:4px solid var(--brand-pink);border-radius:7px;margin-bottom:9px;padding:12px;font-size:14px;display:block}.branding-preview-side>p{padding:10px;font-size:13px}.branding-preview-main{padding:0 25px 25px}.branding-preview-top{border-top:4px solid var(--brand-turquoise);color:var(--brand-pink-ink);background:#fff;margin:0 -25px 22px;padding:12px 25px;font-size:12px}.branding-preview-main h3{font-size:23px;font-weight:650}.branding-preview-main>p{color:#5e5f68;margin:7px 0 20px;font-size:13px}.branding-preview-card{border:1px solid var(--border);background:#fff;border-radius:9px;flex-direction:column;gap:8px;max-width:300px;padding:20px;display:flex}.branding-preview-card>span:first-child{font-size:13px}.branding-preview-card strong{font-size:30px}.branding-preview-card small{color:#5e5f68;font-size:11px}.branding-preview-button{background:var(--primary);color:var(--primary-foreground);text-align:center;border-radius:7px;margin-top:8px;padding:10px 15px;font-size:13px;font-weight:600;display:block}@media (max-width:800px){.branding-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.branding-colour-grid{grid-template-columns:1fr}.branding-preview{grid-template-columns:145px minmax(0,1fr)}.branding-preview-main{padding:0 14px 16px}.branding-preview-top{margin:0 -14px 15px;padding:10px 14px}.branding-preview-side{padding:14px 10px}.branding-preview-card{padding:12px}}@media (max-width:460px){.branding-fields{padding:0 16px 20px}.branding-preview{grid-template-columns:1fr}.branding-preview-side{display:block}.branding-preview-main{padding:0 18px 18px}.branding-preview-top{margin:0 -18px 15px;padding:10px 18px}}.branding-preview-heading{max-width:860px;margin:24px auto 14px;font-size:18px;font-weight:650}.branding-preview-side .brand-wordmark{color:var(--sidebar-foreground)}.branding-preview-side>span{color:var(--sidebar-muted)}.branding-login-preview{border:1px solid var(--border);background:var(--login-background);border-radius:12px;max-width:860px;margin:auto;padding:32px 20px}.branding-login-logo{text-align:center;background:0 0;border:0;border-radius:0;max-width:300px;margin:0 auto 18px;padding:14px}.branding-login-logo .brand-logo{object-fit:contain;width:100%;max-height:100px}.branding-login-card{color:#282936;background:#fff;border:1px solid #dfe2e5;border-radius:12px;flex-direction:column;gap:10px;max-width:340px;margin:auto;padding:24px;display:flex}.branding-login-card h3{text-align:center;font-size:20px;font-weight:650}.branding-login-card p{text-align:center;color:#5e5f68;margin-bottom:5px;font-size:12px;line-height:1.6}.branding-login-card>span{font-size:12px;font-weight:600}.branding-example-input{color:#687982;background:#fff;border:1px solid #d7e0e5;border-radius:7px;padding:10px;font-size:12px}.branding-login-card small{text-align:center;color:#687982;margin-top:6px;font-size:10px}.login-logo-settings .button[aria-pressed=true]{border-color:var(--brand-pink-ink);background:var(--brand-pink-soft)}.branding-login-logo .brand-wordmark{color:var(--login-foreground,#282936)}