:root{color-scheme:dark}.panel{position:fixed;top:12px;left:12px;width:280px;max-height:calc(100vh - 24px);overflow-y:auto;padding:14px 16px;background:#0c121ac7;border:1px solid rgba(255,255,255,.08);border-radius:10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:13px;line-height:1.4;z-index:10;user-select:none}.panel h1{font-size:14px;font-weight:600;margin:0 0 4px;letter-spacing:.02em}.panel .subtitle{font-size:11px;color:#9bb0c6;margin-bottom:12px}.panel .group{margin-bottom:12px}.panel .group-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7d96b3;margin-bottom:6px}.panel label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:8px}.panel label .lbl{flex:0 0 auto;color:#c5d4e6}.panel input[type=range]{flex:1 1 auto;accent-color:#6ec6ff}.panel .value{flex:0 0 36px;text-align:right;color:#9bb0c6;font-variant-numeric:tabular-nums;font-size:11px}.panel select,.panel button{background:#ffffff0f;color:inherit;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer}.panel select{width:100%}.panel .row{display:flex;gap:6px}.panel .row>button{flex:1}.panel .stat{font-size:11px;color:#9bb0c6;margin-top:6px}.hint{position:fixed;bottom:12px;left:12px;font-size:11px;color:#e8eef599;background:#0c121a99;padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.06);z-index:10}