.logo-tool-page[data-v-a0af500e]{width:100%;min-width:320px;padding:0 0 80px;color:var(--Grey12, #191919)}.logo-generator[data-v-a0af500e]{box-sizing:border-box;display:flex;width:1200px;height:680px;margin:0 auto;padding:17px;border:3px solid var(--Grey00, #fff);border-radius:var(--Radius-borderRadius-8, 24px);background:#ffffffd9;box-shadow:0 20px 50px #0000000d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.section-title[data-v-a0af500e]{margin:0 0 12px;color:var(--Grey12, #191919);font-size:20px;font-weight:450;line-height:1.5}.control-panel[data-v-a0af500e]{display:flex;flex-direction:column;justify-content:space-between;width:384px;height:600px;margin:20px 29px 20px 20px}.control-content[data-v-a0af500e]{display:flex;flex-direction:column;gap:23px}.description-field[data-v-a0af500e]{position:relative;box-sizing:border-box;width:100%;height:359px;padding:16px 16px 56px;overflow:hidden;border:1px solid var(--Grey03, #e6e6e6);border-radius:8px;background:var(--Grey00, #fff);transition:border-color .2s ease}.description-field[data-v-a0af500e]:hover,.description-field[data-v-a0af500e]:focus-within{border-color:var(--Grey12, #191919)}.description-field textarea[data-v-a0af500e]{box-sizing:border-box;width:100%;height:100%;padding:0;resize:none;border:0;outline:0;background:transparent;color:var(--Grey12, #191919);font:400 16px/1.5}.description-field textarea[data-v-a0af500e]::-moz-placeholder{color:var(--Grey05, #bfbfbf);opacity:1}.description-field textarea[data-v-a0af500e]::placeholder{color:var(--Grey05, #bfbfbf);opacity:1}.description-field.has-images textarea[data-v-a0af500e]{height:calc(100% - 88px)}.reference-gallery[data-v-a0af500e]{position:relative;width:100%;height:72px;margin-bottom:16px}.reference-list[data-v-a0af500e]{display:flex;gap:10px;width:100%;height:72px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none}.reference-list[data-v-a0af500e]::-webkit-scrollbar{display:none}.reference-item[data-v-a0af500e]{position:relative;flex:0 0 72px;width:72px;height:72px;border-radius:8px;background:#f7f7f7;scroll-snap-align:start}.reference-item>img[data-v-a0af500e]{display:block;width:72px;height:72px;overflow:hidden;border-radius:8px;-o-object-fit:cover;object-fit:cover}.reference-item .remove-image[data-v-a0af500e]{position:absolute;top:4px;right:4px;display:inline-flex;width:18px;height:18px;padding:0;align-items:center;justify-content:center;border:0;border-radius:50%;background:#1919199e;color:#fff;cursor:pointer;opacity:0;transition:opacity .12s linear,background-color .12s ease}.reference-item .remove-image[data-v-a0af500e]:hover,.reference-item .remove-image[data-v-a0af500e]:focus-visible{background:#191919cc}.reference-item .remove-image[data-v-a0af500e]:active{background:var(--Grey12, #191919)}.reference-item .remove-image .iconfont[data-v-a0af500e]{font-size:10px;line-height:1}.reference-item:hover .remove-image[data-v-a0af500e],.reference-item:focus-within .remove-image[data-v-a0af500e]{opacity:1}.reference-fade[data-v-a0af500e]{position:absolute;top:0;right:0;width:56px;height:72px;pointer-events:none;background:linear-gradient(270deg,#fff 24%,#fff0)}.reference-fade.left[data-v-a0af500e]{right:auto;left:0;transform:scaleX(-1)}.reference-scroll-button[data-v-a0af500e]{position:absolute;top:22px;right:0;display:inline-flex;width:28px;height:28px;padding:0;align-items:center;justify-content:center;border:1px solid var(--Grey02, #eee);border-radius:50%;background:#fff;color:var(--Grey12, #191919);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.reference-scroll-button .iconfont[data-v-a0af500e]{font-size:16px;line-height:1}.reference-scroll-button[data-v-a0af500e]:hover,.reference-scroll-button[data-v-a0af500e]:focus-visible{border-color:var(--Grey04, #d9d9d9);background:var(--Grey02, #eee);outline:0}.reference-scroll-button[data-v-a0af500e]:active{border-color:var(--Grey05, #bfbfbf);background:var(--Grey03, #e6e6e6)}.reference-scroll-button.left[data-v-a0af500e]{right:auto;left:0}.reference-scroll-button.left .iconfont[data-v-a0af500e]{transform:rotate(180deg)}.add-image-button[data-v-a0af500e]{position:absolute;bottom:13px;left:12px;display:inline-flex;height:32px;padding:6px 12px;align-items:center;justify-content:center;gap:4px;border:1px solid var(--Grey02, #eee);border-radius:10px;background:var(--Grey01, #f7f7f7);color:var(--Grey12, #191919);font:400 14px/1.2;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.add-image-button[data-v-a0af500e]:hover:not(:disabled),.add-image-button[data-v-a0af500e]:focus-visible{border-color:var(--Grey04, #d9d9d9);background:var(--Grey02, #eee);outline:0}.add-image-button[data-v-a0af500e]:active:not(:disabled){border-color:var(--Grey05, #bfbfbf);background:var(--Grey03, #e6e6e6)}.add-image-button[data-v-a0af500e]:disabled{cursor:wait;color:var(--Grey05, #bfbfbf)}.add-image-button .iconfont[data-v-a0af500e]{font-size:16px}.add-image-button .upload-spinner[data-v-a0af500e]{box-sizing:border-box;flex:0 0 14px;width:14px;height:14px;border:2px solid var(--Grey04, #d9d9d9);border-top-color:var(--Grey12, #191919);border-radius:50%;animation:upload-spin-a0af500e .8s linear infinite}@keyframes upload-spin-a0af500e{to{transform:rotate(360deg)}}.ratio-list[data-v-a0af500e]{display:flex;justify-content:space-between;width:100%;overflow:hidden}.ratio-button[data-v-a0af500e]{box-sizing:border-box;display:inline-flex;width:86px;height:36px;padding:0;align-items:center;justify-content:center;border:1px solid var(--Grey02, #eee);border-radius:8px;background:#fff;color:var(--Grey12, #191919);font:400 16px/1.6;letter-spacing:-.288px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.ratio-button[data-v-a0af500e]:hover:not(.active),.ratio-button[data-v-a0af500e]:focus-visible:not(.active){border-color:var(--Grey05, #bfbfbf);background:var(--Grey01, #f7f7f7);outline:0}.ratio-button[data-v-a0af500e]:active:not(.active){border-color:var(--Grey12, #191919);background:var(--Grey02, #eee)}.ratio-button.active[data-v-a0af500e]{border-color:var(--Grey12, #191919);background:var(--Grey12, #191919);color:#fff}.ratio-button.active[data-v-a0af500e]:hover,.ratio-button.active[data-v-a0af500e]:focus-visible{background:var(--Grey09, #444);outline:0}.ratio-button.active[data-v-a0af500e]:active{background:var(--Grey12, #191919)}.generate-button[data-v-a0af500e]{display:flex;width:100%;height:40px;padding:6px 12px;align-items:center;justify-content:center;gap:4px;border:0;border-radius:6px;background:var(--Grey05, #bfbfbf);color:#fff;font:400 14px/1.2;cursor:not-allowed}.generate-button.enabled[data-v-a0af500e]{background:var(--Grey12, #191919);cursor:pointer}.generate-button.enabled[data-v-a0af500e]:hover,.generate-button.enabled[data-v-a0af500e]:focus-visible{background:var(--Grey09, #444);outline:0}.generate-button.enabled[data-v-a0af500e]:active{background:var(--Grey12, #191919)}.generate-button .credit[data-v-a0af500e]{display:inline-flex;align-items:center}.generate-button .icon-a-Bestvalue[data-v-a0af500e]{margin-right:2px;color:#ffc017;font-size:20px}.preview-section[data-v-a0af500e]{width:724px}.preview-title[data-v-a0af500e]{display:none}.preview-panel[data-v-a0af500e]{position:relative;display:flex;box-sizing:border-box;width:724px;height:640px;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--Grey02, #eee);border-radius:12px;background:var(--Grey00, #fff)}.empty-preview[data-v-a0af500e]{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-preview p[data-v-a0af500e]{margin:0;color:var(--Grey08, #666);font-size:14px;font-weight:400;line-height:1.2}.placeholder-visual[data-v-a0af500e]{position:relative;display:block;width:299px;height:188px}.placeholder-image[data-v-a0af500e],.placeholder-lottie[data-v-a0af500e]{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;transition:opacity .2s ease}.placeholder-image[data-v-a0af500e]{-o-object-fit:contain;object-fit:contain}.placeholder-lottie[data-v-a0af500e],.placeholder-visual.ready .placeholder-image[data-v-a0af500e]{opacity:0}.placeholder-visual.ready .placeholder-lottie[data-v-a0af500e]{opacity:1}.loading-stage[data-v-a0af500e],.retry-stage[data-v-a0af500e]{position:relative;width:420px;height:auto;flex:0 0 auto;overflow:hidden;border-radius:12px;background:linear-gradient(136deg,var(--Grey02, #eee) 0%,var(--Grey01, #f7f7f7) 70.37%)}.loading-stage.portrait[data-v-a0af500e],.retry-stage.portrait[data-v-a0af500e]{width:auto;height:420px}.lottie-container[data-v-a0af500e]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.loading-text[data-v-a0af500e]{border-radius:6px;background:#19191980;color:#fff;font-size:12px;font-weight:400;line-height:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:6px;left:6px;z-index:2;display:inline-flex;height:30px;padding:0 8px;align-items:center}.retry-stage[data-v-a0af500e]{display:flex;padding:0;align-items:center;justify-content:center;border:0;background:linear-gradient(136deg,var(--Grey02, #eee),var(--Grey01, #f7f7f7) 70%);color:var(--Grey08, #666);cursor:pointer}.retry-stage[data-v-a0af500e]:focus-visible{outline:0}.retry-stage:focus-visible .retry-button[data-v-a0af500e]{outline:2px solid var(--Grey04, #d9d9d9);outline-offset:2px}.retry-button[data-v-a0af500e]{box-sizing:border-box;display:inline-flex;width:96px;height:32px;padding:6px 12px;align-items:center;justify-content:center;gap:4px;overflow:hidden;border-radius:6px;color:var(--Grey08, #666);font-family:packifyFont,sans-serif;font-size:20px;font-weight:400;line-height:1.5}.retry-button .retry-icon[data-v-a0af500e]{display:block;flex:0 0 20px;width:20px;height:20px}.result-state[data-v-a0af500e]{display:flex;width:100%;height:100%;padding:0 0 20px;flex-direction:column;align-items:center;gap:24px}.result-image-area[data-v-a0af500e]{display:flex;width:100%;min-height:0;flex:1 1 auto;padding:40px;align-items:center;justify-content:center}.generated-image[data-v-a0af500e]{display:block;max-width:420px;max-height:420px;-o-object-fit:contain;object-fit:contain}.result-actions[data-v-a0af500e]{display:grid;width:calc(100% - 80px);height:40px;flex:0 0 40px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.result-button[data-v-a0af500e]{display:inline-flex;min-width:0;height:40px;padding:8px 16px;align-items:center;justify-content:center;gap:6px;overflow:hidden;border-radius:8px;font-size:16px;font-weight:400;line-height:1.5;white-space:nowrap;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.result-button .iconfont[data-v-a0af500e]{font-size:18px}.result-button.secondary[data-v-a0af500e]{border:1px solid var(--Grey03, #e6e6e6);background:var(--Grey01, #f7f7f7);color:var(--Grey12, #191919)}.result-button.secondary[data-v-a0af500e]:hover,.result-button.secondary[data-v-a0af500e]:focus-visible{border-color:var(--Grey04, #d9d9d9);background:var(--Grey02, #eee);outline:0}.result-button.secondary[data-v-a0af500e]:active{border-color:var(--Grey05, #bfbfbf);background:var(--Grey03, #e6e6e6)}.result-button.primary[data-v-a0af500e]{border:1px solid var(--Grey12, #191919);background:var(--Grey12, #191919);color:#fff}.result-button.primary[data-v-a0af500e]:hover,.result-button.primary[data-v-a0af500e]:focus-visible{border-color:var(--Grey09, #444);background:var(--Grey09, #444);outline:0}.result-button.primary[data-v-a0af500e]:active{border-color:var(--Grey12, #191919);background:var(--Grey12, #191919)}@media screen and (min-width: 980px) and (max-width: 1279px){.logo-generator[data-v-a0af500e]{width:944px}.control-panel[data-v-a0af500e]{width:248px;height:608px;margin:12px 24px 12px 12px}.preview-section[data-v-a0af500e],.preview-panel[data-v-a0af500e]{width:620px}.ratio-button[data-v-a0af500e]{width:58px;font-size:14px}.description-field[data-v-a0af500e]{padding-right:14px;padding-left:14px}.description-field.has-images textarea[data-v-a0af500e]{height:calc(100% - 68px)}.reference-gallery[data-v-a0af500e],.reference-list[data-v-a0af500e]{height:52px}.reference-item[data-v-a0af500e]{flex-basis:52px;width:52px;height:52px}.reference-item>img[data-v-a0af500e]{width:52px;height:52px}.reference-fade[data-v-a0af500e]{width:48px;height:52px}.reference-scroll-button[data-v-a0af500e]{top:12px}}@media screen and (max-width: 979px){.logo-tool-page[data-v-a0af500e]{padding-bottom:48px}.logo-generator[data-v-a0af500e]{display:block;width:calc(100% - 40px);height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.control-panel[data-v-a0af500e]{box-sizing:border-box;width:100%;height:442px;margin:0 0 24px;padding:16px;border:3px solid #fff;border-radius:12px;background:#ffffffd9;box-shadow:0 20px 50px #0000000d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.control-content[data-v-a0af500e]{gap:24px}.description-field[data-v-a0af500e]{height:182px;padding:12px 12px 48px}.description-field textarea[data-v-a0af500e]{font-size:14px;line-height:1.2}.description-field.has-images textarea[data-v-a0af500e]{height:calc(100% - 68px)}.reference-gallery[data-v-a0af500e],.reference-list[data-v-a0af500e]{height:52px}.reference-item[data-v-a0af500e]{flex-basis:52px;width:52px;height:52px}.reference-item>img[data-v-a0af500e]{width:52px;height:52px}.reference-fade[data-v-a0af500e]{width:48px;height:52px}.reference-scroll-button[data-v-a0af500e]{top:12px}.add-image-button[data-v-a0af500e]{bottom:10px;left:10px;height:28px;padding:4px 8px;font-size:12px;line-height:1.6}.add-image-button .iconfont[data-v-a0af500e]{font-size:14px}.ratio-list[data-v-a0af500e]{gap:8px}.ratio-button[data-v-a0af500e]{flex:1 1 0;width:auto;height:32px;font-size:14px}.generate-button[data-v-a0af500e]{flex:0 0 40px}.preview-section[data-v-a0af500e]{width:100%}.preview-title[data-v-a0af500e]{display:block}.preview-panel[data-v-a0af500e]{width:100%;height:auto;aspect-ratio:1;border:3px solid #fff;border-radius:24px;background:#f7f7f7;box-shadow:0 0 10px #0000001a}.loading-stage[data-v-a0af500e],.retry-stage[data-v-a0af500e]{width:420px}.loading-stage.portrait[data-v-a0af500e],.retry-stage.portrait[data-v-a0af500e]{width:auto;height:420px}.empty-preview[data-v-a0af500e]{gap:8px}.empty-preview p[data-v-a0af500e]{font-size:12px;font-weight:400;line-height:1.6;letter-spacing:-.216px}.placeholder-visual[data-v-a0af500e]{width:180px;height:113px}.result-state[data-v-a0af500e]{padding-bottom:16px;gap:16px}.result-image-area[data-v-a0af500e]{padding:20px 20px 0}.generated-image[data-v-a0af500e]{max-width:420px;max-height:420px}.result-actions[data-v-a0af500e]{width:calc(100% - 32px);gap:12px}.result-button[data-v-a0af500e]{padding-right:8px;padding-left:8px;font-size:14px}}@media screen and (max-width: 374px){.logo-generator[data-v-a0af500e]{width:calc(100% - 24px)}.control-panel[data-v-a0af500e]{padding:14px}.section-title[data-v-a0af500e]{font-size:18px}}