:root{font-family:system-ui,sans-serif;color-scheme:light dark}body{margin:0;background:Canvas;color:CanvasText}header{display:flex;gap:1rem;align-items:center;padding:1rem;border-bottom:1px solid #8885;flex-wrap:wrap}#status{flex:1}main{max-width:800px;margin:2rem auto;padding:0 1rem}label{display:block;margin:1rem 0}input,textarea{box-sizing:border-box;display:block;width:100%;padding:.65rem;margin-top:.5rem;font:inherit}textarea{height:8rem;font-family:monospace;font-size:.8rem}button{padding:.65rem 1rem;margin:.2rem;cursor:pointer}button:disabled{cursor:default}canvas{max-width:100%;background:white}iframe{border:0;width:100%;height:calc(100dvh - 85px)}video{max-width:100%;max-height:50vh}[hidden]{display:none!important}