body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#fff;cursor:default;font-family:"Helvetica Neue",Arial,sans-serif}canvas{display:block;position:fixed;inset:0}#panel{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;gap:16px;flex-wrap:wrap;padding:9px 16px 10px;border-top:1px solid #efefef;background:rgba(255,255,255,.93);backdrop-filter:blur(4px);font-size:10px;color:#777}#panel .row{width:118px}#panel label{display:flex;justify-content:space-between;margin-bottom:1px;white-space:nowrap}#panel label .val{color:#b5b5b5;font-variant-numeric:tabular-nums}#panel input[type=range]{width:100%;height:12px;margin:0;accent-color:#d81e05}#panel .switchRow{display:flex;align-items:center;gap:6px;padding-bottom:3px;white-space:nowrap}#panel .switchRow input{accent-color:#d81e05;margin:0}#qStatus{color:#b9b9b9;font-size:9px;padding-bottom:4px;white-space:nowrap;min-width:130px}