#guicontainer.svelte-1glhvwf.svelte-1glhvwf{width:250px;box-sizing:border-box;height:100vh;overflow-y:auto;padding:6.9px 6.9px 0;flex-shrink:0}.preset-bar.svelte-1glhvwf.svelte-1glhvwf{width:100%;padding-bottom:15px;text-align:center;color:#f5f5f5;font-family:var(--ux-font)}.preset-export-btn.svelte-1glhvwf.svelte-1glhvwf{width:calc(100% - 30px);text-align:center;font-weight:400;text-transform:none;background-color:var(--field-color);border:0;border-radius:0;letter-spacing:0;font-size:14px;cursor:pointer;color:#f5f5f5;padding:4px;font-family:var(--ux-font)}.ygui-input.svelte-1glhvwf.svelte-1glhvwf{background-color:var(--field-color);border:0;outline:none!important;color:#f5f5f5;padding:4px;width:50px;text-align:right;accent-color:var(--special-color);font-family:var(--ux-font);vertical-align:middle}select.ygui-input.svelte-1glhvwf.svelte-1glhvwf{width:auto;text-align:left}input[type=range].svelte-1glhvwf.svelte-1glhvwf{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;vertical-align:middle;border-radius:2px;background-color:#393939;outline:none;accent-color:var(--special-color);width:69px;margin-right:5px}input[type=range].svelte-1glhvwf.svelte-1glhvwf::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:100%;background-color:var(--special-color)}input[type=range].svelte-1glhvwf.svelte-1glhvwf::-webkit-slider-thumb:hover{filter:brightness(1.5);cursor:pointer}input[type=range].svelte-1glhvwf.svelte-1glhvwf::-moz-range-thumb{width:12px;height:12px;border-radius:100%;background-color:var(--special-color);outline:none;border:0}input[type=range].svelte-1glhvwf.svelte-1glhvwf::-moz-range-thumb:hover{filter:brightness(1.5);cursor:pointer}.ygui-label.svelte-1glhvwf.svelte-1glhvwf{color:#f5f5f5;font-family:var(--ux-font);white-space:pre}.ygui-table.svelte-1glhvwf tr td.svelte-1glhvwf:nth-of-type(2){text-align:right}@media only screen and (max-width: 500px){#guicontainer.svelte-1glhvwf.svelte-1glhvwf{width:100vw!important;height:auto;overflow-y:auto;flex:1 1 0}}#guicontainer.svelte-1glhvwf.svelte-1glhvwf::-webkit-scrollbar{width:7px;height:7px}#guicontainer.svelte-1glhvwf.svelte-1glhvwf::-webkit-scrollbar-track{background-color:#272727}#guicontainer.svelte-1glhvwf.svelte-1glhvwf::-webkit-scrollbar-thumb{background-color:#424242}#guicontainer.svelte-1glhvwf.svelte-1glhvwf::-webkit-scrollbar-thumb:hover{background-color:#343434}#landingscreen.svelte-y5rxj3{position:fixed;background-color:var(--bg-color);z-index:69;top:0;left:0;width:100vw;height:100vh}#lsRight.svelte-y5rxj3{position:absolute;width:500px;right:0;top:0;height:100vh}.centeredblock.svelte-y5rxj3{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.banner-container.svelte-y5rxj3{position:relative;width:min(512px,100vw);height:100px}.cover-art.svelte-y5rxj3{position:absolute;width:calc(100vw - 500px);left:0;top:0;height:100vh;background-size:cover;background-position:center}.spinner.svelte-y5rxj3{width:42px;height:42px;border-radius:100%;border:4px solid grey;border-top-color:#00bfff;animation:svelte-y5rxj3-spin 1s linear infinite;margin:8px;display:inline-block}#creditsbox.svelte-y5rxj3{position:absolute;width:100%;bottom:25px;left:0;text-align:center;color:#f5f5f5;font-family:var(--ux-font);font-size:10px}@media only screen and (max-width: 500px){#lsRight.svelte-y5rxj3{width:100vw!important}}.drag-over.svelte-y5rxj3{outline:3px dashed var(--special-color, #9800B0);outline-offset:-3px}.drop-overlay.svelte-y5rxj3{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;color:#f5f5f5;font-family:var(--ux-font);font-size:24px;font-weight:600;z-index:100;pointer-events:none}button.svelte-y5rxj3{font-family:var(--ux-font);color:#f5f5f5;background-color:var(--special-color);border:0;border-radius:3.4px;padding:8px 16px;margin:5px;transition:background-color .2s;text-transform:uppercase;font-weight:650;letter-spacing:.65px;font-size:12.3px}button.svelte-y5rxj3:hover{background-color:#4b0057}@keyframes svelte-y5rxj3-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--ux-font:"Open Sans", sans-serif;--special-color:#9800B0;--field-color:#0F0F0F;--bg-color:#1E1E1E;--divider-color:#333;--divider-hover:#555}body{background-color:var(--bg-color);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#appshell.svelte-a9t4jh.svelte-a9t4jh{display:flex;flex-direction:row;width:100vw;height:100vh;position:fixed;top:0;left:0}#appshell.dragging-h.svelte-a9t4jh.svelte-a9t4jh,#appshell.dragging-v.svelte-a9t4jh.svelte-a9t4jh{cursor:grabbing}#appshell.dragging-h.svelte-a9t4jh.svelte-a9t4jh{cursor:col-resize}#appshell.dragging-v.svelte-a9t4jh.svelte-a9t4jh{cursor:row-resize}#previewSpace.svelte-a9t4jh.svelte-a9t4jh{flex:1 1 0;min-width:0;height:100vh;text-align:center;display:flex;justify-content:center;align-items:center;padding:25px;box-sizing:border-box;position:relative;overflow:hidden;cursor:grab}#previewSpace.panning.svelte-a9t4jh.svelte-a9t4jh{cursor:grabbing}#previewSpace.drag-over.svelte-a9t4jh.svelte-a9t4jh{outline:3px dashed var(--special-color);outline-offset:-3px}.drop-overlay.svelte-a9t4jh.svelte-a9t4jh{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;color:#f5f5f5;font-family:var(--ux-font);font-size:24px;font-weight:600;z-index:10;pointer-events:none}#previewContent.svelte-a9t4jh.svelte-a9t4jh{display:flex;align-items:center;justify-content:center;width:100%;height:100%;will-change:transform}canvas.svelte-a9t4jh.svelte-a9t4jh,img#baseImage.svelte-a9t4jh.svelte-a9t4jh{max-width:100%;max-height:100%;object-fit:contain;display:block}#zoomControls.svelte-a9t4jh.svelte-a9t4jh{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;background:#141414d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;padding:5px 7px;z-index:5;opacity:0;transition:opacity .2s;pointer-events:none}#previewSpace.svelte-a9t4jh:hover #zoomControls.svelte-a9t4jh{opacity:1;pointer-events:all}.zoom-btn.svelte-a9t4jh.svelte-a9t4jh{background:transparent;border:0;border-radius:5px;padding:5px;cursor:pointer;color:#f5f5f5;display:flex;align-items:center;justify-content:center;transition:background-color .15s;text-transform:none;letter-spacing:0;font-size:inherit;font-weight:400;margin:0}.zoom-btn.svelte-a9t4jh svg.svelte-a9t4jh{width:16px;height:16px}.zoom-btn.svelte-a9t4jh.svelte-a9t4jh:hover{background-color:#ffffff1f!important}.zoom-btn.muted.svelte-a9t4jh.svelte-a9t4jh{opacity:.35;pointer-events:none}.zoom-divider.svelte-a9t4jh.svelte-a9t4jh{width:1px;height:16px;background:#fff3;margin:0 3px}#divider-h.svelte-a9t4jh.svelte-a9t4jh{width:5px;height:100vh;background-color:var(--divider-color);cursor:col-resize;flex-shrink:0;transition:background-color .15s;position:relative;z-index:10}#divider-h.svelte-a9t4jh.svelte-a9t4jh:hover,#appshell.dragging-h.svelte-a9t4jh #divider-h.svelte-a9t4jh{background-color:var(--special-color)}#divider-v.svelte-a9t4jh.svelte-a9t4jh{display:none}#exportpanel.svelte-a9t4jh.svelte-a9t4jh{width:100%;box-sizing:border-box;text-align:center;padding-top:15px;position:sticky;bottom:0;background-color:var(--bg-color);padding-bottom:6.9px}button.svelte-a9t4jh.svelte-a9t4jh{font-family:var(--ux-font);color:#f5f5f5;background-color:var(--special-color);border:0;border-radius:3.4px;padding:8px 16px;margin:5px;transition:background-color .2s;text-transform:uppercase;font-weight:650;letter-spacing:.65px;font-size:12.3px}button.svelte-a9t4jh.svelte-a9t4jh:hover{background-color:#4b0057}@media only screen and (max-width: 500px){#appshell.svelte-a9t4jh.svelte-a9t4jh{flex-direction:column}#previewSpace.svelte-a9t4jh.svelte-a9t4jh{width:100vw;height:var(--split-height, 50vh);flex:none}#divider-v.svelte-a9t4jh.svelte-a9t4jh{display:block;width:100vw;height:5px;background-color:var(--divider-color);cursor:row-resize;flex-shrink:0;transition:background-color .15s}#divider-v.svelte-a9t4jh.svelte-a9t4jh:hover,#appshell.dragging-v.svelte-a9t4jh #divider-v.svelte-a9t4jh{background-color:var(--special-color)}#divider-h.svelte-a9t4jh.svelte-a9t4jh{display:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}