html,body{margin:0;height:100%;background:#0b0f14;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#c{display:block;width:100%;height:100%}#ui{position:absolute;top:12px;left:12px;z-index:10;width:360px;padding:10px 12px;border-radius:10px;background:#0000008c;color:#e8eef6;display:grid;gap:10px;-webkit-user-select:none;user-select:none}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:#f1ddb1}.icon-button{border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:inherit;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;cursor:pointer}.icon-button svg{width:18px;height:18px;fill:currentColor}#uiPanel[hidden]{display:none}#ui label{display:grid;gap:6px;font-size:13px}#ui label.checkbox{display:flex;align-items:center;gap:8px;font-weight:600}#ui input[type=range],#ui input[type=number]{width:100%}#ui button{padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#e8eef6;cursor:pointer}#ui hr{border:0;border-top:1px solid rgba(255,255,255,.12);margin:2px 0}.row{display:flex;gap:8px;align-items:end}.row.small{font-size:12px;opacity:.9;justify-content:space-between}.grow{flex:1}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}fieldset{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 10px 10px}legend{padding:0 6px;font-size:12px;opacity:.9}#dropHint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:9;background:#141e288c;color:#e8eef6;font-size:18px;letter-spacing:.5px;pointer-events:none}#dropHint[hidden]{display:none}