.led-map-tool { margin: 32px 0; }
.led-map-tool fieldset { border: 1px solid #415668; border-radius: 12px; padding: 20px; margin: 0 0 18px; min-width: 0; }
.led-map-tool legend { padding: 0 8px; font-weight: 700; }
.led-map-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.led-map-fields label, .led-map-reference { display: grid; gap: 8px; }
.led-map-tool input, .led-map-tool select { width: 100%; min-width: 0; box-sizing: border-box; padding: 12px; border: 1px solid #718696; border-radius: 6px; background: #071521; color: #f7fafc; font: inherit; }
.led-map-tool :is(input, select, button, a):focus-visible { outline: 3px solid #63d4ac; outline-offset: 4px; }
.led-map-tool button { font: inherit; cursor: pointer; }
.led-map-tool .led-map-examples { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0; }
.led-map-examples button { border: 1px solid #718696; color: inherit; background: transparent; padding: 10px 14px; border-radius: 6px; }
.led-map-tool [data-led-example] { border: 1px solid #718696; color: inherit; background: transparent; padding: 10px 14px; border-radius: 6px; }
.led-map-downloads { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0; }
.led-map-modes dt { margin-top: 14px; font-weight: 700; }
.led-map-modes dd { margin: 8px 0 18px; }
.led-map-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 22px 0; }
.led-map-results div { border: 1px solid #415668; border-radius: 10px; padding: 18px; }
.led-map-results dt { font-size: .9rem; margin-bottom: 8px; }
.led-map-results dd { font-size: 1.2rem; font-weight: 700; margin: 0; overflow-wrap: anywhere; }
.led-map-preview { background: #071521; border: 1px solid #415668; border-radius: 8px; padding: 14px; margin: 22px 0; }
.led-map-preview svg { display: block; width: 100%; height: auto; max-height: 500px; }
.led-map-error { color: #ffe1bd; border: 1px solid #f3b37b; padding: 14px; border-radius: 8px; }
.led-map-note { color: #c3d1dd; }
.led-map-tool .th-actions { flex-wrap: wrap; }
.led-map-tool [hidden] { display: none !important; }
.led-map-tool button:disabled { opacity: .45; cursor: default; }
@media (max-width: 620px) { .led-map-fields, .led-map-results { grid-template-columns: 1fr; } .led-map-tool fieldset { padding: 15px; } }