/* SPDX-License-Identifier: GPL-3.0-only */
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#c7ced6;background:#090c11;font-size:14px}*{box-sizing:border-box}body{margin:0}button,a{touch-action:manipulation}button{color:#c7ced6;background:#171e27;border:1px solid #39424d;border-radius:2px;padding:9px 12px;cursor:pointer;font:inherit}button:hover:enabled{background:#253346}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #72a9e8;outline-offset:3px}a{color:#9ebbd6;text-decoration:none}a:hover{text-decoration:underline}header{height:62px;display:flex;align-items:center;gap:25px;background:#181d24;border-bottom:1px solid #363d47;padding:0 16px;white-space:nowrap}.device{width:207px;flex-shrink:0;font-size:17px}.tuning{display:flex;align-items:baseline;gap:14px;font-family:monospace}.tuning>span{font-size:29px;letter-spacing:1px;color:#dde2ea}small,.header-note,#state{color:#818c99;font-size:12px}.header-note{font-family:monospace;flex:1}#state{font-family:monospace}.connected{color:#8dc4ac!important}.workspace{display:grid;grid-template-columns:249px minmax(0,1fr)}aside{background:#11161c;border-right:1px solid #303842;padding:0 16px;min-height:calc(100vh - 62px)}aside section{border-top:1px solid #2d353f;margin-top:15px;padding-bottom:4px}h2{font-weight:400;font-size:14px;margin:10px 0 20px}label{display:block;color:#7f8a97;margin:20px 0 10px}.field{display:block;border:1px solid #303a45;background:#090e14;color:#c7ced6;padding:9px 7px;margin-top:9px;font-family:monospace}.muted{color:#7f8a97;font-size:12px}aside button{width:100%}.pair{display:flex;gap:10px}aside small{display:block;line-height:1.6;margin:10px 0}nav{border-top:1px solid #303842;margin-top:15px;padding:16px 0;display:grid;gap:12px;font-size:12px}main{min-width:0}.spectrum{height:31vh;min-height:230px;position:relative;border-bottom:1px solid #39414b;padding:34px 32px 40px 48px}.grid{height:100%;border:1px solid #222c37;background-image:linear-gradient(#202833 1px,transparent 1px),linear-gradient(90deg,#202833 1px,transparent 1px);background-size:100% 25%,12.5% 100%}.plot-label{position:absolute;top:12px;left:18px;font:11px monospace;letter-spacing:1px;color:#75808d}.axis{display:flex;justify-content:space-between;font:12px monospace;color:#768391;margin-top:12px}.no-data{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;pointer-events:none}.no-data strong{font:14px monospace;color:#8a97a7;background:#090c11;padding:4px 8px}.no-data span{font-size:12px;color:#657281;background:#090c11;padding:3px 8px;text-align:center}.waterfall{position:relative;height:37vh;min-height:240px;background:#060910;border-bottom:1px solid #303842}.scale{position:absolute;top:15px;right:13px;bottom:15px;width:6px;background:linear-gradient(#edcf9e,#e97e47,#e4d954,#61afa1,#295ba9,#090b24);opacity:.45}.console{background:#0d1218}.console summary{padding:12px 18px;cursor:pointer;font-size:13px;border-bottom:1px solid #252e39}.console summary span{float:right;color:#6d7b8d;font:12px monospace}#message{color:#94a1b2;font-size:12px;margin:12px 18px;line-height:1.5}.terminal-head{display:flex;align-items:center;margin:0 18px;color:#758396;font:10px monospace;gap:8px}.terminal-head span{flex:1}.terminal-head button{font-size:11px;padding:4px 8px;background:none}pre{height:130px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 18px 0;padding:10px 0;font:12px/1.5 monospace;color:#aabccc}pre:empty:before{content:'Waiting for device output';color:#586675}footer{font-size:11px;padding:13px 18px;color:#687586;line-height:1.7;border-top:1px solid #242d38}@media(min-width:1600px){.tuning>span{font-size:34px}}@media(max-width:900px){header{gap:12px}.device{width:auto;font-size:14px}.tuning>span{font-size:20px}.header-note{display:none}#state{margin-left:auto}.workspace{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:620px){header{height:auto;min-height:90px;flex-wrap:wrap;padding:12px}.device{width:calc(100% - 135px)}.tuning{order:3;width:100%}.tuning>span{font-size:24px}#state{font-size:10px;margin:0}header button{margin-left:auto}.workspace{grid-template-columns:145px minmax(0,1fr)}aside{padding:0 10px}aside small,.field{font-size:10px}.spectrum{padding-left:16px;padding-right:16px}.no-data span{max-width:90%;line-height:1.5}.no-data strong{font-size:11px;text-align:center;max-width:90%}.console summary span{display:none}#message{margin:10px}footer{font-size:10px}.terminal-head{margin:0 10px}.terminal-head span{display:none}}
