.vsd-675 .vsd-element.vsd-element-9c5c459{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.vsd-675 .vsd-element.vsd-element-967f846.vsd-element{--align-self:flex-start;}.vsd-675 .vsd-element.vsd-element-306aeb7{width:100%;max-width:100%;padding:0.3em 0em 0em 0em;}.vsd-675 .vsd-element.vsd-element-f4e8acf{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.vsd-675 .vsd-element.vsd-element-f4e8acf.vsd-element{--align-self:flex-start;}/* Start custom CSS for html, class: .vsd-element-967f846 */.btc-tool-description{
  font-family:system-ui,-apple-system,Segoe UI,Inter,Roboto,sans-serif;
  color:#0b0d12;
}

.btc-tool-description h2{
  margin:56px 0 14px;
  font-size:28px;
  line-height:1.15;
  letter-spacing:-.025em;
  font-weight:800;
  color:#0b0d12;
  position:relative;
  display:inline-block;
}

.btc-tool-description h2::before{
  content:"";
  position:absolute;
  left:0;
  bottom:-7px;
  width:3.2ch;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#4f7cff,#9db2ff);
}

.btc-tool-description p{
  margin:0 0 18px;
  font-size:16.5px;
  line-height:1.7;
  color:rgba(11,13,18,.78);
  max-width:760px;
}

.btc-tool-description strong{
  color:#0b0d12;
  font-weight:700;
}

.btc-tool-description a{
  color:#3b6cff;
  text-decoration:none;
  border-radius:6px;
  padding:1px 3px;
  transition:background .15s ease,color .15s ease;
}

.btc-tool-description a:hover{
  background:rgba(79,124,255,.08);
  color:#2f5cff;
}

@media(max-width:900px){
  .btc-tool-description h2{
    font-size:24px;
  }

  .btc-tool-description p{
    font-size:15.5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-306aeb7 */:root{
  --bg:#f7f9fc;
  --panel:#ffffff;
  --border:#e6ebf2;
  --text:#0f172a;
  --muted:#6b7280;
  --brand:#3b6cff;
  --ok:#16a34a;
  --warn:#f59e0b;
  --radius:16px;
  --shadow:0 18px 40px rgba(15,23,42,.08);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

*{box-sizing:border-box}

/* base */

.app{
  width:100%;
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:1.25rem 1.25rem 1.4rem;
}

.header{
  display:flex;
  gap:.75rem;
  align-items:center;
  margin-bottom:1rem;
}

.app .header .logo{
  width:40px;height:40px;
  border-radius:12px;
  background:linear-gradient(180deg,#eaf1ff,#dfe9ff);
  display:grid;place-items:center;
  color:var(--brand);
  font-weight:700;
}


.title{font-size:1.1rem;line-height:1.2}
.subtitle{font-size:.85rem;color:var(--muted)}

.form{
  display:flex;
  gap:.5rem;
  margin-top:.75rem;
  align-items:center;
}

.input{
  flex:1;
  height:3rem;
  padding:0 .9rem;
  border-radius:12px;
  border:1px solid var(--border);
  font-size:.95rem;
  outline:none;
  transition:border .2s, box-shadow .2s;
}

.input:focus{
  border-color:var(--brand);
  box-shadow:0 0 0 3px rgba(59,108,255,.12);
}

.btn{
  height:3rem;
  padding:0 1.1rem;
  border-radius:12px;
  border:0;
  background:linear-gradient(180deg,#4f7cff,#3b6cff);
  color:#fff;
  font-weight:600;
  cursor:pointer;
  transition:transform .2s, box-shadow .2s, opacity .2s;
  box-shadow:0 10px 20px rgba(59,108,255,.25);
}

.btn:hover{transform:translateY(-1px)}
.btn:active{transform:none;opacity:.9}

.row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
  margin-top:1rem;
}

.card{
  border:1px solid var(--border);
  border-radius:14px;
  padding:.9rem;
  background:#fff;
  position:relative;
  overflow:hidden;
}

.card::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:3px;
  background:linear-gradient(90deg,var(--brand),#8aa0ff);
  opacity:.15;
}

.label{font-size:.8rem;color:var(--muted)}

.value{
  margin-top:.25rem;
  font-size:1.1rem;
  font-weight:600;
}

.value small{
  font-weight:500;
  color:var(--muted);
  font-size:.75rem;
}

.status{
  margin-top:.75rem;
  display:flex;
  align-items:center;
  gap:.5rem;
  font-size:.85rem;
  color:var(--muted);
}

.dot{
  width:8px;height:8px;border-radius:50%;
  background:#cbd5e1;
}

.dot.ok{background:var(--ok)}
.dot.warn{background:var(--warn)}

.meta{
  display:flex;
  justify-content:space-between;
  gap:.5rem;
  margin-top:.75rem;
  font-size:.75rem;
  color:var(--muted);
}

.error{
  margin-top:.75rem;
  font-size:.8rem;
  color:#dc2626;
  display:none;
}

/* transactions */

#txs{
  margin-top:1rem;
  display:flex;
  flex-direction:column;
  gap:.5rem;
  max-height:600px;
  overflow:auto;
  padding-right:.25rem;
}

.tx-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:.25rem .75rem;
  padding:.6rem .7rem;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
  cursor:pointer;
  transition:background .18s ease, box-shadow .18s ease;
}

.tx-row:hover{
  background:#f7f9ff;
  box-shadow:0 4px 12px rgba(59,108,255,.08);
}

.tx-hash{
  grid-column:1 / 2;
  font-size:.9rem;
  color:var(--text);
  font-weight:500;
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  word-break:break-all;
}

.tx-val{
  grid-column:2 / 3;
  font-size:.95rem;
  font-weight:600;
  color:var(--brand);
  text-align:right;
  white-space:nowrap;
}

.tx-meta{
  grid-column:1 / -1;
  font-size:.8rem;
  color:var(--muted);
}

.tx-details{
  display:none;
  grid-column:1 / -1;
  margin-top:.35rem;
  font-size:.8rem;
  line-height:1.45;
  color:var(--muted);
  word-break:break-all;
}

.tx-row.open .tx-details{display:block}

/* sort controls */

.form [data-sort],
#dir{
  height:2.1rem;
  padding:0 .7rem;
  border-radius:10px;
  border:1px solid var(--border);
  background:#fff;
  color:var(--text);
  font-size:.75rem;
  font-weight:600;
  line-height:1;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 2px 6px rgba(15,23,42,.06);
  transition:
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.form [data-sort]:hover,
#dir:hover{
  background:#f7f9ff;
  border-color:#cfd9ff;
  box-shadow:0 4px 12px rgba(59,108,255,.12);
}

.form [data-sort]:active,
#dir:active{
  box-shadow:0 1px 3px rgba(15,23,42,.08);
}

.form [data-sort].is-active{
  background:linear-gradient(180deg,#eef3ff,#e5edff);
  border-color:#cfd9ff;
  color:var(--brand);
  box-shadow:0 4px 10px rgba(59,108,255,.15);
}

.form [data-sort]:focus-visible,
#dir:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(59,108,255,.18);
}

#dir{
  min-width:2.1rem;
  padding:0;
  font-size:.85rem;
  color:var(--brand);
  font-weight:700;
}

.form [data-sort].btn:hover,
#dir.btn:hover{
  transform:none !important;
}

