/* TTB Mass Converter styles */
.ttb-massconv { max-width: 860px; margin: 0 auto; font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans"; color:#111827; }
.ttb-massconv h2 { font-size:1.4rem; margin:0 0 12px; color:#111827; }

.ttb-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; box-shadow:0 1px 2px rgba(0,0,0,.04); margin-bottom:12px; }
.ttb-label { display:block; font-weight:600; margin-bottom:8px; color:#374151; }
.ttb-input { width:100%; padding:10px 12px; border:1px solid #d1d5db; border-radius:8px; font-size:0.95rem; outline:none; background:#fff; }
.ttb-input:focus { border-color:#3b82f6; box-shadow:0 0 0 3px rgba(59,130,246,.15); }
.ttb-input.select { appearance:none; background-image: linear-gradient(45deg, transparent 50%, #6b7280 50%), linear-gradient(135deg, #6b7280 50%, transparent 50%); background-position: calc(100% - 16px) calc(1em + 2px), calc(100% - 11px) calc(1em + 2px); background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }

.ttb-input-row { display:flex; gap:8px; align-items:center; }
.ttb-btn { padding:10px 12px; border:none; border-radius:8px; background:#111827; color:#fff; font-weight:600; cursor:pointer; }
.ttb-btn:hover { background:#0b1220; }
.ttb-btn.copy { background:#6b7280; }
.ttb-btn.copy:hover { background:#4b5563; }

.ttb-grid { display:grid; grid-template-columns: 1fr 220px 220px; gap:12px; }
@media (max-width: 720px){
  .ttb-grid { grid-template-columns: 1fr; }
}

.ttb-error { margin-top:10px; color:#b91c1c; background:#fee2e2; border:1px solid #fecaca; padding:8px 10px; border-radius:8px; }
.ttb-result-card .ttb-hint { margin-top:8px; color:#6b7280; font-size:0.9rem; }