@import"https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}.image-generator[data-v-82edda26]{width:100vw;min-height:100vh;background:#111;padding:2rem 0;font-family:Fredoka One,cursive}.container[data-v-82edda26]{position:relative;width:100%!important;max-width:none!important;margin:0 auto;padding:2rem;background:#111;border-radius:12px;box-shadow:0 10px 30px #0000001a}.top-links[data-v-82edda26]{position:absolute;top:1rem;left:1rem;display:flex;gap:1rem}.icon[data-v-82edda26]{width:64px;height:64px;cursor:pointer}h1[data-v-82edda26],h2[data-v-82edda26],h3[data-v-82edda26],p[data-v-82edda26],button[data-v-82edda26]{font-family:Fredoka One,cursive}h1[data-v-82edda26]{text-align:center;color:#fff;font-size:2.5rem;margin-bottom:1rem}.subtitle[data-v-82edda26]{text-align:center;color:#ccc;margin-bottom:2rem}.form-section[data-v-82edda26]{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.upload-section[data-v-82edda26]{width:100%;display:flex;justify-content:center}.upload-area[data-v-82edda26]{width:100%;max-width:400px;aspect-ratio:1 / 1;border:3px dashed #555;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#222;transition:all .3s ease;overflow:hidden}.upload-area[data-v-82edda26]:hover{border-color:#888;background:#333}.upload-placeholder[data-v-82edda26]{text-align:center;color:#ccc}.uploaded-preview[data-v-82edda26]{width:100%;height:100%;object-fit:cover}.generate-btn[data-v-82edda26]{padding:1rem 2rem;background:#fff;color:#000;border:none;border-radius:12px;font-size:1.1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.generate-btn[data-v-82edda26]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #ffffff4d}.error-message[data-v-82edda26]{background:#fee;color:#c33;padding:1rem;border-radius:8px;text-align:center;margin-bottom:2rem}.result-section[data-v-82edda26]{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.result-section h2[data-v-82edda26]{color:#fff;text-align:center;margin:0}.image-comparison[data-v-82edda26]{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;width:100%}.image-container[data-v-82edda26]{flex:1 1 300px;text-align:center}.result-image[data-v-82edda26]{width:100%;max-width:350px;border-radius:12px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}.result-image.generated[data-v-82edda26]:hover{transform:scale(1.05)}.download-btn[data-v-82edda26]{display:block;margin:1rem auto 0;padding:.75rem 1.5rem;background:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer}.download-btn[data-v-82edda26]:hover{background:#218838}.history-section[data-v-82edda26]{margin-top:2rem}.history-list[data-v-82edda26]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.history-item[data-v-82edda26]{border-radius:8px;transition:transform .3s ease}.history-item[data-v-82edda26]:hover{transform:scale(1.1);z-index:1}.history-image[data-v-82edda26]{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 10px #0000001a}.history-enter-active[data-v-82edda26]{transition:transform .5s ease}.history-enter-from[data-v-82edda26]{transform:scale(.5)}.history-enter-to[data-v-82edda26]{transform:scale(1)}@media (max-width: 768px){.form-section[data-v-82edda26],.result-section[data-v-82edda26]{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100vw;margin:0;padding:0}