/* Mirror create — shared site look */
.steps{margin:18px 0 22px}
.step{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin:0 0 12px;
  font-size:13px;
  color:var(--muted);
  line-height:1.5;
  transition:transform .22s,color .22s;
}
html.motion-on .step:hover{transform:translateX(3px);color:var(--tx)}
.step-n{
  width:22px;
  height:22px;
  border:1px solid var(--line2);
  border-radius:4px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:600;
  color:var(--tx);
  flex-shrink:0;
  transition:transform .25s,border-color .25s,background .25s;
}
html.motion-on .step:hover .step-n{
  transform:scale(1.08);
  border-color:var(--muted);
  background:var(--surface);
}
.step span:last-child{min-width:0}
label{display:block;font-size:12px;color:var(--faint);margin:0 0 6px}
#tokenInput{
  width:100%;
  height:40px;
  padding:0 12px;
  background:var(--bg);
  border:1px solid var(--line2);
  border-radius:var(--r);
  color:var(--tx);
  font:13px/1 var(--mono);
  outline:none;
  margin:0 0 12px;
  transition:border-color .2s,box-shadow .2s;
}
#tokenInput:focus{border-color:var(--muted);box-shadow:0 0 0 3px rgba(255,255,255,.04)}
#createBtn{width:100%}
.msg{margin-top:12px;font-size:13px;color:var(--muted);min-height:1.2em;transition:opacity .25s}
.msg.ok{color:var(--ok)}
.msg.err{color:var(--danger)}
.msg a{color:var(--tx)}