/* The optional selector overlays no merchant content and takes no normal-flow space.
   It is only created after explicit opt-in. No default-page selectors below. */
.vendiac-appearance{position:fixed;inset:auto 16px max(12px,env(safe-area-inset-bottom)) auto;z-index:2147482000;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;max-width:min(590px,calc(100vw - 32px));box-sizing:border-box;border:1px solid #ffffff20;border-radius:24px;background:#101218;color:#fff;font:500 14px/1.4 system-ui,-apple-system,sans-serif;box-shadow:0 8px 24px #0006}
.vendiac-appearance__modes{display:flex;gap:4px;min-width:0}
.vendiac-appearance button{appearance:none;cursor:pointer;border:0;border-radius:999px;padding:10px 14px;min-height:44px;background:#252933;color:#fff;font:600 14px/1.3 system-ui,-apple-system,sans-serif;white-space:nowrap;box-sizing:border-box}
.vendiac-appearance button[aria-pressed=true]{background:#007aff;color:white}
.vendiac-appearance button:focus-visible{outline:2px solid #a5ccff;outline-offset:2px}
.vendiac-appearance [data-appearance-exit]{background:#fff;color:#111}
.vendiac-appearance__status{flex-basis:100%;color:#c8cdd6;font-size:12px}
.vendiac-appearance__status:empty{display:none}
/* In the editor, keep Add bottom-centre unobscured. Dock the switch on the left. */
.ve-workbench>.vendiac-appearance{left:12px;right:auto;max-width:min(420px,calc(50vw - 66px))}
@media(max-width:1100px){.ve-workbench>.vendiac-appearance{max-width:300px;font-size:12px}.ve-workbench>.vendiac-appearance>[data-appearance-label]{display:none}.ve-workbench>.vendiac-appearance button{padding:9px 11px;font-size:12px;min-height:40px}}
@media(max-width:760px){.vendiac-appearance,.ve-workbench>.vendiac-appearance{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));max-width:calc(100vw - 16px);padding:6px 8px;gap:6px;justify-content:center}.vendiac-appearance>[data-appearance-label]{display:none}.vendiac-appearance button{padding:10px 11px;font-size:12px;min-height:44px}.ve-workbench>.vendiac-appearance{bottom:100px}.ve-workbench>.vendiac-appearance button{min-height:44px}.vendiac-appearance__modes{gap:3px}}
@media(max-width:350px){.vendiac-appearance button{padding:10px 8px}.vendiac-appearance [data-appearance-exit]{flex-basis:100%}.ve-workbench>.vendiac-appearance{bottom:90px}}
@media(max-height:450px) and (min-width:600px){.ve-workbench>.vendiac-appearance{left:8px;bottom:6px;max-width:280px;padding:4px 6px;gap:4px}.ve-workbench>.vendiac-appearance [data-appearance-exit]{min-height:36px}.ve-workbench>.vendiac-appearance .vendiac-appearance__status{max-height:35px;overflow:auto}}
@media(forced-colors:active){.vendiac-appearance{background:Canvas;color:CanvasText;border:1px solid CanvasText}.vendiac-appearance button{background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText}.vendiac-appearance button[aria-pressed=true]{outline:2px solid Highlight}}