*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b0f14;color:#e8edf4;font-family:Segoe UI,system-ui,sans-serif}.embed-page{height:100%}.embed{position:relative;width:100%;height:100%;background:#0b0f14}.embed__host{position:absolute;inset:0;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.embed__canvas-area{position:relative;flex:1;min-height:0;min-width:0;overflow:hidden}.embed__canvas{position:absolute;inset:0;overflow:hidden}.embed__canvas canvas{display:block;max-width:100%;max-height:100%}.embed__panel{position:absolute;inset:0;z-index:4;display:grid;place-content:center;gap:.5rem;padding:1.5rem;text-align:center;background:#0b0f14eb;pointer-events:none}.embed__panel[hidden]{display:none!important}.embed__title{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:.01em}.embed__body{margin:0;max-width:36rem;color:#9aa7b8;font-size:.92rem;line-height:1.45}.embed__body code{padding:.1em .35em;border-radius:.25rem;background:#ffffff14;font-family:ui-monospace,Consolas,monospace;font-size:.88em;color:#d7e2ef}.embed__panel--error .embed__title{color:#ffb4a8}