.bp-brand-source{border-left:3px solid var(--della-accent,#456b89);padding:2px 0 2px 16px;margin:8px 0 28px;color:var(--della-muted,var(--muted));font-size:14px}.bp-brand-source p{margin:6px 0}.bp-brand-source a{color:inherit;text-decoration:underline}.bp-branding fieldset{border:0;padding:0;min-width:0;margin:0}.bp-branding legend{font-weight:600;margin-bottom:14px}.bp-brand-palettes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bp-brand-palettes legend{grid-column:1/-1}.bp-brand-choice{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line,#777);border-radius:14px;padding:16px;cursor:pointer;position:relative;font-size:13px;line-height:1.6;min-width:0}.bp-brand-choice:has(input:checked){outline:2px solid var(--della-accent,#456b89);outline-offset:2px}.bp-brand-choice:focus-within{outline:3px solid var(--della-ink,var(--ink,#456b89));outline-offset:4px}.bp-brand-choice>input{position:absolute;right:18px;top:18px;z-index:1;width:20px;height:20px;accent-color:var(--della-accent,#456b89)}.bp-brand-choice strong{font-size:16px}.bp-brand-palette-values{font-size:12px;font-family:monospace}.bp-brand-mini{display:flex;flex-direction:column;gap:11px;padding:22px 18px 18px;border-radius:8px;background:var(--bpm-bg,#f5f7f8);color:var(--bpm-ink,#20242a);min-height:146px}.bp-brand-mini-name{font-size:16px;font-weight:600;padding-right:20px;overflow-wrap:anywhere}.bp-brand-mini-line{height:7px;width:90%;background:var(--bpm-secondary,#315b72);opacity:.35;border-radius:5px}.bp-brand-mini-line.short{width:60%}.bp-brand-mini-button{align-self:flex-start;border-radius:5px;background:var(--bpm-accent,#315b72);color:#fff;padding:6px 12px;font-size:11px;margin-top:5px}.bp-brand-workbench{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:32px;align-items:start;margin-top:32px}.bp-brand-fields{display:grid;gap:20px}.bp-brand-fields label{display:grid;gap:8px;font-size:14px;font-weight:550}.bp-brand-fields :is(input,select){width:100%;min-width:0;min-height:44px;box-sizing:border-box}.bp-brand-fields input[type=file]{padding:8px 0;white-space:normal;font-size:13px}.bp-brand-logo>p,.bp-brand-help{font-size:13px;line-height:1.6;color:var(--della-muted,var(--muted));margin:6px 0}.bp-brand-colors{display:grid;gap:12px}.bp-brand-colors label>span{display:grid;grid-template-columns:48px 1fr;gap:10px}.bp-brand-colors input[type=color]{padding:3px;height:44px;cursor:pointer}.bp-brand-live-wrap{min-width:0;position:sticky;top:20px}.bp-brand-live-label{display:block;font-size:12px;color:var(--della-muted,var(--muted));margin-bottom:12px}.bp-brand-live{container-type:inline-size;max-height:620px;overflow:auto;border:1px solid var(--line,#777);border-radius:16px;pointer-events:none}.bp-brand-live .bpm-demo{min-height:500px}.bp-brand-error{color:var(--della-ink,var(--ink));font-weight:600;margin-top:20px}.bp-brand-error:not(:empty){border-left:3px solid #d76767;padding:12px 16px}.bp-branding :is(input,select,button,a):focus-visible{outline:3px solid var(--della-accent,#456b89);outline-offset:3px}.bpm-brand-logo{max-width:120px;max-height:48px;object-fit:contain}.bpm-brand-copy{display:flex;flex-direction:column;min-width:0}.bpm-brand-copy small{font-size:11px;font-weight:400;letter-spacing:normal}.bpm-demo[data-branded=true] :is(h3,h4){font-family:inherit}.bpm-demo[data-branded=true] .bpm-art{background:var(--bpm-soft)}.bpm-demo[data-branded=true] .bpm-art::before{background:var(--bpm-secondary)}.bp-site-size{display:flex;gap:8px;justify-content:flex-end;margin-bottom:16px}.bp-site-size button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}.bp-site-preview[data-viewport=mobile]{max-width:420px;margin-inline:auto}.bp-site-preview[data-viewport=mobile] .bp-site-layout{display:block}.bp-site-preview[data-viewport=mobile] .bp-site-navigation{display:none}.bp-site-preview[data-viewport=mobile] .bp-site-mobile-menu{display:block}.bp-brand-live button{pointer-events:none}
@media(max-width:850px){.bp-brand-workbench{grid-template-columns:1fr}.bp-brand-live-wrap{position:static}.bp-brand-live{max-height:440px}.bp-brand-palettes{gap:12px}.bp-brand-choice{padding:12px}}
.bp-brand-live .bpm-enter,.bp-brand-live .bpm-feature-card{animation:none}.bp-site-preview .bpm-demo[data-branded=true] .bpm-brand-mark{background:var(--bpm-soft);color:var(--bpm-accent);border-color:var(--bpm-accent)}.bp-site-preview .bpm-demo[data-branded=true] .bpm-art{filter:none;opacity:1}.bp-site-preview .bp-site-navigation>button[aria-current=page]{background:var(--bpm-soft);color:var(--bpm-accent)}.bp-site-preview .bpm-demo[data-branded=true] .bpm-health-main{background:var(--bpm-bg)}
@media(max-width:600px){.bp-brand-palettes{grid-template-columns:1fr}.bp-brand-choice{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 14px;padding:16px}.bp-brand-mini{grid-row:1/4;padding:18px 12px;min-height:130px}.bp-brand-choice>strong{padding-right:24px}.bp-brand-choice>input{right:14px;top:14px}.bp-brand-mini-name{font-size:13px;padding:0}.bp-brand-palette-values{font-size:11px}.bp-branding .bp-step-actions{gap:16px;flex-wrap:wrap}.bp-branding .bp-step-actions>*{max-width:100%}}