.demo-bar{display:flex;width:min(100%,540px);min-height:50px;align-items:center;justify-content:space-between;gap:10px;margin:0 auto 7px;border:1px solid #806b3c;border-radius:11px;padding:7px 8px 7px 12px;background:linear-gradient(110deg,#19150c,#0c0b08);box-shadow:0 7px 18px #0007}
.demo-bar[hidden]{display:none}
.demo-bar span,.demo-bar small{display:block}
.demo-bar b{color:var(--gold-soft,#f0d794);font-size:10px;letter-spacing:.14em}
.demo-bar small{max-width:310px;margin-top:2px;color:#b6ab94;font-size:10px;line-height:1.25}
.demo-bar .secondary-button{width:auto;min-width:104px;min-height:34px;padding:5px 9px;font-size:11px}
.demo-panel{margin-top:13px;border:1px solid #4e4229;border-radius:13px;padding:0 13px 13px;background:#15110b}
.demo-panel h3{margin-top:13px}
.demo-panel p{margin:0;color:#b7ac96}
.demo-panel .primary-button{margin-top:11px}
.demo-finger{position:fixed;z-index:210;display:block;width:46px;height:52px;pointer-events:none;filter:drop-shadow(0 4px 4px #000b);font-size:38px;line-height:1;transform-origin:40% 15%}
@media(max-width:380px){.demo-bar small{max-width:190px}.demo-bar .secondary-button{min-width:92px}}