.tile.tile-lead { border-style: dashed; align-items: center; justify-content: center; gap: 6px; }
.tile-lead-plus { font-size: 26px; line-height: 1; opacity: .55; }


.dyo .dyo-twin { margin: 0 0 4px; font-size: 12.5px; color: var(--ink, #1a1a1a); }
.dyo .dyo-twin[hidden] { display: none; }


.dyo-size { display: flex; gap: 8px; background: #fff; border: 1px solid #d2d1cc; border-radius: 6px;
  padding: 8px 10px; }
.dyo-size label { flex: 1 1 70px; display: flex; flex-direction: column; gap: 3px; font-size: 11px;
  letter-spacing: .04em; text-transform: uppercase; color: var(--ink-faint, #6b6b69); }
.dyo-size input { font: inherit; font-size: 14px; padding: 6px 8px; width: 100%; box-sizing: border-box;
  border: 1px solid var(--line, #ADB5BD); color: var(--ink, #1a1a1a); background: var(--surface, #fff); }


.dyo-pair { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 8px; }
.dyo-paircell { min-width: 0; display: flex; flex-direction: column; }
.dyo-pair .bld-startwrap { position: static; flex: 1; display: flex; }
.dyo-pair .bld-startbtn { flex: 1; display: grid; grid-template-columns: auto minmax(0, 1fr);
  align-content: center; column-gap: 10px; row-gap: 2px; }
.dyo-pair .bld-startbtn > :first-child { grid-row: 1 / 3; align-self: center; }
.dyo-pair .bld-startchange { grid-column: 2; }
.dyo-profbtn img { width: 62px; height: 46px; object-fit: contain; }
.dyo-profbtn img[hidden] { display: none; }


.dyo-place { margin: 6px 0 2px; }


.dyo-caveat { margin: 6px 0 0; font-size: 11.5px; color: var(--ink-faint, #6b6b69); }


.dyo .editnote { margin: 8px 0 0; }


#frame .dyo-hit { cursor: pointer; }


.dyo-glassrow { display: flex; align-items: center; gap: 10px; margin: 6px 0; }
.dyo-glasslabel { flex: 1; min-width: 0; font-size: 13px; color: #111; }
.dyo-glassrow .bld-choose { flex: 0 0 120px; }