html, body, #editor-root { width: 100%; height: 100%; margin: 0; overflow: hidden; background: #05070b; }
body { font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
#editor-root canvas { display: block; }
.hud { position: fixed; left: 16px; bottom: 16px; z-index: 5; width: min(420px, calc(100vw - 32px)); padding: 15px; border: 1px solid #1b5269; border-radius: 14px; background: rgba(3,10,16,.86); color: #dff7ff; }
.hud strong { color: #5ddcff; letter-spacing: .08em; }
.hud p { color: #9eb9c5; font-size: 13px; line-height: 1.5; }
.hud .actions { display: flex; flex-wrap: wrap; gap: 8px; }
.hud button, .hud a { border: 1px solid #285b70; border-radius: 9px; padding: 9px 11px; background: #0a1b26; color: #e8f9ff; text-decoration: none; font: inherit; cursor: pointer; }