/* Moqio brand chrome. Event canvases, photo layouts and user designs keep their own palette. */
html{color-scheme:light;font-family:var(--pb-font,Sora,system-ui,sans-serif);background:var(--pb-bg,#FCFAF7);color:var(--pb-ink,#1F1F1F)}
body{font-family:var(--pb-font,Sora,system-ui,sans-serif);background:var(--pb-bg,#FCFAF7);color:var(--pb-ink,#1F1F1F)}
button,input,textarea,select{font-family:inherit}
.pb-brand .pb-wordmark{font-size:0!important;line-height:0}.pb-brand .pb-wordmark span{font-size:0!important}
.site-header .pb-brand{margin-right:8px}.site-header .pb-wordmark{width:8rem}
.button,.btn.primary,button.primary{background:var(--pb-accent);color:var(--pb-accent-ink);text-shadow:none;border-color:transparent}
.button.secondary{background:transparent;color:var(--pb-ink);border-color:var(--pb-border)}
.button:hover,.btn.primary:hover,button.primary:hover{background:var(--pb-accent-hover);color:var(--pb-accent-ink)}
.button.secondary:hover{background:var(--pb-surface-raised)}
.eyebrow,.number{color:#805000}.tag{color:var(--pb-pro);border-color:var(--pb-pro-border)}
.product{background:var(--pb-surface);border-color:var(--pb-border);box-shadow:0 24px 70px #1f1f1f18}.product-bar{background:var(--pb-input)}
.plans .pro{background:#FFF4DE;border-color:#F5A623}.samples span{color:var(--pb-bg)}
.cta{color:#1F1F1F}.cta .button{background:#1F1F1F;color:#FCFAF7}.cta .button:hover{background:#353535;color:#FCFAF7}
#moqioNavigation,#moqioNavigationLinks{background:var(--pb-surface);color:var(--pb-ink);border-color:var(--pb-line);font-family:var(--pb-font)}
#moqioNavigation a,#moqioNavigationToggle,#moqioNavigationCurrent,.moqio-header-brand{color:var(--pb-ink)}
#moqioNavigationToggle{background:transparent}.moqio-navigation-utility{border-color:var(--pb-line)}
#moqioNavigationLinks a:hover{background:var(--pb-surface-raised)}#moqioNavigationLinks a[aria-current=page]{background:var(--pb-accent);color:#1F1F1F}
.moqio-header-brand{display:flex;align-items:center;flex:none}.moqio-header-brand img,.moqio-navigation-brand img{display:block;width:112px;height:41px;object-fit:contain}
body:has(#library) header{background:var(--pb-surface);border-color:var(--pb-line)}
body:has(#library) a,body:has(#library) .tip,body:has(#library) #status{color:var(--pb-muted)}
body:has(#library) .eyebrow{color:#805000}body:has(#library) .stage{background:#EEE8DE}
body:has(#library) button,body:has(#library) input,body:has(#library) select,body:has(#library) textarea{border-color:var(--pb-border)}
body:has(#library) button:hover{background:var(--pb-surface-raised)}body:has(#library) button.primary{background:var(--pb-accent);color:#1F1F1F}
body:has(#library) #layers button.active{background:#FFF4DE;border-color:var(--pb-accent)}
#moqioNavigation a:focus-visible,#moqioNavigation button:focus-visible{outline-color:var(--pb-accent)}
@media(max-width:380px){.site-header .pb-wordmark{width:6.5rem}.moqio-header-brand img{width:90px;height:33px}}

.support-header,.support-navigation nav{background:var(--pb-surface);color:var(--pb-ink);border-color:var(--pb-line)}
.support-navigation summary{background:var(--pb-surface-raised);border-color:var(--pb-border)}.support-navigation nav a:hover{background:var(--pb-surface-raised)}.support-nav-utility{border-color:var(--pb-line)}
.moqio-account-options{background:var(--pb-surface);border-color:var(--pb-line);box-shadow:0 12px 28px #1f1f1f1a}.moqio-account-options a,.moqio-account-options strong{color:var(--pb-ink)}.moqio-account-toggle{background:var(--pb-accent);color:#1F1F1F;border-color:var(--pb-accent);font-family:var(--pb-font)}

/* Center labels in shared controls, including anchor buttons with a minimum height. */
.btn:not([hidden]),.button:not([hidden]),.login:not([hidden]){display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1.4}
html[data-theme=dark]{color-scheme:dark}
html[data-theme=dark] :is(.eyebrow,.number,.support-eyebrow){color:var(--pb-link)}
html[data-theme=dark] .plans .pro,html[data-theme=dark] #layers button.active{background:#3B2E1D}
html[data-theme=dark] body:has(#library) .stage{background:#35322D}
html[data-theme=dark] body:has(#library) .eyebrow{color:var(--pb-link)}
html[data-theme=dark] .preview-tabs button[aria-selected=true]{background:#3B2E1D;color:var(--pb-link)}
html[data-theme=dark] :is(.moqio-header-brand,.moqio-navigation-brand) img,html[data-theme=dark] img.preview-wordmark{content:url('/brand/wordmark-light.svg')}
html[data-theme=dark] .banner{background:#3B2E1D}
html[data-theme=dark] .ribbon-tabs button[aria-selected=true]{background:#3B2E1D;color:var(--pb-link)}