body{font-family:sans-serif;background-color:#111;color:#eee;text-align:center;padding-top:40px}*,*:before,*:after{box-sizing:border-box}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:#444;border-radius:5px;outline:none;margin:10px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#888;cursor:pointer;border-radius:50%}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#888;cursor:pointer;border-radius:50%}h3.svelte-8q0rlx{margin-top:0;font-weight:400;color:#aaa;border-bottom:1px solid var(--border-color);padding-bottom:.5em;font-size:1em;margin-bottom:1em}.channel-list-container.svelte-m01h7z{height:100%;border-right:1px solid var(--border-color);padding:1em;background-color:var(--background-color);color:var(--text-color);overflow-y:auto}ul.svelte-m01h7z{list-style:none;padding:0;margin-bottom:1em}li.svelte-m01h7z{display:flex;justify-content:space-between;align-items:center;padding:.75em .5em;border-radius:4px;margin-bottom:5px;cursor:pointer;transition:background-color .2s}li.svelte-m01h7z:hover{background-color:var(--secondary-accent-color)}li.active.svelte-m01h7z{background-color:var(--primary-accent-color);font-weight:700}span.svelte-m01h7z{font-family:monospace;font-size:1.1em}button.svelte-m01h7z{padding:5px 12px;cursor:pointer;border:1px solid #555;border-radius:4px;background-color:transparent;color:var(--text-color);transition:background-color .2s,border-color .2s}button.svelte-m01h7z:hover{background-color:var(--border-color);border-color:#777}button.svelte-m01h7z:disabled{cursor:not-allowed;background-color:var(--secondary-accent-color);color:#777;border-color:var(--border-color)}.disconnect-btn.svelte-m01h7z{padding:10px;margin-bottom:1em;background-color:#5a3a3a;color:var(--text-color);border:1px solid #885555;border-radius:4px;cursor:pointer;transition:background-color .2s}.disconnect-btn.svelte-m01h7z:hover{background-color:#6a4a4a}.disconnect-btn.svelte-m01h7z:disabled{background-color:var(--secondary-accent-color);color:#777;border-color:var(--border-color)}@media (max-width: 768px){.channel-list-container.svelte-m01h7z{border-right:none}}canvas.svelte-1db9ea2{width:100%;height:200px;background-color:#000;border:1px solid var(--border-color);margin-top:20px}.keyButton.svelte-1wu6042{max-width:100%;height:100px;border-radius:15px;border:3px solid var(--border-color);background-color:var(--secondary-accent-color);color:var(--text-color);font-size:24px;cursor:pointer;user-select:none;-webkit-user-select:none;display:flex;justify-content:center;align-items:center;margin:20px auto}.keyButton.active.svelte-1wu6042{background-color:var(--primary-accent-color);border-color:#777}.slider-container.svelte-1wu6042{width:100%;margin:1rem auto;text-align:left}.decoder-container.svelte-1ua1g1v{margin:1rem auto;width:100%}.decoder-output.svelte-1ua1g1v{padding:10px;border:1px solid var(--border-color);background-color:var(--background-color);height:120px;overflow-y:auto;text-align:left;font-family:monospace;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-all}.decoder-output.svelte-1ua1g1v .current-sequence{color:#999;opacity:.8}.decoder-output.svelte-1ua1g1v .standby{color:#999}.control-container.svelte-14mz7z8{padding:1em 0}.main-app-content.disabled.svelte-14mz7z8{opacity:.3;pointer-events:none}h1.svelte-14mz7z8{margin-top:0;font-weight:400;color:#fff;border-bottom:1px solid var(--border-color);padding-bottom:.5em;margin-bottom:1em;font-size:1em}.status.svelte-szff8p{padding:1em;height:100%;border-left:1px solid var(--border-color)}ul.svelte-szff8p{list-style-type:none;padding:0}li.svelte-szff8p{font-family:monospace;font-size:.9em;margin-bottom:.5em}.reconnecting.svelte-szff8p{color:#f39c12}@media (max-width: 768px){.status.svelte-szff8p{border-left:none}}:root{--background-color: #1a1a1a;--text-color: #eee;--border-color: #444;--primary-accent-color: #3a3a3a;--secondary-accent-color: #333}.svelte-1n46o8q{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--background-color);color:var(--text-color)}.app-container.svelte-1n46o8q{display:grid;grid-template-columns:1fr 2fr 1fr;height:100vh;gap:1em}@media (max-width: 768px){body{padding:1em;box-sizing:border-box}.app-container.svelte-1n46o8q{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto}.sidebar-left.svelte-1n46o8q{order:1}main.svelte-1n46o8q{order:2}.sidebar-right.svelte-1n46o8q{order:3}}