.bktool {
  max-width: 560px;
  line-height: 1.6;
  padding: 16px 0;
  --bktool-primary: var(--bktool-primary, #273e7d);
  --bktool-primary-hover: var(--bktool-primary-hover, #273e7d);
  --bktool-primary-text: var(--bktool-primary-text, #ffffff);
}

.bktool__label { display:block; margin: 0 0 12px 0; font-weight:600; }
.bktool__input { width:100%; padding:12px; font-size:16px; box-sizing:border-box; }

.bktool__hint { margin: 10px 0 0 0; font-size: 13px; opacity: .85; }

.bktool__oldyear { display:flex; gap:10px; align-items:center; margin-top:14px; font-size:14px; user-select:none; }
.bktool__oldyear input { margin:0; }

.bktool__actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:16px; }

.bktool__btn, .bktool__copy {
  padding:11px 16px;
  cursor:pointer;
  border-radius: 10px;
  border: 1px solid transparent;
  transition: filter .15s ease, background-color .15s ease, border-color .15s ease, opacity .15s ease;
}

.bktool__btn {
  background: var(--bktool-primary);
  color: var(--bktool-primary-text);
}
.bktool__btn:hover { background: var(--bktool-primary-hover); }

.bktool__copy {
  background: transparent;
  border-color: #cfd8e3;
}
.bktool__copy:hover { filter: brightness(0.98); }
.bktool__copy.is-disabled { opacity:.6; cursor:not-allowed; }

.bktool__out {
  margin-top:16px;
  padding:14px;
  border:1px solid #ddd;
  border-radius:10px;
  min-height:52px;
}

.bktool__out--error { border-color:#f3b0b0; }
.bktool__disclaimer { margin-top:14px; font-size:12px; opacity:.8; }


.bktool__toast{ margin-top:10px; font-size:13px; opacity:.9; min-height:18px; }