.mkw-wrap{
  border:1px solid #ddd;
  padding:16px;
  border-radius:12px;
  background:#fff;
  max-width:720px;
  margin:16px auto;
}

.mkw-slot-area{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-bottom:14px;
}

.mkw-slot{
  width:260px;
  height:140px;
  border:3px solid #111;
  border-radius:14px;
  background:#f7f7f7;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.mkw-slot-inner{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.mkw-img{
  width:92px;
  height:92px;
  border-radius:16px;
  background:#eaeaea;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  border:2px solid rgba(0,0,0,.1);
}
.mkw-img.has-img{ background-color:#fff; }

.mkw-name{
  font-weight:700;
  font-size:16px;
  text-align:center;
}

.mkw-plus{
  font-size:28px;
  font-weight:900;
  user-select:none;
}

.mkw-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}

.mkw-btn{
  padding:10px 12px;
  border-radius:10px;
  border:1px solid #111;
  background:#111;
  color:#fff;
  cursor:pointer;
  font-weight:700;
}
.mkw-btn:disabled{ opacity:.5; cursor:not-allowed; }

.mkw-result{
  margin-top:14px;
  text-align:center;
  font-weight:700;
}

/* ✅ バー表示を崩さない（等幅フォント） */
.mkw-pre{
  margin: 0;
  white-space: pre;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Noto Sans Mono", monospace;
  line-height: 1.5;
  font-size: 14px;
}