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}#ui label{display:grid;gap:6px;font-size:13px}#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}