html body #dj-layout-switcher{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
html.site-green-theme.dj-layout-enabled body #dj-layout-menu{background:var(--site-surface,#e5f7e8)!important;color:var(--site-text,#234c36)!important;border-color:var(--site-border,#aecfb7)!important}
html body #dj-color-switcher{position:relative;min-width:0;z-index:100012}
html body #dj-color-toggle{min-height:36px;padding:7px 13px;border:1px solid #bd2535;border-radius:7px;font:inherit;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;cursor:pointer;background:#bd2535!important;color:#fff!important}
html body #dj-color-toggle:hover{background:#a51c2b!important}
html body #dj-color-panel{position:absolute;right:0;top:calc(100% + 9px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:244px;max-width:calc(100vw - 24px);padding:12px;border:1px solid var(--site-border,#b5d9be);border-radius:12px;box-shadow:0 8px 28px #0002;background:var(--site-surface,#e5f7e8)!important;box-sizing:border-box;z-index:100013}
html body #dj-color-panel[hidden]{display:none!important}
html.site-green-theme body #dj-color-panel button{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:40px;margin:0;padding:8px 10px;border:1px solid var(--site-border,#b5d9be)!important;border-radius:7px;font:inherit;font-size:13px;cursor:pointer;background:var(--site-input,#edf8ec)!important;color:var(--site-text,#234c36)!important;box-shadow:none!important}
html.site-green-theme body #dj-color-panel button[aria-pressed="true"]{border:2px solid #bd2535!important;padding:7px 9px;font-weight:700;box-shadow:0 0 0 1px #bd253522!important}
html.site-green-theme body #dj-color-panel button:hover{background:var(--site-soft,#d0e5cb)!important}
html.site-green-theme body #dj-color-panel .dj-color-swatch{display:inline-block;width:17px;height:17px;border:1px solid #0002;border-radius:50%;flex:none}
html body #dj-color-switcher :is(button):focus-visible{outline:3px solid #bb7332;outline-offset:3px}
html.site-login-floating body .view-account #dj-color-switcher.dj-color-on-login{position:absolute;right:5.2%;top:38px;z-index:10}
html.site-login-floating body #dj-color-toggle{font-size:13px}
html[data-dj-color].site-embedded-page :is(button,.back-button,.toolbar-button,.upload-btn,.action-button,.build-button):not(:disabled),html[data-dj-color].site-private-green :is(button,.logout-button,.action-button):not(:disabled){background:#bd2535!important;color:#fff!important;border-color:#bd2535!important}
html[data-dj-color].site-embedded-page :is(button,.back-button,.toolbar-button,.upload-btn,.action-button,.build-button):not(:disabled):hover,html[data-dj-color].site-private-green :is(button,.logout-button,.action-button):not(:disabled):hover{background:#a51c2b!important}
@media(max-width:600px){html body #dj-layout-toggle,html body #dj-color-toggle{font-size:12px;padding:7px 9px}html body #dj-layout-switcher{gap:6px}html.site-login-floating body .view-account #dj-color-switcher.dj-color-on-login{right:18px;top:22px}}