/* also neutralize active press shift */
.form [data-sort].btn:active,
#dir.btn:active{
  transform:none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-f4e8acf *//* ===============================
   GUIDE MODULE – compact, neutral,
   does NOT touch existing UI
   =============================== */

/* keep ? button exactly as before – only harden against Elementor */

#howtoFab{
  position:fixed!important;
  right:20px!important;
  bottom:76px!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  padding:0!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  box-sizing:border-box!important;
}

/* floating mini player */

#howtoPanel{
  position:fixed!important;
  left:50%!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;

  width:min(92vw,300px);
  padding:.5rem .55rem .55rem;

  background:var(--panel);
  border:1px solid var(--border);
  border-radius:12px;

  box-shadow:0 10px 26px rgba(15,23,42,.14);
  z-index:99998!important;
}

/* header */

#howtoPanel .howto-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.4rem;

  font-size:.8rem;
  font-weight:600;
  color:var(--text);
  margin-bottom:.25rem;
}

#howtoPanel .howto-head button{
  border:0;
  background:none;
  padding:0 .2rem;
  cursor:pointer;
  font-size:1rem;
  line-height:1;
  color:var(--muted);
}

/* controls */

#howtoPanel .howto-controls{
  display:grid;
  grid-template-columns:2rem 1fr 2rem;
  gap:.35rem;
  align-items:center;
  margin-bottom:.25rem;
}

#howtoPanel .howto-controls button{
  height:2rem;
  min-width:2rem;
  padding:0;
  border-radius:8px;
  border:1px solid var(--border);
  background:#fff;
  color:var(--text);
  font-size:.75rem;
  font-weight:600;
  cursor:pointer;

  display:flex;
  align-items:center;
  justify-content:center;

  box-shadow:0 1px 4px rgba(15,23,42,.06);
  transition:
    background .12s ease,
    border-color .12s ease,
    box-shadow .12s ease;
}

#howtoPanel .howto-controls button:hover{
  background:#f6f8ff;
  border-color:#d7e0ff;
  box-shadow:0 4px 10px rgba(59,108,255,.12);
}

/* play button slightly accented only */

#tourPlay{
  background:linear-gradient(180deg,#eef3ff,#e7eeff);
  border-color:#d7e0ff;
  color:var(--brand);
  font-weight:700;
}

/* status */

#howtoPanel .howto-status{
  text-align:center;
  font-size:.7rem;
  font-weight:600;
  color:var(--muted);
}


/* ===============================
   tooltip – readable but neutral
   =============================== */

/* only style the tour tooltip itself (created by JS) */

body > div[style*="z-index:90001"]{
  max-width:420px!important;
  background:#fff!important;
  color:var(--text)!important;
  border-radius:12px!important;
  padding:.9rem 1rem!important;
  font-size:.95rem!important;
  line-height:1.55!important;
  border:1px solid var(--border)!important;
  box-shadow:0 14px 36px rgba(15,23,42,.22)!important;
}

/* dim overlay only */

body > div[style*="z-index:90000"]{
  background:rgba(15,23,42,.38)!important;
}/* End custom CSS */