:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101b24;color:#edf3f5}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;padding:16px 24px;border-bottom:1px solid #304450}h1{font-size:22px;margin:0}h2{font-size:16px}a{color:#89d8bc}#badge{margin-left:auto;font-size:13px;color:#b7cad4}.layout{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 65px)}aside{padding:18px;overflow:auto;border-right:1px solid #304450}label{display:block;margin:12px 0;font-size:13px}input:not([type=checkbox]),select{width:100%;margin-top:5px}button,input,select{background:#1c303c;color:#edf3f5;border:1px solid #49606c;padding:7px;border-radius:5px}button{cursor:pointer;margin:3px}button:hover{background:#325347}p{font-size:12px;line-height:1.5;color:#bfd0d9}main{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px;overflow:auto}section{min-width:0}canvas{width:100%;height:54vh;background:#0b131a;border:1px solid #304450;touch-action:none}.qa,#readout{grid-column:1/-1}#readout{font-size:12px}.layer{border:1px solid #3b5260;border-radius:7px;padding:10px;margin-bottom:9px}.layer strong{font-size:13px}.layer label{margin:5px 0}.layer small{display:block;color:#c0cdd4}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid #3b5260;padding:8px}#status{padding:10px;background:#213a43;border-radius:5px}@media(max-width:850px){.layout{display:block;height:auto}aside{max-height:55vh}main{grid-template-columns:1fr}header{flex-wrap:wrap}#badge{margin:0}canvas{height:45vh}}
.refine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.refine-grid fieldset{border:1px solid #49606c;border-radius:6px}.refine-grid fieldset label{display:inline-block;width:30%;margin-right:2%}#control-list{overflow:auto;max-height:260px}#working-checks{border-left:3px solid #e1bb64;padding-left:12px}