.main.svelte-14lmhjx{display:flex;flex-wrap:wrap}.main__layout.svelte-14lmhjx{width:100%}.main__render.svelte-14lmhjx{width:100%}@media(min-width: 900px){.main__layout.svelte-14lmhjx{width:50%;height:100vh}.main__render.svelte-14lmhjx{width:50%;height:100vh}}.header.svelte-14lmhjx{display:flex;align-items:center}.header.svelte-14lmhjx h1.svelte-14lmhjx{margin-right:0.5rem}.well.svelte-14lmhjx{font-size:16px}.logo.svelte-14lmhjx{width:50px;height:50px;display:flex;justify-content:center;align-items:center;background:linear-gradient(45deg, var(--primary), var(--secondary));border-radius:0.25rem;font-size:36px;font-weight:bold;color:var(--base);box-shadow:var(--shadow);margin-right:1rem}
.tutorial-container.svelte-1xzk4ka{position:absolute;z-index:4}.tutorial.svelte-1xzk4ka{position:relative;margin:1.5rem}.tutorial-step.svelte-1xzk4ka{position:absolute;top:-1rem;left:-1rem;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:bold;color:var(--base);background:linear-gradient(45deg, #fd6b58, #f2e75a);border-radius:30px;box-shadow:var(--shadow)}.tutorial-content-container.svelte-1xzk4ka{padding:1rem;border-radius:0.25rem;background-color:var(--body-bg);box-shadow:var(--shadow)}.tutorial-content.svelte-1xzk4ka{max-width:200px;padding:1rem;border-radius:0.25rem;text-align:center;background-color:var(--body-bg);box-shadow:var(--inset-shadow)}.tutorial-actions.svelte-1xzk4ka{display:flex;justify-content:center;align-items:center;margin-top:0.5rem}.tutorial-actions.svelte-1xzk4ka .btn.svelte-1xzk4ka{margin:0 0.25rem}
.welcome-container.svelte-j54s0o{position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--transparent-base)}.welcome.svelte-j54s0o{max-width:500px;border-radius:0.25rem;background:var(--body-bg-gradient);box-shadow:var(--shadow);text-align:center;overflow:hidden}.welcome-header.svelte-j54s0o{padding:3rem 3rem 2rem 3rem;background-image:url('assets/design-0.png');background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--base)}.welcome-body.svelte-j54s0o{padding:2rem 3rem 3rem 3rem}.logo.svelte-j54s0o{width:75px;height:75px;display:flex;justify-content:center;align-items:center;background:linear-gradient(45deg, var(--primary), var(--secondary));border-radius:0.25rem;font-size:48px;font-weight:bold;color:var(--base);box-shadow:var(--shadow);margin:0 auto}.title.svelte-j54s0o{margin-top:1rem}.actions.svelte-j54s0o{margin-top:1rem}.actions.svelte-j54s0o .btn.svelte-j54s0o{margin-bottom:0.5rem}
#render.svelte-qrl48q{display:flex;flex-direction:column;height:100%}.title.svelte-qrl48q{display:flex;justify-content:flex-end;align-items:center;padding:1rem;min-height:3rem}.canvas-bg.svelte-qrl48q{margin:0 1rem 1rem 1rem;border-radius:0.25rem;box-shadow:var(--shadow);background-color:var(--base)}#render-canvas.svelte-qrl48q{z-index:2;cursor:move;cursor:grab}#render-canvas.svelte-qrl48q:active{cursor:grabbing}.render-container.svelte-qrl48q{flex:1;display:flex}.render-canvas-container.svelte-qrl48q{position:relative;width:calc(100% - 200px);display:flex;flex-direction:column}.render-controls.svelte-qrl48q{width:200px}.canvas-container.svelte-qrl48q{display:flex;justify-content:center;overflow:hidden}.canvas-padding.svelte-qrl48q{flex-grow:1}.ui-controls.svelte-qrl48q{padding:1rem 1rem 1rem 0}.ui-controls-group.svelte-qrl48q{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;text-align:center}.ui-control.svelte-qrl48q{margin-bottom:0.5rem}.ui-control.svelte-qrl48q input.svelte-qrl48q{max-width:100px}.ui-control.svelte-qrl48q label.svelte-qrl48q{display:inline-block;margin-bottom:0.25rem}canvas.svelte-qrl48q{max-width:100%}
#layout-images.svelte-hrhwlj{display:flex;flex-direction:column;height:100%}.title.svelte-hrhwlj{display:flex;justify-content:space-between;align-items:center;padding:1rem;height:3rem}#layout-container.svelte-hrhwlj{position:relative;flex:1;background-color:var(--body-bg);background:var(--body-bg-gradient);border-radius:0.25rem;box-shadow:var(--inset-shadow);margin:0 0 1rem 1rem;overflow:hidden;transition:height 400ms ease-in-out}#layout-canvas-container.svelte-hrhwlj{position:relative;max-height:calc(100vh - 250px)}.remove.svelte-hrhwlj{position:absolute;top:1rem;left:1rem}
#choose-design.svelte-17klj1p{padding:1rem 1rem 0 0}.designs.svelte-17klj1p{display:flex;flex-direction:column;justify-content:center;align-items:center}.design.svelte-17klj1p{box-sizing:border-box;width:190px;padding:1rem;margin:0.5rem 0;border-radius:0.25rem;box-shadow:var(--inset-shadow)}.design-img.svelte-17klj1p{width:100%;height:100%;box-shadow:var(--shadow);border-radius:0.25rem;background-color:var(--base)}.arrow.svelte-17klj1p{padding:0;width:20px}.arrow-down.svelte-17klj1p{transform:rotate(180deg)}
.info.svelte-1dtur5k{text-align:center;padding:1rem}.image-input-upload.svelte-1dtur5k{position:absolute;visibility:hidden;width:0;height:0}.active.svelte-1dtur5k{background-color:var(--base)}

/*# sourceMappingURL=bundle.css.map */