.outer.svelte-1d4k97.svelte-1d4k97{position:relative;width:100vw;height:calc(100dvh - 100px);display:flex;align-items:center;justify-content:center;--canvas-inset:20px;opacity:0;transition-duration:.35s;transition-property:opacity}.outer.loaded.svelte-1d4k97.svelte-1d4k97{opacity:1}@media screen and (min-width: 769px){.outer.svelte-1d4k97.svelte-1d4k97{--canvas-inset:50px}}.inner.svelte-1d4k97.svelte-1d4k97{position:absolute;top:var(--canvas-inset);right:var(--canvas-inset);bottom:var(--canvas-inset);left:var(--canvas-inset)}input.svelte-1d4k97.svelte-1d4k97{opacity:0;pointer-events:none}.canvas-container.svelte-1d4k97.svelte-1d4k97{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale(var(--canvas-scale, 1));background-color:var(--color-grey-1);width:calc(var(--canvas-width) * 1px);height:calc(var(--canvas-width) * var(--canvas-aspect) * 1px);overflow:hidden}.dragOver.svelte-1d4k97 .canvas-container.svelte-1d4k97{background-color:vaR(--color-accent-mid)}@media (hover: hover){.canvas-container.svelte-1d4k97.svelte-1d4k97:not(.disabled):hover{cursor:pointer}.canvas-container.svelte-1d4k97:not(.disabled):hover .empty-container.svelte-1d4k97{color:var(--color-text)}}.canvas-container.svelte-1d4k97.svelte-1d4k97:not(.disabled):focus-visible{cursor:pointer}.canvas-container.svelte-1d4k97:not(.disabled):focus-visible .empty-container.svelte-1d4k97{color:var(--color-text)}canvas.svelte-1d4k97.svelte-1d4k97{position:absolute;top:0;left:0;width:100%;height:100%}canvas.bars.svelte-1d4k97.svelte-1d4k97{z-index:2;background-color:transparent;animation-name:svelte-1d4k97-PREVIEW;animation-duration:calc(1s * var(--preview-speed, 1));animation-iteration-count:infinite;animation-timing-function:steps(var(--preview-total),start);rotate:calc(var(--canvas-preview-angle, 0) * -10deg)}.circular.svelte-1d4k97 canvas.bars.svelte-1d4k97{animation-name:svelte-1d4k97-PREVIEWCIRCULAR}.smooth.svelte-1d4k97 canvas.bars.svelte-1d4k97{animation-name:svelte-1d4k97-PREVIEWFULL;animation-timing-function:linear}.smooth.circular.svelte-1d4k97 canvas.bars.svelte-1d4k97{animation-name:svelte-1d4k97-PREVIEWCIRCULAR;animation-timing-function:linear}.empty-container.svelte-1d4k97.svelte-1d4k97{position:absolute;top:50%;left:50%;max-width:300px;display:flex;flex-direction:column;align-items:center;transform:translate3d(-50%,-50%,0) scale(calc(1 / var(--canvas-scale)));text-align:center;font-size:var(--font-size-large);--icon-size:1.5em;color:var(--color-grey-3);line-height:1}.empty-container-text.svelte-1d4k97.svelte-1d4k97{display:block;margin-top:.5em}.dragOver.svelte-1d4k97 .empty-container.svelte-1d4k97{color:var(--color-accent)}@keyframes svelte-1d4k97-PREVIEW{to{transform:translate(calc(var(--preview-bar-width) / var(--preview-dpr) * (var(--preview-total) - 0) * 1px))}}@keyframes svelte-1d4k97-PREVIEWCIRCULAR{to{transform:rotate(calc(360 / (1000 / var(--preview-bar-width)) * 1deg))}}@keyframes svelte-1d4k97-PREVIEWFULL{to{transform:translate(calc(var(--preview-bar-width) / var(--preview-dpr) * (var(--preview-total)) * 1px))}}.group.svelte-1ki73fn.svelte-1ki73fn{font-size:var(--font-size-small);padding:15px 20px}.top.svelte-1ki73fn.svelte-1ki73fn,.footer.svelte-1ki73fn.svelte-1ki73fn{display:inline-block;font-size:var(--font-size-x-small)}.top.svelte-1ki73fn.svelte-1ki73fn{display:flex;justify-content:space-between;padding-bottom:5px}.subtitle.svelte-1ki73fn.svelte-1ki73fn{color:var(--color-accent)}.footer.svelte-1ki73fn.svelte-1ki73fn{padding-top:5px}.content.svelte-1ki73fn.svelte-1ki73fn{display:flex}.column.svelte-1ki73fn .content.svelte-1ki73fn,.row.svelte-1ki73fn .content.svelte-1ki73fn{flex-direction:column}@media screen and (min-width: 769px){.row.svelte-1ki73fn .content.svelte-1ki73fn{flex-direction:row;gap:20px}}.toggle.svelte-1lqjbtn.svelte-1lqjbtn{position:relative;display:block;--internal-toggle-size:var(--toggle-size, 12px);--toggle-distance:calc(var(--internal-toggle-size) * .75);color:var(--color-grey-3);background-color:var(--color-grey-1);padding-right:var(--toggle-distance);border-radius:var(--internal-toggle-size);border:1px solid currentColor;transition-duration:.35s;transition-property:color}.toggle.svelte-1lqjbtn input.svelte-1lqjbtn{display:none}.toggle-dot.svelte-1lqjbtn.svelte-1lqjbtn{display:block;width:var(--internal-toggle-size);height:var(--internal-toggle-size);border-radius:var(--internal-toggle-size);background-color:currentColor;transition-duration:.35s;transition-property:transform}.toggle.active.svelte-1lqjbtn.svelte-1lqjbtn{color:var(--color-text)}.toggle.active.svelte-1lqjbtn .toggle-dot.svelte-1lqjbtn{transform:translate3d(var(--toggle-distance),0,0)}.row.svelte-1c1knrn{display:flex;border-radius:5px;--internal-row-padding-x:5px;--internal-row-padding-y:4px;align-items:var(--row-align, stretch);padding:var(--row-padding-y, var(--internal-row-padding-y)) var(--row-padding-x, var(--internal-row-padding-x));margin:0 calc(var(--row-padding-x, var(--internal-row-padding-x)) * -1);width:100%;min-width:var(--row-min-width, 0);border:none;gap:10px;color:var(--color-text);background-color:transparent}.row.disabled.svelte-1c1knrn{color:vaR(--color-grey-3)}.row.start.svelte-1c1knrn{--row-align:flex-start}.row.center.svelte-1c1knrn{--row-align:center}.row.end.svelte-1c1knrn{--row-align:flex-end}.row-title.svelte-1c1knrn{flex-grow:1;text-align:left}.row-content.svelte-1c1knrn{display:flex;flex-direction:column;justify-content:var(--row-content-justify, center);align-items:var(--row-content-align, stretch);padding:var(--row-content-padding, 0)}@media (hover: hover){.row.svelte-1c1knrn:not(.disabled):hover{color:var(--color-accent);background-color:var(--row-hover-bg, var(--color-grey-1));cursor:pointer}}.row.svelte-1c1knrn:not(.disabled):focus-visible{color:var(--color-accent);background-color:var(--row-hover-bg, var(--color-grey-1));cursor:pointer}.outer.svelte-8ve2fg.svelte-8ve2fg{position:relative;display:inline-block;height:var(--input-height, 1em);aspect-ratio:4/3;color:var(--color);background-color:currentColor;border-radius:2px;outline:1px solid var(--color-grey-1);transition-duration:.35s;transition-property:color}.outer.svelte-8ve2fg input.svelte-8ve2fg{position:absolute;width:0;height:0;opacity:0}.outer.disabled.svelte-8ve2fg.svelte-8ve2fg{opacity:.5}.frame-container.svelte-97mreh.svelte-97mreh{display:contents}.frame-outer.svelte-97mreh.svelte-97mreh{position:relative;display:flex;border-radius:5px;overflow:hidden;isolation:isolate;aspect-ratio:var(--ratio, 29.7/21);height:100%;border:1px solid currentColor;color:var(--color-grey-3);scroll-snap-align:start;scroll-margin-inline:20px;background-color:var(--color-bg)}@media (hover: hover){.frame-outer.svelte-97mreh.svelte-97mreh:not(.disabled):hover{color:var(--color-text)}}.frame-outer.svelte-97mreh.svelte-97mreh:not(.disabled):focus-visible{color:var(--color-text)}.frame.svelte-97mreh.svelte-97mreh{height:100%;aspect-ratio:var(--ratio, 29.7/21);cursor:pointer}.frame.svelte-97mreh input.svelte-97mreh{position:absolute;width:0;height:0;display:none}.frame.svelte-97mreh img.svelte-97mreh{width:100%;height:100%;padding:5px;object-fit:contain;opacity:0;transition-duration:.35s;transition-property:opacity;transition-delay:.15s}.loaded.svelte-97mreh .frame img.svelte-97mreh{opacity:1}.empty.svelte-97mreh.svelte-97mreh{border:1px dashed currentColor}.empty.svelte-97mreh .frame.svelte-97mreh{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-large)}.options.svelte-97mreh.svelte-97mreh{position:absolute;top:0;right:0;display:flex;flex-direction:column;gap:2px;padding:5px}.options.svelte-97mreh button.svelte-97mreh{-webkit-user-select:none;user-select:none}@media (hover: hover){.options.svelte-97mreh button.svelte-97mreh:not(.disabled):hover{cursor:pointer;color:var(--color-accent)}}.options.svelte-97mreh button.svelte-97mreh:not(.disabled):focus-visible{cursor:pointer;color:var(--color-accent)}.track.svelte-1ogi11m{display:flex;gap:10px;height:100px;width:max-content;margin:auto}.window.svelte-1yud9rw{position:relative;min-width:0;width:100%;display:flex}.window-inner.svelte-1yud9rw{overflow:auto;display:flex;align-items:center;width:100%;padding:10px 30px}@media screen and (min-width: 769px){.window-inner.svelte-1yud9rw{padding:10px 20px;scroll-snap-type:x proximity}}.arrow.svelte-1yud9rw{position:absolute;height:80px;width:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-x-small);background-color:var(--color-text);color:var(--color-bg);z-index:5;top:50%}.arrow-left.svelte-1yud9rw{left:15px;transform:translate3d(-50%,-50%,0)}.arrow-right.svelte-1yud9rw{right:15px;transform:translate3d(50%,-50%,0)}@media (hover: hover){.arrow.svelte-1yud9rw:not(.disabled):hover{cursor:pointer;color:var(--color-grey-3)}}.arrow.svelte-1yud9rw:not(.disabled):focus-visible{cursor:pointer;color:var(--color-grey-3)}@media screen and (min-width: 769px){.arrow-left.svelte-1yud9rw{left:0}.arrow-right.svelte-1yud9rw{right:0}}.slider.svelte-1rizxra.svelte-1rizxra{display:inline-flex}.slider.svelte-1rizxra input.svelte-1rizxra{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:var(--slider-width, 3em)}.slider.svelte-1rizxra input[type=range].svelte-1rizxra::-webkit-slider-runnable-track{background:var(--color-grey-1);height:.3em;border-radius:1em;border:.5px solid var(--color-grey-3)}.slider.svelte-1rizxra input[type=range].svelte-1rizxra::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-.35em;background-color:var(--color-grey-3);height:1em;width:1em;border-radius:1em}.slider.svelte-1rizxra input[type=range].svelte-1rizxra:active::-webkit-slider-thumb{background-color:var(--color-accent)}.slider.svelte-1rizxra input[type=range].svelte-1rizxra::-moz-range-track{background:var(--color-grey-1);height:.5rem}.advanced.svelte-kf9l9s{position:absolute;bottom:100%;z-index:1;border-radius:10px 10px 0 0;background-color:var(--color-accent-light-opacity);padding-bottom:10px;margin-bottom:-10px;width:100%;transform:translate3d(0,calc(100% + 10px),0);visibility:hidden;transition-duration:.35s;transition-property:transform,visibility;max-height:calc(100dvh - 300px);overflow:auto}@media screen and (min-width: 769px){.advanced.svelte-kf9l9s{display:flex;flex-wrap:wrap;justify-content:flex-start;overflow:hidden;background-color:var(--color-accent-light)}}.advanced-group.svelte-kf9l9s{--row-min-width:140px;--row-hover-bg:var(--color-accent-mid);border:var(--border-width) solid var(--color-accent-mid);border-bottom:none;border-right:none;margin-top:-1px;margin-left:-1px;flex-grow:1}.close.svelte-kf9l9s{position:absolute;top:1em;right:1em;font-size:var(--font-size-x-small);display:flex;align-items:center;gap:.35em;color:var(--color-accent);cursor:pointer}@media (hover: hover){.close.svelte-kf9l9s:not(.disabled):hover{color:var(--color-accent-mid)}}.close.svelte-kf9l9s:not(.disabled):focus-visible{color:var(--color-accent-mid)}.editor.svelte-ppkus0{position:fixed;bottom:0;left:0;right:0;z-index:5}.editor-wrap.svelte-ppkus0{position:relative;filter:drop-shadow(0 3px 4px rgba(0,0,0,.05)) drop-shadow(0 3px 8px rgba(0,0,0,.1))}@media screen and (min-width: 769px){.editor.svelte-ppkus0{left:var(--inner-padding);right:var(--inner-padding)}.editor-wrap.svelte-ppkus0{position:relative;filter:drop-shadow(0 3px 4px rgba(0,0,0,.05)) drop-shadow(0 3px 8px rgba(0,0,0,.1))}}.showAdvanced.svelte-ppkus0 .advanced{transform:none;visibility:visible}.main.svelte-ppkus0{position:relative;z-index:2;border-radius:10px 10px 0 0;background-color:var(--color-bg);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"middle middle" "left right"}.main-side--left.svelte-ppkus0{grid-area:left;border-right:var(--border-width) solid var(--color-grey-1)}.main-side--right.svelte-ppkus0{grid-area:right}.main-middle.svelte-ppkus0{position:relative;border-style:solid;border-color:var(--color-grey-1);border-width:0;border-left-width:var(--border-width);border-right-width:var(--border-width);border-bottom-width:var(--border-width);min-width:0;display:flex;grid-area:middle}@media screen and (min-width: 769px){.main.svelte-ppkus0{grid-template-columns:200px 1fr 200px;grid-template-areas:"left middle right";column-gap:10px}.main-side--left.svelte-ppkus0{border-right:none}.main-middle.svelte-ppkus0{border-bottom-width:0}}.overlay.svelte-18oxr2h{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;background-color:var(--color-bg-opacity);z-index:9}