body{margin:0;background:#000;font-family:Courier New,Courier,monospace}.controlsContainer.svelte-ss4iq5{position:fixed;display:flex;justify-content:right;width:100%;z-index:1000}.controls.svelte-ss4iq5{margin:1em}.metadata.svelte-ss4iq5{position:fixed;top:4em;right:18.5em;padding:1em;background-color:var(--metadata-bg);transition:right .2s ease}.metadata.svelte-ss4iq5:not(.panel-open){right:2.5em}.metadata.svelte-ss4iq5 span:where(.svelte-ss4iq5){display:block;margin:.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-color);font-size:1em}.panel-toggle.svelte-ss4iq5{position:fixed;top:4em;z-index:1001;width:2em;height:4em;background-color:var(--toggle-bg);color:var(--toggle-color);border:none;font-size:1em;cursor:pointer}.control-panel.svelte-ss4iq5{position:fixed;top:4em;right:-20em;width:18em;padding:1.25em;background-color:var(--panel-bg);color:var(--panel-text);box-sizing:border-box;font-size:1em;transition:right .2s ease}.control-panel.open.svelte-ss4iq5{right:0}.control-panel.svelte-ss4iq5 h3:where(.svelte-ss4iq5){margin:0 0 1.25em;font-size:1.5em;color:var(--panel-heading)}.control-panel.svelte-ss4iq5 label:where(.svelte-ss4iq5){display:flex;align-items:center;gap:.5em;margin-bottom:1em;cursor:pointer}.svgContainer.svelte-ss4iq5{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100dvw;height:100dvh}body,body[data-theme=dark]{--text-color: white;--panel-bg: rgba(30, 30, 30, .7);--panel-text: white;--panel-heading: white;--toggle-bg: #555;--toggle-color: white;--metadata-bg: rgba(30, 30, 30, .7)}body[data-theme=light]{--text-color: black;--panel-bg: rgba(240, 240, 240, .9);--panel-text: black;--panel-heading: black;--toggle-bg: #aaa;--toggle-color: black;--metadata-bg: rgba(240, 240, 240, .9)}