[role="tabpanel"][hidden]{display:none!important}.obs-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.obs-tabs button,.yagi-panel button{border:1px solid #37506a;background:#102338;color:#e4eef9;padding:12px 20px;border-radius:10px;cursor:pointer}.obs-tabs button[aria-selected="true"]{background:#16636c;border-color:#66e0d9;color:white}.obs-tabs button:focus-visible,.yagi-panel :focus-visible{outline:3px solid #f7c564;outline-offset:3px}#obs-hydrogen>#connectionBadge{margin:0 0 18px auto;width:max-content}.yagi-panel{margin:24px 0;padding:24px;border:1px solid #284357;border-radius:16px;background:#081522;color:#c9dbea}.yagi-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.yagi-heading h2{margin:8px 0}.yagi-panel p{line-height:1.65}.yagi-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:16px 0}.yagi-controls label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.yagi-panel input{background:#102338;color:#e5efff;border:1px solid #48647b;border-radius:6px;padding:8px;color-scheme:dark}.yagi-panel input[type=number]{width:78px}.yagi-slider{display:flex;align-items:center;gap:15px}.yagi-slider input{flex:1;min-width:60px}#yagiCanvas{display:block;width:100%;height:480px;touch-action:none;border-radius:12px;background:#040d17}.yagi-panel table{width:100%;border-collapse:collapse}.yagi-panel th,.yagi-panel td{text-align:left;padding:12px;border-bottom:1px solid #24384c}.yagi-table{overflow:auto}.yagi-panel details{margin:20px 0}.yagi-panel summary{cursor:pointer;color:#6fe2d9}.yagi-panel a{color:#8bd4ff}@media(max-width:600px){.yagi-panel{padding:14px}#yagiCanvas{height:360px}.yagi-heading{display:block}.obs-tabs button{padding:11px}.yagi-panel td,.yagi-panel th{padding:8px;font-size:13px}}