body.bank-preview {
  margin: 0; min-height: 100dvh; background: #171013; color: #ead7d2; font: 13px 'Chakra Petch','Noto Sans Thai',sans-serif;
  background-image: linear-gradient(180deg,#09060955,#100a0d33 35%,#0806089c),url('./assets/frontier.jpg');
  background-size: cover; background-position: center 64%; background-attachment: fixed;
}
.demo-bar {position: fixed; z-index: 31; inset: 12px auto auto 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 12px; max-width: calc(100% - 24px); padding: 6px 10px; border: 1px solid #ffffff23; border-radius: 8px; background: #101012e8; white-space: nowrap;}
.demo-bar span {color: #d9bb91;}
.demo-bar i {display:inline-block;width:5px;height:5px;border-radius:50%;background:#b49364;margin:0 4px 2px 0;}
.demo-bar label {display:flex;align-items:center;gap:5px;}
.demo-bar select,.demo-bar button,#demo-open {background:#171417;color:#ead7d2;border:1px solid #ffffff28;border-radius:5px;font:inherit;padding:4px 7px;}
.demo-bar button,#demo-open {cursor:pointer;}
#demo-open {position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);padding:12px 26px;background:#e5092c;border-color:#e5092c;color:#fff;border-radius:99px;}
@media(max-width:680px){.demo-bar{font-size:11px;gap:6px;flex-wrap:wrap;width:max-content;white-space:normal}.demo-bar span{display:none}}