body{--canvas-background: #ececec50;--icon-stroke: rgba(17, 15, 15, .25);--icon-stroke-hover: rgba(17, 15, 15, .5)}.canvas-container.svelte-1s2d7mn{position:absolute;background:var(--canvas-background);box-shadow:0 2px 4px #0000001a;border-radius:16px;padding:4px 8px 8px;touch-action:none;border:2px solid rgba(0,0,0,.05);box-shadow:0 1px 24px #0000000f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:4px}.canvas-controls.svelte-1s2d7mn{display:flex;gap:2px;align-items:center}.canvas-controls.svelte-1s2d7mn button:where(.svelte-1s2d7mn){padding:4px;border:none;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:none;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.canvas-controls.svelte-1s2d7mn button:where(.svelte-1s2d7mn) img:where(.svelte-1s2d7mn){pointer-events:none;transition:all .2s ease;opacity:.25}.canvas-controls.svelte-1s2d7mn button:where(.svelte-1s2d7mn):hover img:where(.svelte-1s2d7mn){opacity:.5}.canvas-controls.svelte-1s2d7mn button:where(.svelte-1s2d7mn):hover .color-button-outer:where(.svelte-1s2d7mn){border-color:var(--icon-stroke-hover)}.drag-handle.svelte-1s2d7mn{width:100%}.color-button-outer.svelte-1s2d7mn{width:16px;height:16px;border-radius:50%;border:2px solid var(--icon-stroke);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.color-button-inner.svelte-1s2d7mn{width:12px;height:12px;border-radius:50%}.drag-handle.svelte-1s2d7mn{cursor:grab!important}.drag-handle.svelte-1s2d7mn:active{cursor:grabbing!important}.transitioning{transition:transform .3s cubic-bezier(.09,.545,.305,.955)!important}.dev-info.svelte-w1vtv7{position:fixed;top:20px;right:20px;background:var(--canvas-background);border:2px solid rgba(0,0,0,.05);box-shadow:0 1px 24px #0000000f;border-radius:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px;z-index:2000;width:280px;font-size:14px;display:flex;flex-direction:column;gap:6px;max-height:90vh;overflow-y:scroll}.header.svelte-w1vtv7{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.header.svelte-w1vtv7 h1:where(.svelte-w1vtv7){font-size:20px;font-weight:400;margin-block-start:0;margin-block-end:0}.close-button.svelte-w1vtv7{background:none;border:none;cursor:pointer;padding:0;margin:0;transition:transform .3s cubic-bezier(.09,.545,.305,.955)}.close-button.svelte-w1vtv7 img:where(.svelte-w1vtv7){opacity:.3;transition:opacity .3s cubic-bezier(.09,.545,.305,.955)}.close-button.svelte-w1vtv7:hover{transform:scale(1.05)}.close-button.svelte-w1vtv7:hover img:where(.svelte-w1vtv7){opacity:.5}.close-button.svelte-w1vtv7:active{transform:scale(.95)}.input-row.svelte-w1vtv7{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.input-row.svelte-w1vtv7:last-child{margin-bottom:0}label.svelte-w1vtv7{color:#666}.api-key-row.svelte-w1vtv7{gap:6px}.store-api-key.svelte-w1vtv7{display:flex;align-items:center;gap:4px}.store-api-key.svelte-w1vtv7 input:where(.svelte-w1vtv7){max-width:max-content}.api-key-notice.svelte-w1vtv7{font-size:14px;background:#d7edff;display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:8px}.api-key-notice.svelte-w1vtv7 p:where(.svelte-w1vtv7){margin-block-start:0;margin-block-end:0}.api-key-notice.svelte-w1vtv7 ol:where(.svelte-w1vtv7){padding-left:16px;color:#666;font-size:12px;margin-block-start:0;margin-block-end:0}.api-key-notice.svelte-w1vtv7 ol:where(.svelte-w1vtv7) li:where(.svelte-w1vtv7){margin-top:4px}.small-label.svelte-w1vtv7{font-size:12px;color:#666}input.svelte-w1vtv7{flex:1;padding:10px 12px;border:1px solid rgba(0,0,0,.2);border-radius:8px;font-family:monospace}input.svelte-w1vtv7:focus{outline:none;border:1px solid rgba(0,0,0,.5)}input.invalid.svelte-w1vtv7{border:1px solid #ff4444}input.invalid.svelte-w1vtv7:focus{border:1px solid #ff4444}.error-message.svelte-w1vtv7{color:#f44;font-size:12px;font-weight:400}select.svelte-w1vtv7{padding:8px 12px;outline:1px solid rgba(0,0,0,.2);border:none;border-radius:8px;font-size:14px;font-family:Aspekta,sans-serif;border-right:16px solid transparent}select.svelte-w1vtv7:focus{outline:1px solid rgba(0,0,0,.5)}textarea.svelte-w1vtv7{resize:none;padding:8px 12px;border:1px solid rgba(0,0,0,.2);border-radius:8px;font-size:12px;font-family:monospace;min-height:100px}textarea.svelte-w1vtv7:focus{outline:none;border:1px solid rgba(0,0,0,.5)}.info-row.svelte-w1vtv7{display:flex;align-items:center;gap:10px;margin-bottom:10px}.info-row.svelte-w1vtv7:last-child{margin-bottom:0}.panel-button.svelte-w1vtv7{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0}.panel-button.svelte-w1vtv7 h2:where(.svelte-w1vtv7){font-size:16px;font-weight:400;margin-block-start:0;margin-block-end:0;font-family:Aspekta,sans-serif}.panel-button.svelte-w1vtv7 img:where(.svelte-w1vtv7){opacity:.3;transition:opacity .3s cubic-bezier(.09,.545,.305,.955)}.panel-button.svelte-w1vtv7:hover img:where(.svelte-w1vtv7){opacity:.5}@font-face{font-family:Aspekta;src:url(../../../fonts/Aspekta-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Aspekta;src:url(../../../fonts/Aspekta-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}body{margin:0;font-family:Aspekta,sans-serif;--highlight: #1255FF}main.svelte-1jbqoaq{min-height:150vh;min-width:150vw;height:2500px;width:1500px;background-size:8px 8px;background-position:center;background-repeat:repeat}.header.svelte-1jbqoaq{position:fixed;top:20px;left:20px;z-index:10}.logo.svelte-1jbqoaq{background:none;border:none;padding:0;cursor:pointer;position:absolute;top:0;left:0;z-index:11;transition:transform .5s cubic-bezier(.09,.545,.305,.955)}.logo.svelte-1jbqoaq:hover{transform:scale(1.1) rotate(-5deg)}.logo.svelte-1jbqoaq:active{transform:scale(.95) rotate(-5deg)}.header-text.svelte-1jbqoaq{font-size:30px;font-weight:700;color:var(--highlight);z-index:10;left:90px;top:4px;position:absolute;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#sketchText.svelte-1jbqoaq{position:absolute;top:-4px}#mixerText.svelte-1jbqoaq{position:absolute;top:26px}.add-button-container.svelte-1jbqoaq{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10}.add-button.svelte-1jbqoaq{background:var(--highlight);font-family:Aspekta;font-weight:700;color:#fff;border:none;padding:12px 26px;border-radius:12px;cursor:pointer;font-size:20px;letter-spacing:.02em;transform:scale(1);box-shadow:0 .263343px 4px #0000004d,0 .263343px 14px #00000026;transition:transform .3s cubic-bezier(.09,.545,.305,.955);position:relative;z-index:11}.add-button.svelte-1jbqoaq:hover{transform:scale(1.05)}.add-button.svelte-1jbqoaq:active{transform:scale(.95)}.add-button-background.svelte-1jbqoaq{position:absolute;bottom:50%;left:50%;width:calc(100% + 20px);height:calc(100% + 20px);transform:translate(-50%,50%);border-radius:12px;background:linear-gradient(-45deg,#3a71ff,#79dbf9,#727ff6,#6ce9c8,#3a71ff) 0/ 200%;animation:svelte-1jbqoaq-gradient 3s infinite;filter:blur(10px);opacity:0;transition:opacity .3s ease}.add-button-container.svelte-1jbqoaq:hover .add-button-background:where(.svelte-1jbqoaq){opacity:.4}.settings-button.svelte-1jbqoaq{position:fixed;top:28px;right:28px;z-index:10;background:var(--canvas-background);border-radius:16px;width:50px;height:50px;touch-action:none;border:2px solid rgba(0,0,0,.05);box-shadow:0 1px 24px #0000000f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.09,.545,.305,.955)}.settings-button.svelte-1jbqoaq img:where(.svelte-1jbqoaq){opacity:.3;transition:opacity .3s cubic-bezier(.09,.545,.305,.955)}.settings-button.svelte-1jbqoaq:hover{transform:scale(1.05)}.settings-button.svelte-1jbqoaq:hover img:where(.svelte-1jbqoaq){opacity:.5}.settings-button.svelte-1jbqoaq:active{transform:scale(.95)}.canvas-area.svelte-1jbqoaq{position:relative;min-height:150vh;min-width:150vw;height:2500px;width:1500px}.overlappedBackground.svelte-1jbqoaq{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background:linear-gradient(-45deg,#3a71ff,#79dbf9,#727ff6,#6ce9c8,#3a71ff) 0/ 200%;animation:svelte-1jbqoaq-gradient 3s infinite;clip-path:none;mask:url(#blurMask);opacity:.2}@keyframes svelte-1jbqoaq-gradient{50%{background-position:100%}}.combinationInProgress.svelte-1jbqoaq{position:absolute;width:260px;height:516px;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.optionButton.svelte-1jbqoaq{color:#12121288;border:2px solid rgba(0,0,0,.05);box-shadow:0 1px 24px #0000000f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;text-align:left;width:100%;cursor:pointer;font-size:15px;padding:0;transition:color .2s ease,max-height .3s cubic-bezier(.09,.545,.305,.955);overflow:hidden}.optionButton.svelte-1jbqoaq div:where(.svelte-1jbqoaq){padding:12px 14px}.optionButton.svelte-1jbqoaq p:where(.svelte-1jbqoaq){word-wrap:break-word;margin-block-start:0;margin-block-end:0;min-height:17px;transition:opacity .3s cubic-bezier(.09,.545,.305,.955)}.optionButton.svelte-1jbqoaq:hover{color:#121212}.loading.svelte-1jbqoaq{background:linear-gradient(0deg,#eee,#fff,#eee) 0/ 100% 200%;animation:svelte-1jbqoaq-placeholderGradient 2s linear infinite}.canvasBg.svelte-1jbqoaq{background:var(--canvas-background)}.imageCombinationPlaceholder.svelte-1jbqoaq{position:absolute;width:200px;height:236px;box-shadow:0 2px 4px #0000001a;border-radius:16px;border:2px solid rgba(0,0,0,.05);box-shadow:0 1px 24px #0000000f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px;display:flex;align-items:flex-end;justify-content:center;z-index:100}@keyframes svelte-1jbqoaq-placeholderGradient{0%{background-position:0% 0%}to{background-position:0% 200%}}