/* Maison demo studio: demo bar, lash/brow maps, and hiding what only a live studio has */
:root{ --g-lash:#2F3E5C; --g-brow:#8C6A4F; --g-color:#A4362B; --g-cut:#2F6B4F }
.demo-bar{position:sticky;top:0;z-index:9;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);font-size:11.5px;letter-spacing:.02em;line-height:1.5;padding:9px 16px;text-align:center}
.demo-bar button{font:inherit;font-size:10px;letter-spacing:.2em;text-transform:uppercase;background:none;border:1px solid rgba(239,237,234,.5);color:var(--paper);padding:5px 10px;cursor:pointer;min-height:30px}
.demo-bar button:hover{border-color:var(--paper)}
.gate{z-index:11}
.gate-note{margin:0;color:var(--grey);font-size:11.5px}
/* a demo has no GHL to jump into, and this studio doesn't do extensions */
.lnk-ghl, #ev-ext, .inv-tabs{display:none!important}
/* lash & brow maps */
.mp-pic{margin:4px 0 2px}
.mp-svg{display:block;width:100%;max-width:360px;height:auto}
.mp-svg .lid{fill:none;stroke:var(--ink);stroke-width:1.6}
.mp-svg .low{fill:none;stroke:var(--grey);stroke-width:1;opacity:.6}
.mp-svg .lash line{stroke:var(--ink);stroke-width:1.3;stroke-linecap:round}
.mp-svg .mm text{font-family:var(--f-type);font-size:11px;letter-spacing:.12em;fill:var(--grey);text-anchor:middle}
.mp-svg .brow{fill:var(--ink)}
.mp-svg .guide line{stroke:var(--line);stroke-dasharray:4 5}
.mp-zones{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.mp-zones input{font:inherit;font-size:15px;text-align:center;padding:9px 4px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:0;width:100%;box-sizing:border-box}
.mp-live{margin-top:8px}
.mp-form{display:flex;flex-direction:column;gap:12px}
.mp-form select,.mp-form input[type=text]{width:100%;box-sizing:border-box}