#lts-board-finder { color:var(--foreground); }
    #lts-board-finder .bf-top { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:12px; }
    #lts-board-finder .bf-top label { flex:0 0 auto; margin:0; }
    #lts-board-finder .bf-top select { flex:1 1 230px; min-width:0; max-width:100%; }
    #lts-board-finder .bf-views { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:16px; margin-top:14px; }
    #lts-board-finder .bf-views > div { min-width:0; }
    #lts-board-finder .bf-views svg { display:block; width:100%; height:auto; aspect-ratio:1.12; border:1px solid var(--border); margin-top:6px; overflow:hidden; }
    #lts-board-finder #bf-overview { cursor:crosshair; }
    #lts-board-finder #bf-detail { display:grid; gap:5px; overflow-wrap:anywhere; }
    #lts-board-finder .bf-mark { stroke:var(--orange); fill:none; pointer-events:none; }
    #lts-board-finder .bf-point { fill:var(--orange); stroke:var(--background); stroke-width:.12; }
    #lts-board-finder .bf-legend { margin-top:10px; display:flex; flex-wrap:wrap; gap:12px; }
    #lts-board-finder .bf-legend span:first-child { color:var(--orange); }
    @media(max-width:520px) { #lts-board-finder .bf-views { grid-template-columns:1fr; } #lts-board-finder #bf-zoom { aspect-ratio:1.7; } }
  
#lts-board-finder {
  --foreground: #122440;
  --background: #fff;
  --muted-foreground: #67758a;
  --border: #dce4ee;
  --orange: #d66321;
  --primary: #155bea;
  --secondary: #edf1f7;
  --card: #f3f6fa;
}
#lts-board-finder .text-small { font-size:13px; }
#lts-board-finder .text-muted { color:var(--muted-foreground); }
#lts-board-finder .form-label { font-size:14px; font-weight:650; }
#lts-board-finder #bf-name { font-size:18px; font-weight:700; }
#lts-board-finder #bf-spec { color:#5d6b80; }
#lts-board-finder #bf-detail { background:#f3f6fa; border-radius:10px; padding:16px; }
#lts-board-finder .bf-views svg { background:#fff; border-radius:10px; }
#lts-board-finder .bf-legend { line-height:1.8; }