/* The root variables are shared; only the compact preview controls are styled. */
:root{--eup-accent:#bbef3a;--eup-accent-ink:#203a31;--accent:var(--eup-accent);--ph-lime:var(--eup-accent);--pr-lime:var(--eup-accent);--ps-lime:var(--eup-accent);--gl-lime:var(--eup-accent)}
.theme-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px 10px;min-width:0;max-width:100%;color:#f4f7ec;font:10px/1.4 EUP,Arial,sans-serif;letter-spacing:0;text-transform:none}
.theme-controls label{display:inline-flex;align-items:center;gap:7px;min-height:30px;cursor:pointer;white-space:nowrap}
.theme-controls input[type='color']{display:block;width:32px;height:28px;min-width:32px;margin:0;padding:2px;border:1px solid #a5b39e;border-radius:0;background:transparent;cursor:pointer;appearance:auto;color-scheme:dark}
.theme-controls input[type='color']::-webkit-color-swatch-wrapper{padding:0}
.theme-controls input[type='color']::-webkit-color-swatch{border:0;border-radius:0}
.theme-controls input[type='color']::-moz-color-swatch{border:0;border-radius:0}
.theme-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;margin:0;padding:4px 9px;border:1px solid #8e9f86;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:1.4;letter-spacing:0;text-transform:none;box-shadow:none;transform:none;cursor:pointer}
.theme-controls button:hover:not(:disabled){background:#ffffff13;transform:none}
.theme-controls :is(button,input):focus-visible{outline:2px solid #f4f7ec;outline-offset:3px}
.theme-controls :is(button,input):disabled{opacity:.5;cursor:default}
.theme-controls [data-theme-status]{min-width:0;max-width:190px;color:#d0dbc5;font-size:9px;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:600px){.theme-controls{gap:4px 8px;font-size:9px}.theme-controls [data-theme-status]{max-width:145px;font-size:8px}.theme-controls button{padding-inline:8px}}
.vector .concept-bar .theme-controls{gap:5px 10px;flex-wrap:wrap;align-items:center;max-width:100%;min-width:0}
.vector.eup-pages :is(.primary-button,.solid-action,.preview-contact-submit,.ph-action,.ps-action,.gl-action,.image-picker-save,.opening-rail):not(:disabled){color:var(--eup-accent-ink)}
@media(max-width:600px){.vector .concept-bar .theme-controls{gap:4px 8px}}