.controls.svelte-1yqvr6q{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1rem;border:2px solid #ddd;border-radius:8px;background:#f9f9f9}.status.svelte-1yqvr6q{font-size:1.1rem}.connected.svelte-1yqvr6q{color:#27ae60}.connecting.svelte-1yqvr6q{color:#f39c12}.disconnected.svelte-1yqvr6q{color:#e74c3c}.status-message.svelte-1yqvr6q{margin-top:.5rem;font-style:italic;color:#666}.error.svelte-1yqvr6q{margin-top:.5rem;color:#e74c3c;font-weight:700}.actions.svelte-1yqvr6q{display:flex;gap:1rem}.peer-connect.svelte-1yqvr6q{display:flex;gap:1rem;align-items:center}.peer-connect.svelte-1yqvr6q input:where(.svelte-1yqvr6q){flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px}button.svelte-1yqvr6q{padding:.5rem 1rem;border:none;border-radius:4px;background:#3498db;color:#fff;cursor:pointer;font-size:1rem}button.svelte-1yqvr6q:hover:not(:disabled){background:#2980b9}button.svelte-1yqvr6q:disabled{background:#bdc3c7;cursor:not-allowed}.visualization.svelte-1afmnej{margin-bottom:2rem}.legend.svelte-1afmnej{display:flex;gap:2rem;margin-bottom:1rem;padding:1rem;background:#f5f5f5;border-radius:4px}.legend-item.svelte-1afmnej{display:flex;align-items:center;gap:.5rem}.legend-color.svelte-1afmnej{width:20px;height:20px;border-radius:50%;border:2px solid #fff}.legend-color.me.svelte-1afmnej{background:#ff6b6b}.legend-color.connected.svelte-1afmnej{background:#4ecdc4}.legend-color.known.svelte-1afmnej{background:#95a5a6}svg.svelte-1afmnej{border:2px solid #333;border-radius:8px;background:#fff}.instructions.svelte-1tb0dqv{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #3498db}.instructions.svelte-1tb0dqv h3:where(.svelte-1tb0dqv){margin-top:0;color:#2c3e50}.instructions.svelte-1tb0dqv ul:where(.svelte-1tb0dqv),.instructions.svelte-1tb0dqv ol:where(.svelte-1tb0dqv){margin:1rem 0}.instructions.svelte-1tb0dqv li:where(.svelte-1tb0dqv){margin:.5rem 0}main.svelte-1ywtpb1{max-width:1200px;margin:0 auto;padding:2rem}