*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:62.5%}body{background:#111;width:100dvw;height:100dvh;position:relative}.canvas.svelte-t5kha8{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 25px))}.divider.svelte-casqe2{color:#fff;text-align:left;margin-top:5px;margin-bottom:15px;font-size:14px;font-weight:700}.status_bar.svelte-casqe2{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e1e1ecc;border-right:1px solid #ffffff1a;flex-direction:column;align-items:center;width:210px;padding:10px 20px;font-family:monospace;transition:left .3s ease-in-out;display:flex;position:absolute;top:0;left:-210px}.status_bar.svelte-casqe2.active{left:0}h1.svelte-casqe2{color:#ccc;text-align:center;margin-bottom:20px;font-size:18px}.status_item.svelte-casqe2{flex-direction:column;width:100%;margin-bottom:15px;display:flex}.status_item.svelte-casqe2 label:where(.svelte-casqe2){color:#fff;margin-bottom:5px;font-size:12px}.status_item.svelte-casqe2 input[type=color]:where(.svelte-casqe2),.status_item.svelte-casqe2 select:where(.svelte-casqe2){color:#fff;background:#000;border:none;border-radius:5px;width:100%;padding:2px 0 2px 7px}:is(.status_item.svelte-casqe2 input[type=color]:where(.svelte-casqe2),.status_item.svelte-casqe2 select:where(.svelte-casqe2)):hover{cursor:pointer}.status_item.svelte-casqe2 input[type=color]:where(.svelte-casqe2){outline:none;height:20px;padding:0}.status_item.svelte-casqe2 input[type=range]:where(.svelte-casqe2){width:100%;accent-color:var(--selected-color);cursor:pointer}button.svelte-casqe2:not(.open){color:#fff;background:#000;border:none;border-radius:5px;outline:1px solid #aaa;height:30px;padding:5px;font-size:16px;font-weight:700;transition:background .3s ease-out}button.svelte-casqe2:not(.open):hover{cursor:pointer;background:var(--selected-color);color:var(--contrasting-text)}.open.svelte-casqe2{color:#fff;background:#000;border:none;border-radius:5px;padding:15px;position:absolute;top:0;right:0;transform:translate(calc(100% + 15px),10px)}.open.svelte-casqe2:hover{cursor:pointer;background:#222}