<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ask Browser UI Smoke</title>
<link rel="stylesheet" href="/styles.css">
<style>
body { margin: 0; min-height: 100vh; background: #f4f7f5; }
.smoke-shell { min-height: 100vh; display: flex; flex-direction: column; }
.smoke-toolbar { display: flex; align-items: center; gap: 12px; padding: 10px 16px; background: #fff; border-bottom: 1px solid #dce4df; }
.smoke-address { flex: 1; border: 1px solid #dce4df; border-radius: 9px; padding: 8px 12px; color: #52605a; }
.smoke-workspace { min-height: 0; flex: 1; display: flex; }
.smoke-page { min-width: 0; flex: 1; padding: 48px; overflow: auto; }
.smoke-card { max-width: 680px; margin: 0 auto; padding: 32px; border-radius: 18px; background: #fff; box-shadow: 0 14px 44px rgba(21, 63, 44, .09); }
.smoke-card h1 { margin-top: 0; }
</style>
<script src="/node_modules/react/umd/react.development.js"></script>
<script src="/node_modules/react-dom/umd/react-dom.development.js"></script>
<script src="/node_modules/htm/dist/htm.umd.js"></script>
<script type="importmap">
{
"imports": {
"react": "/qvac-smoke/vendor/react-shim.mjs",
"htm/react": "/qvac-smoke/vendor/htm-react-shim.mjs"
}
}
</script>
</head>
<body class="pear-ui">
<div id="app"></div>
<script type="module" src="/qvac-smoke/ask-browser-ui-client.mjs"></script>
</body>
</html>