.settings-colour-preview .page-frame-header{background:linear-gradient(110deg,color-mix(in srgb,var(--brand) 6%,var(--surface,white)),var(--soft));border-bottom:1px solid var(--line)}.settings-colour-preview .page-frame-title .page-frame-page-name,.settings-colour-preview .page-frame-title h1{color:var(--accent)}.settings-colour-preview .page-frame-identity-mark{background:color-mix(in srgb,var(--focus) 14%,var(--surface,white));color:var(--focus);box-shadow:inset 0 0 0 1px var(--line)}.settings-colour-preview .page-frame-rail{background:color-mix(in srgb,var(--focus) 5%,var(--surface,white));border-color:var(--line)}.settings-colour-preview .page-frame-navigation p{color:var(--accent);text-transform:uppercase;letter-spacing:.07em}.settings-colour-preview .page-frame-navigation [aria-current=page],.settings-colour-preview .page-frame-navigation [aria-pressed=true]{background:color-mix(in srgb,var(--focus) 14%,var(--surface,white));color:var(--accent);box-shadow:inset 3px 0 var(--focus)}.settings-colour-preview .page-frame-navigation [data-slot=button]:hover{background:var(--soft);color:var(--accent)}.settings-colour-preview .page-frame-content [role=region]{border-color:var(--line);box-shadow:0 3px 14px rgb(0 0 0/5%)}.settings-colour-preview .page-frame-content [role=region]>div:first-child{background:linear-gradient(100deg,color-mix(in srgb,var(--brand) 7%,var(--surface,white)),var(--soft));border-color:var(--line);box-shadow:inset 4px 0 var(--focus)}.settings-colour-preview .page-frame-content [role=region]>div:first-child h2{color:var(--accent)}.settings-colour-preview [data-preview-feature-group],.settings-colour-preview [data-settings-concept]{background:color-mix(in srgb,var(--focus) 6%,var(--surface,white));border-color:var(--line)}.settings-colour-preview [data-preview-feature-group]>div:first-child>span,.settings-colour-preview [data-settings-concept]>div:first-child>span{background:color-mix(in srgb,var(--focus) 14%,var(--surface,white));color:var(--focus)}.settings-colour-preview [data-preview-feature-group]:nth-of-type(2n){background:color-mix(in srgb,var(--focus) 10%,var(--surface,white))}.settings-colour-preview [data-preview-feature-group] label{border-color:var(--line)}.settings-colour-preview .page-frame-content a:not([data-slot=button]),.settings-colour-preview main>div:first-child a{color:var(--focus);text-decoration-color:var(--focus);text-underline-offset:3px}.settings-colour-preview .page-frame-content a:not([data-slot=button]):hover,.settings-colour-preview main>div:first-child a:hover{color:var(--accent)}.settings-colour-preview .page-frame-content [data-slot=button][data-variant=outline],.settings-colour-preview main [data-slot=button][data-variant=outline]{border-color:var(--line);color:var(--accent);background:color-mix(in srgb,var(--focus) 4%,var(--surface,white))}.settings-colour-preview .page-frame-content [data-slot=button][data-variant=outline]:hover,.settings-colour-preview main [data-slot=button][data-variant=outline]:hover{background:var(--soft)}.settings-colour-preview main>div:first-child{background:linear-gradient(110deg,color-mix(in srgb,var(--brand) 6%,var(--surface,white)),var(--soft));border-color:var(--line)}.settings-colour-preview main>div:first-child h1{color:var(--accent)}.settings-colour-preview section[aria-label="Account connection examples"] section{border-color:var(--line);box-shadow:0 3px 14px rgb(0 0 0/5%)}.settings-colour-preview section[aria-label="Account connection examples"] section h2{color:var(--accent)}.settings-colour-preview :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.settings-colour-preview [data-preview-feature-group] [role=switch][data-state=checked]{background:var(--brand)}.settings-colour-preview [data-preview-feature-group] [role=switch][data-state=unchecked]{background:color-mix(in srgb,var(--brand) 50%,var(--surface,white))}.settings-colour-preview .page-frame-content nav[aria-label="Settings previews"]{background:var(--soft);border-color:var(--line)}.settings-colour-preview .page-frame-navigation [aria-current=page],.settings-colour-preview .page-frame-navigation [aria-pressed=true]{box-shadow:none;background:var(--brand);color:var(--on-brand)}.settings-colour-preview .page-frame-navigation [aria-current=page]:hover,.settings-colour-preview .page-frame-navigation [aria-pressed=true]:hover{background:var(--accent);color:var(--on-brand)}.settings-colour-preview .page-frame-content [role=region]:not(.settings-preview *)>div:first-child{background:var(--accent);color:white;border-color:var(--accent);box-shadow:none}.settings-colour-preview .page-frame-content [role=region]:not(.settings-preview *)>div:first-child h2,.settings-colour-preview .page-frame-content [role=region]:not(.settings-preview *)>div:first-child p,.settings-colour-preview .page-frame-content [role=region]:not(.settings-preview *)>div:first-child svg{color:white}.settings-colour-preview [data-preview-feature-group]>div:first-child,.settings-colour-preview [data-settings-concept]>div:first-child{align-items:center}.settings-colour-preview [data-preview-feature-group]>div:first-child>span,.settings-colour-preview [data-settings-concept]>div:first-child>span{background:var(--accent);color:white}.settings-colour-preview #public-settings-form .form-section{overflow:hidden;border:1px solid var(--line);border-radius:.75rem;background:color-mix(in srgb,var(--focus) 6%,var(--surface,white))}.settings-colour-preview #public-settings-form .form-section>h2{display:flex;align-items:center;gap:.65rem;margin:-1.25rem -1.25rem 1.25rem;padding:1rem 1.25rem;background:var(--accent);color:white}.settings-colour-preview #public-settings-form .form-section>h2 svg{color:white;flex-shrink:0}.settings-colour-preview .settings-preview-save-status{font-size:.8125rem;color:var(--accent)}.settings-colour-preview .page-frame-navigation [aria-current=page],.settings-colour-preview .page-frame-navigation [aria-current=page]:hover,.settings-colour-preview .page-frame-navigation [aria-pressed=true],.settings-colour-preview .page-frame-navigation [aria-pressed=true]:hover{background:var(--accent);color:white}.settings-colour-preview .page-frame-content [role=region]>div:first-child{box-shadow:none}.settings-colour-preview [data-slot=button][data-variant=default]:not(:disabled),.settings-colour-preview a[data-slot=button][data-variant=default]:not([aria-disabled=true]){background-color:var(--header-accent,var(--brand));color:var(--header-on-accent,var(--on-brand))}.settings-colour-preview #public-settings-form .form-section>h2,.settings-colour-preview .page-frame-content [role=region]:not(.settings-preview *)>div:first-child,.settings-colour-preview .page-frame-navigation [aria-current=page],.settings-colour-preview .page-frame-navigation [aria-current=page]:hover,.settings-colour-preview .page-frame-navigation [aria-pressed=true],.settings-colour-preview .page-frame-navigation [aria-pressed=true]:hover,.settings-colour-preview [data-preview-feature-group]>div:first-child>span,.settings-colour-preview [data-settings-concept]>div:first-child>span{background:var(--accent);color:var(--on-accent)}.widget-settings-colour [data-editor-tab] fieldset{min-width:0;padding:.9rem;border:1px solid var(--line);border-radius:.65rem;background:color-mix(in srgb,var(--focus) 5%,var(--surface,white))}.widget-settings-colour [data-editor-tab] fieldset>legend{width:auto;max-width:100%;padding:.35rem .65rem;border-radius:.35rem;background:var(--accent);color:var(--on-accent);font-weight:600}.widget-settings-colour [data-editor-tab] fieldset>legend button{color:inherit}.settings-colour-preview .canvas-dark .page-frame-content [data-slot=button][data-variant=outline],.settings-colour-preview .canvas-dark .page-frame-content a:not([data-slot=button]),.settings-colour-preview .canvas-dark .page-frame-navigation p,.settings-colour-preview .canvas-dark .page-frame-title .page-frame-page-name,.settings-colour-preview .canvas-dark .page-frame-title h1,.settings-colour-preview .canvas-dark .settings-preview-save-status,.settings-colour-preview .canvas-dark main [data-slot=button][data-variant=outline],.settings-colour-preview .canvas-dark main>div:first-child a{color:var(--ink)}.settings-colour-preview .canvas-dark .page-frame-content a:not([data-slot=button]):hover,.settings-colour-preview .canvas-dark main>div:first-child a:hover{color:white}.settings-colour-preview #public-settings-form .form-section>h2 svg,.settings-colour-preview .page-frame-content [role=region]:not(.settings-preview *)>div:first-child h2,.settings-colour-preview .page-frame-content [role=region]:not(.settings-preview *)>div:first-child p,.settings-colour-preview .page-frame-content [role=region]:not(.settings-preview *)>div:first-child svg,.widget-settings-colour [data-editor-tab] fieldset>legend button{color:var(--on-accent)}