:root{--primary-color: #007bff;--highlight-color: #d6eaff;--danger-color: #dc3545;--success-color: #28a745;--background-color: #f4f7f9;--text-color: #333;--card-bg: #ffffff;--border-radius: 8px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1)}.container.svelte-vlmxrz{max-width:1200px;margin:2rem auto;padding:0 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-color);background-color:var(--background-color)}header.svelte-vlmxrz{text-align:center;margin-bottom:2rem}.card.svelte-vlmxrz{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem;margin-bottom:1.5rem}.top-section.svelte-vlmxrz{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.top-section.svelte-vlmxrz>.card:where(.svelte-vlmxrz){flex:1;min-width:350px;margin-bottom:0}.connection-status.svelte-vlmxrz{margin-bottom:1rem}.connected.svelte-vlmxrz{color:var(--success-color);font-weight:700}.disconnected.svelte-vlmxrz{color:var(--danger-color);font-weight:700}.status-idle.svelte-vlmxrz{color:#6c757d}.status-active.svelte-vlmxrz{color:var(--primary-color);font-weight:700}.button.svelte-vlmxrz{background-color:var(--primary-color);color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .2s}.button.svelte-vlmxrz:hover{background-color:#0056b3}.mapping-input.svelte-vlmxrz{display:flex;gap:.5rem;margin-bottom:1rem}.mapping-input.svelte-vlmxrz input:where(.svelte-vlmxrz){flex-grow:1;padding:8px;border:1px solid #ccc;border-radius:5px}.button-small.svelte-vlmxrz{background-color:#6c757d;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;transition:background-color .2s}.button-small.svelte-vlmxrz:hover{background-color:#5a6268}.button-small-danger.svelte-vlmxrz{background-color:var(--danger-color);color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:.8rem}.mapping-list.svelte-vlmxrz{list-style:none;padding:0}.mapping-list.svelte-vlmxrz li:where(.svelte-vlmxrz){display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-bottom:1px solid #eee;transition:background-color .2s}.mapping-list.svelte-vlmxrz li.active:where(.svelte-vlmxrz){background-color:var(--highlight-color)}textarea.svelte-vlmxrz{width:100%;height:150px;border-radius:5px;border:1px solid #ccc;padding:8px;margin-bottom:1rem;font-family:Courier New,Courier,monospace;scroll-behavior:smooth}.note.svelte-vlmxrz{background-color:#e7f3fe;border-left:4px solid var(--primary-color);padding:1rem;font-size:.9rem}ol.svelte-vlmxrz{padding-left:20px}ol.svelte-vlmxrz li:where(.svelte-vlmxrz){margin-bottom:.5rem}@media (max-width: 768px){.top-section.svelte-vlmxrz{flex-direction:column}}