.pageframe.svelte-198qu04{transform:translate(-50%, -50%) scale(var(--zoom)) translate(var(--x), var(--y)) translate(var(--cX), var(--cY));transform-origin:50%;box-sizing:content-box;position:absolute;top:50%;left:50%}button.svelte-198qu04{background:0;border:0;width:1.25em;height:1.25em;padding:0}button.svelte-198qu04:hover{color:#fff;background-color:#0008;border-radius:1000px}.frame-container.svelte-198qu04{border:1px solid #000}iframe.svelte-198qu04{clip-path:content-box;border:none}.frame-container.svelte-198qu04:hover{outline:4px solid gray}.selected.svelte-198qu04 .frame-container:where(.svelte-198qu04){outline:2px solid #87ceeb}.header.svelte-198qu04{justify-content:space-between;margin-bottom:.25rem;display:flex}#canvascontrols.svelte-1qh7ejs :where(.svelte-1qh7ejs){z-index:1}#framezoom.svelte-1qh7ejs{background-color:#fff;width:11.5rem;padding:.5em;position:absolute;bottom:1em;right:1em}#addframe.svelte-1qh7ejs{position:absolute;top:1em;right:1em}#addframemenu.svelte-1qh7ejs{flex-direction:column;gap:.25rem;padding:.25rem;display:flex;position:absolute;top:2.5em;right:1em}#addframemenu.svelte-1qh7ejs input[type=number]:where(.svelte-1qh7ejs){width:4em}#addframemenu.svelte-1qh7ejs label:where(.svelte-1qh7ejs){display:none}#canvasreturn.svelte-1qh7ejs{position:absolute;top:1em;left:1em}.addingframe.svelte-1qh7ejs{cursor:crosshair}#runButton.svelte-1gfprp{margin:1em auto;padding:.5em;display:block}#violations.svelte-1gfprp li:where(.svelte-1gfprp){padding-bottom:1rem}#header.svelte-1uha8ag{border-bottom:var(--border-style);gap:.5em;padding:.25em .5em;display:flex}#toolbox.svelte-1uha8ag{box-sizing:border-box;width:300px;max-width:75%;height:100%;overflow:clip scroll}#toolbox.collapsed.svelte-1uha8ag{padding:0;width:0!important}#toolbox-content.svelte-1uha8ag{padding:1em}#toolbox.collapsed.svelte-1uha8ag #toolbox-content:where(.svelte-1uha8ag){padding:0;width:0!important}#resize.svelte-1uha8ag{cursor:col-resize;-webkit-user-select:none;user-select:none;background-color:gray;width:4px;height:100%}#tablist.svelte-1uha8ag{background-color:#888;display:flex;overflow-x:scroll}#tablist.svelte-1uha8ag button:where(.svelte-1uha8ag){border:none;padding:.75em 1em}#tablist.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{background-color:#ddd}#tablist.svelte-1uha8ag button.selected:where(.svelte-1uha8ag){text-decoration:underline}
