.scm-demo{border-radius:16px;border:1px solid rgba(0,0,0,.12);padding:14px;background:#fff;max-width:980px}
.scm-demo__header{margin-bottom:12px}
.scm-demo__title{font-weight:800;font-size:18px;line-height:1.2}
.scm-demo__sub{opacity:.75;font-size:12px;margin-top:2px}
.scm-demo__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.scm-demo__panel{border-radius:14px;border:1px solid rgba(0,0,0,.10);padding:12px;background:rgba(0,0,0,.02)}
.scm-demo__label{font-size:12px;opacity:.75;margin-top:8px;margin-bottom:6px}
.scm-demo__input,.scm-demo__select{width:100%;border-radius:10px;border:1px solid rgba(0,0,0,.14);padding:10px 10px;font-size:14px;background:#fff}
.scm-demo__row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.scm-demo__btn{border-radius:12px;border:1px solid rgba(0,0,0,.14);background:#111827;color:#fff;padding:10px 12px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.scm-demo__btn--ghost{background:#fff;color:#111827}
.scm-demo__btn[disabled]{opacity:.5;cursor:not-allowed}
.scm-demo__hint{margin-top:10px;font-size:12px;opacity:.8}
.scm-demo__mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.scm-demo__paylink{padding:10px;border-radius:12px;border:1px dashed rgba(0,0,0,.22);background:#fff;word-break:break-all;min-height:44px}
.scm-demo__status{margin-top:10px;font-size:12px;opacity:.8}
.scm-demo__qrwrap{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:8px}
.scm-demo__qr{width:240px;height:240px;max-width:100%;border-radius:12px;border:1px solid rgba(0,0,0,.10);background:#fff}
.scm-demo__qrhint{font-weight:700}
.scm-demo[data-pos="1"] .scm-demo__grid{grid-template-columns:1fr}
.scm-demo[data-pos="1"] .scm-demo__panel{padding:14px}
.scm-demo[data-pos="1"] .scm-demo__input{font-size:18px;padding:14px}
.scm-demo[data-pos="1"] .scm-demo__qr{width:320px;height:320px}
.scm-demo[data-pos="1"] .scm-demo__row--wallet{display:none}
.muted{opacity:.75}
@media (max-width: 860px){
  .scm-demo__grid{grid-template-columns:1fr}
}