.baken-tool { max-width: 960px; margin: 0 auto; }
.baken-card { background: #fff; border-radius: 16px; padding: 16px; box-shadow: 0 4px 12px rgba(0,0,0,0.06); }
.baken-title { margin: 0 0 8px; font-size: 1.4rem; font-weight: 700; }
.baken-note { margin: 0 0 16px; color: #555; font-size: 0.95rem; }
.baken-row { display: grid; grid-template-columns: 1fr; gap: 8px; margin-bottom: 12px; }
.baken-row label { font-weight: 600; }
.baken-row input { width: 100%; padding: 10px 12px; border: 1px solid #ddd; border-radius: 10px; }
.baken-table-wrap { overflow-x: auto; }
.baken-table { width: 100%; border-collapse: collapse; }
.baken-table th, .baken-table td { border-bottom: 1px solid #eee; padding: 10px; text-align: left; }
.baken-table th { background: #fafafa; font-weight: 700; }
.rate-field { display: flex; align-items: center; gap: 6px; }
.suffix { font-size: 0.85rem; color: #777; }
.baken-actions { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.baken-btn { cursor: pointer; border: 1px solid #ddd; background: #f8f8f8; border-radius: 999px; padding: 10px 14px; font-weight: 700; transition: box-shadow .15s ease, transform .02s; }
.baken-btn:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.baken-btn:active { transform: translateY(1px); }
.baken-btn--primary { background: #14b8a6; color: #fff; border-color: #14b8a6; }
.baken-btn--danger { background: #fee2e2; color: #b91c1c; border-color: #fecaca; }
.baken-btn--ghost { background: #fff; }
.baken-result { margin-top: 22px; }
.baken-summary { margin: 8px 0 16px; padding: 10px 12px; background: #f7fee7; border: 1px solid #eaffc5; border-radius: 12px; font-size: 0.95rem; }
.warn { color: #b45309; font-weight: 700; }
.muted { color: #666; }