:root{--bg:#b9cfe0;--panel:#121815b8;--fg:#eef3f0;--dim:#b8c5be;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.app,.view{position:absolute;inset:0}.view canvas{touch-action:none;width:100%;height:100%;display:block}.hud{left:max(12px, env(safe-area-inset-left,0px));top:max(12px, env(safe-area-inset-top,0px));background:var(--panel);pointer-events:none;border-radius:8px;max-width:calc(100% - 24px);padding:8px 12px;position:absolute}.dim{color:var(--dim)}.mono{font-variant-numeric:tabular-nums;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.panel{right:max(12px, env(safe-area-inset-right,0px));top:max(12px, env(safe-area-inset-top,0px));background:var(--panel);border-radius:8px;flex-direction:column;gap:3px;width:210px;padding:8px 12px;display:flex;position:absolute}.panel button{font:inherit;color:var(--fg);cursor:pointer;background:#2c3a33;border:1px solid #7a8c82;border-radius:6px;padding:4px 8px}.panel select{font:inherit;color:var(--fg);background:#2c3a33;border:1px solid #7a8c82;border-radius:4px}.panel label{cursor:pointer;align-items:center;gap:6px;display:flex}.sect{text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin-top:6px;font-size:12px}.pick{border-top:1px solid #5a6a62;margin-top:6px;padding-top:6px}.small{font-size:12px}.crosshair{pointer-events:none;background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000080}@media (max-width:600px){.panel{width:180px;top:auto;bottom:12px}}