#merellia-demo-controls{position:fixed;right:16px;bottom:18px;z-index:999999;font:15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292331}
#merellia-demo-controls *{box-sizing:border-box}
#merellia-demo-controls button{font:inherit;cursor:pointer}
#merellia-demo-controls .mds-toggle{display:block;margin-left:auto;border:1px solid #d7a5b5;border-radius:999px;padding:12px 18px;background:#302538;color:white;box-shadow:0 5px 24px #0004;font-weight:700}
#merellia-demo-panel{position:absolute;right:0;bottom:calc(100% + 10px);width:min(345px,calc(100vw - 32px));padding:18px;border-radius:16px;background:#fffafc;box-shadow:0 12px 40px #0004;border:1px solid #ead6df;color:#292331}
#merellia-demo-panel[hidden]{display:none}
#merellia-demo-panel strong{display:block;margin:0 0 12px;font-size:17px}
#merellia-demo-panel .mds-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#merellia-demo-panel .mds-choice{border:2px solid #ead6df;border-radius:10px;padding:6px;background:white;color:#292331;text-align:center;font-size:12px}
#merellia-demo-panel .mds-choice[aria-pressed="true"]{border-color:#a45575;box-shadow:0 0 0 2px #a4557533}
#merellia-demo-panel .mds-swatch{display:block;height:58px;border-radius:7px;background-size:cover;background-position:center;margin-bottom:6px}
#merellia-demo-status{font-size:12px;margin:12px 0 0;color:#62465a}
@media(max-width:600px){#merellia-demo-controls{right:10px;bottom:12px}#merellia-demo-controls .mds-toggle{padding:10px 14px;font-size:13px}}