*{box-sizing:border-box}body{margin:0;background:#07131d;color:#e7f3f7;font:15px/1.6 system-ui,sans-serif}canvas{display:block;position:fixed;inset:0;z-index:0}main{position:relative;z-index:1;margin:24px;padding:24px;width:min(520px,calc(100% - 48px));background:#0a1b2bee;border:1px solid #335064;border-radius:18px;box-shadow:0 12px 60px #0005}small{color:#53e3c3;letter-spacing:2px}h1{margin:10px 0;font-size:28px}p{color:#b6cbd7}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}button{font:inherit;font-weight:650;border:0;border-radius:9px;padding:12px 16px;background:#5ce6bf;color:#06251e;cursor:pointer;touch-action:none}button:disabled{opacity:.35;cursor:not-allowed}#stop{background:#ffba91}#disconnect{background:#adc2d1}#status{padding:12px;background:#132d40;border-radius:8px;color:#fff}.note{font-size:12px}pre{font-size:11px;white-space:pre-wrap;max-height:150px;overflow:auto}#capabilities{font-size:13px;color:#81dce2}#bridge-settings{display:grid;gap:10px;margin:14px 0;padding:14px;background:#0f2536;border:1px solid #2b4a5e;border-radius:12px}#bridge-settings[hidden]{display:none}#bridge-settings label{display:grid;gap:4px;font-weight:650;font-size:14px}#bridge-settings span{font-weight:400;font-size:12px;color:#8fb0c2}#bridge-settings input{font:inherit;padding:10px 12px;border-radius:8px;border:1px solid #3a5a70;background:#07131d;color:#e7f3f7;width:100%}#bridge-forget{justify-self:start;padding:8px 12px;font-size:13px;background:#2b4a5e;color:#e7f3f7}@media(max-width:600px){main{margin:12px;width:calc(100% - 24px);padding:18px}h1{font-size:23px}}