#triplea-builder { max-width: 1300px; margin: 0 auto; padding: 10px 0; }
.ta-header { margin: 8px 0 14px; }
.ta-title { font-weight: 900; font-size: 20px; }
.ta-subtitle { color: #6b7280; font-size: 13px; margin-top: 4px; }

.ta-grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 16px; }
.ta-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 14px; }
.ta-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

label { display:block; font-weight: 650; margin-top: 10px; font-size: 13px; }
input, textarea, select { width: 100%; padding: 8px; border: 1px solid #d1d5db; border-radius: 10px; font-size: 13px; }
hr { border: 0; border-top: 1px solid #e5e7eb; margin: 14px 0; }

.ta-actions { display:flex; gap: 8px; align-items:center; margin-top: 12px; flex-wrap: wrap; }
.ta-primary { background:#111827; color:#fff; border:0; padding:10px 12px; border-radius:10px; cursor:pointer; }
.ta-secondary { background:#f3f4f6; color:#111827; border:1px solid #e5e7eb; padding:10px 12px; border-radius:10px; cursor:pointer; }
.ta-status { font-size: 12px; color:#374151; }

.ta-hint { font-size: 12px; color:#6b7280; margin-top: 6px; line-height: 1.35; }
.ta-mini-muted { font-size: 11px; color:#6b7280; margin-top: 4px; }

.ta-three { display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 10px; }
.ta-coltitle { font-weight: 800; font-size: 12px; margin: 6px 0 6px; color: #374151; }

.ta-picks { max-height: 55vh; overflow:auto; border: 1px solid #e5e7eb; border-radius: 10px; padding: 6px; background: #fafafa; }
.ta-pick { padding: 8px; border-radius: 9px; cursor: pointer; font-size: 13px; }
.ta-pick:hover { background: #f3f4f6; }
.ta-pick.active { background: #111827; color: #fff; }

.ta-var-list { max-height: 55vh; overflow:auto; display:flex; flex-direction:column; gap:10px; padding-top:2px; }
.ta-var { border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px; }
.ta-var-title { font-weight: 800; margin-bottom: 4px; }
.ta-var-meta { font-size: 12px; color:#6b7280; margin-bottom: 6px; }
.ta-var-def { font-size: 13px; color:#111827; margin-bottom: 8px; }
.ta-var button { padding: 8px 10px; border-radius: 10px; border: 1px solid #e5e7eb; cursor:pointer; background:#fff; }

.ta-cart { overflow:auto; }
.ta-table { width:100%; border-collapse: collapse; }
.ta-table th, .ta-table td { border-bottom: 1px solid #e5e7eb; padding: 8px; vertical-align: top; font-size: 13px; }
.ta-empty { color:#6b7280; font-size: 13px; padding: 10px 0; }

.ta-outcome { border: 1px solid #e5e7eb; border-radius: 12px; padding: 10px; margin: 10px 0; }
.ta-outcome-title { font-weight: 900; margin-bottom: 6px; }
.ta-outcome-head { display:flex; justify-content:space-between; align-items:center; }
.ta-mini { background:#fff; border:1px solid #e5e7eb; border-radius: 10px; padding: 6px 8px; cursor:pointer; }

@media (max-width: 1200px){
  .ta-grid { grid-template-columns: 1fr; }
  .ta-three { grid-template-columns: 1fr; }
  .ta-picks, .ta-var-list { max-height: 45vh; }
}