*{box-sizing:border-box}body{margin:0;background:#9db3c9;font-family:Arial,Helvetica,sans-serif;color:#111}.window{max-width:1480px;margin:10px auto;background:#d8d8d8;border:2px solid #777;box-shadow:0 0 0 2px #eee inset}.titlebar{background:linear-gradient(#b8d7f0,#7fa5c8);padding:7px 10px;color:#123}.menubar,.tabs{display:flex;gap:18px;padding:6px 12px;background:#eee;border-bottom:1px solid #aaa}.tabs{gap:4px;flex-wrap:wrap}.tab,.mode,button,select,input{font-size:16px}.tab,.mode,button{border:2px outset #eee;background:#eee;padding:6px 12px;cursor:pointer}.active,.on{outline:2px dotted #333;background:#fff}.grid{display:grid;grid-template-columns:43% 150px 1fr;gap:8px;padding:8px}.panel,.subpanel{background:#ddd;border:2px inset #eee;padding:8px}.subpanel{display:none;margin:0 8px 8px}.activePanel{display:block}.screen{background:#fff;border:2px inset #aaa;width:100%;aspect-ratio:640/496;display:grid;place-items:center}canvas{max-width:100%;height:auto;background:#fff}#scope{background:#ff8738;border:2px inset #aaa}#waterfall{background:#eee;border:2px inset #aaa}.modes{display:flex;flex-direction:column;gap:4px}.modes h3{margin:3px;text-align:center}.rx-meta{display:flex;align-items:center;gap:8px;padding-top:6px;font-size:18px}fieldset{border:2px groove #eee;margin-top:8px}label{display:grid;grid-template-columns:120px 1fr;gap:6px;margin:6px}input,select{border:2px inset #eee;background:#fff;padding:4px;max-width:100%}.row,.tx-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lamp{display:inline-block;padding:8px 14px;border:2px inset #eee;background:#7ad47a;font-weight:bold}.lamp.busy{background:#e94444;color:#fff}.thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}.thumb,.card{border:2px solid #333;background:white;min-height:120px;padding:6px;font-size:13px}.thumb img{width:100%;display:block}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.qsl{max-width:260px;border:1px solid #333;background:white}.togglebar{display:flex}.togglebar button{flex:1}.small{font-size:13px;color:#333}.meter{font-size:13px;background:#eee;border:1px inset #aaa;padding:5px;margin-top:6px}progress{width:100%}@media(max-width:900px){.grid{grid-template-columns:1fr}.thumbs,.cards{grid-template-columns:repeat(2,1fr)}.menubar{overflow:auto}.tab,.mode,button,select,input{font-size:14px}label{grid-template-columns:1fr}.window{margin:0;border:0}}
