html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:Fira Code,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}::selection{background:#667eea4d;color:inherit}::-moz-selection{background:#667eea4d;color:inherit}html{font-size:80%}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;overflow-x:hidden}.App,body{min-height:100vh}.App{display:flex;flex-direction:column;position:relative}.background-video{height:100%;left:0;object-fit:cover;position:fixed;top:0;width:100%;z-index:-2}.App:before{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0006;bottom:0;content:"";right:0;z-index:-1}.App:before,.rain{left:0;position:fixed;top:0}.rain{pointer-events:none;z-index:1}.rain,.rain:before{height:100%;width:100%}.rain:before{animation:rain .3s linear infinite;background:linear-gradient(#0000,#0006);content:"";position:absolute}@keyframes rain{0%{background-position:0 0}to{background-position:20% 100%}}.app-header{left:0;padding:1.6rem;pointer-events:none;position:fixed;right:0;top:0;z-index:50}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1120px;pointer-events:none}.logo-section{pointer-events:auto}.logo-section h1{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0a4d;border:1px solid #ffffff1a;border-radius:13px;color:#fff;cursor:pointer;font-size:1.6rem;font-weight:600;letter-spacing:-.02em;padding:.6rem 1.2rem;text-shadow:0 2px 10px #00000080;transition:all .2s ease}.logo-section h1:hover{background:#0a0a0a80;border-color:#fff3;transform:translateY(-1px)}.header-actions{align-items:center;display:flex;gap:.6rem;pointer-events:auto}.exit-fork-btn,.settings-btn,.tree-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0acc;border:1px solid #fff3;border-radius:10px;box-shadow:0 3px 16px #0000004d;color:#fff;cursor:pointer;display:flex;font-weight:500;height:35px;justify-content:center;min-width:35px;padding:.6rem;transition:all .2s ease}.exit-fork-btn:hover,.settings-btn:hover,.tree-toggle-btn:hover{background:#3c3c3ce6;border-color:#fff6;box-shadow:0 6px 24px #0006;transform:translateY(-1px)}.exit-fork-btn{gap:.4rem;padding:.6rem 1rem}.fork-main-content,.main-content{flex:1 1;margin:0 auto;max-width:1120px;padding:6.4rem 1.6rem 2.4rem;position:relative;width:100%;z-index:1}.generation-section{-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);background:#0a0a0ad9;border:1px solid #ffffff1a;border-radius:19px;box-shadow:0 6px 32px #0006;padding:2.4rem}.prompt-section{text-align:center}.prompt-section label{color:#fff;display:block;font-size:.88rem;font-weight:500;letter-spacing:-.01em;margin-bottom:.8rem}.prompt-input{background:#ffffff14;border:1px solid #ffffff26;border-radius:13px;color:#fff;font-family:inherit;font-size:.8rem;line-height:1.5;margin-bottom:1.6rem;min-height:112px;padding:1.2rem;resize:vertical;transition:all .2s ease;width:100%}.prompt-input:focus{background:#ffffff1f;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a;outline:none}.prompt-input::placeholder{color:#ffffff80}.or-separator{align-items:center;display:flex;justify-content:center;margin:2.4rem 0;position:relative}.or-separator:after,.or-separator:before{background:#ffffff26;content:"";flex:1 1;height:1px}.or-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ae6;border:1px solid #ffffff26;border-radius:24px;color:#ffffffb3;font-size:.72rem;font-weight:500;margin:0 1.6rem;padding:.6rem 1.6rem}.upload-section{background:#ffffff14;border:2px dashed #ffffff4d;border-radius:16px;margin:1.6rem 0;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.upload-section:before{background:linear-gradient(135deg,#ffffff05,#ffffff14);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.upload-section>*{position:relative;z-index:1}.upload-section:hover{background:#ffffff1f;border-color:#ffffff80;box-shadow:0 8px 32px #0000004d;transform:translateY(-2px)}.upload-label{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:.88rem;font-weight:500;gap:.8rem;margin-bottom:1.2rem}.upload-label .upload-icon{height:26px;opacity:.8;width:26px}.upload-input{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:.8rem;padding:1rem;transition:all .2s ease;width:100%}.upload-input:hover{background:#ffffff26;border-color:#ffffff4d}.upload-note{color:#fff9;font-size:.72rem;font-style:italic;line-height:1.3;margin-top:1rem}.download-btn,.fork-btn,.generate-btn{align-items:center;background:#666;border:1px solid #666;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;justify-content:center;margin:0 auto;min-height:38px;padding:.8rem 1.6rem;transition:all .2s ease}.download-btn:hover,.fork-btn:hover,.generate-btn:hover{background:#555;border-color:#555;box-shadow:0 3px 16px #2563eb4d;transform:translateY(-1px)}.generate-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.generate-btn:disabled:hover{background:#666;border-color:#666}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.results-section{margin-top:2.4rem}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.6rem}.results-header h3{color:#fff;font-size:1rem;font-weight:600}.generated-images-grid{grid-gap:1.6rem;display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.generated-image-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:13px;overflow:hidden;position:relative;transition:all .2s ease}.generated-image-container:hover{border-color:#fff3;box-shadow:0 10px 32px #0000004d;transform:translateY(-4px)}.generated-image{display:block;height:auto;width:100%}.image-actions{display:flex;gap:.4rem;position:absolute;right:.8rem;top:.8rem}.download-btn,.fork-btn{border:1px solid #fff3;border-radius:8px;min-height:auto;padding:.6rem}.download-btn,.fork-btn,.image-index{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;color:#fff}.image-index{border-radius:6px;bottom:.8rem;font-size:.72rem;font-weight:500;left:.8rem;padding:.4rem .6rem;position:absolute}.error-message{align-items:center;background:#7878781a;border:1px solid #7878784d;border-radius:10px;color:#ccc;display:flex;font-size:.76rem;gap:.6rem;margin:1.2rem 0;padding:.8rem 1.2rem}@media (max-width:768px){.app-header{padding:1.2rem .8rem}.logo-section h1{font-size:1.2rem;gap:.4rem;padding:.4rem .8rem}.fork-main-content,.main-content{padding:4.8rem .8rem 1.6rem}.generation-section{border-radius:13px;padding:1.6rem}.settings-content{margin:.8rem;padding:1.6rem}.settings-actions{flex-direction:column}.generated-images-grid{grid-template-columns:1fr}.header-content{padding:0}.results-header{align-items:flex-start;flex-direction:column;gap:.8rem}}@media (max-width:480px){.app-header{padding:.8rem}.logo-section h1{font-size:1rem;gap:.4rem;padding:.4rem .6rem}.fork-main-content,.main-content{padding:4rem .8rem .8rem}.generation-section{padding:1.2rem}}.dark-mode{background:#0f0f0f;color:#fff}.dark-mode .App{background-color:#0f0f0f}.volume-control{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0fcc;border:1px solid #ffffff1a;border-radius:12px;bottom:2rem;display:flex;gap:1rem;left:2rem;padding:1rem;position:fixed;z-index:100}.volume-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;height:4px;outline:none;width:100px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:16px;width:16px}.timer{font-size:2rem;font-weight:500;text-shadow:0 2px 4px #0003;top:2rem}.music-player,.timer{color:#fff;left:2rem;position:fixed;z-index:100}.music-player{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0fcc;border:1px solid #ffffff1a;border-radius:30px;bottom:2rem;display:flex;gap:1rem;padding:.75rem 1.5rem}.music-player button{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:.5rem;transition:all .2s ease}.music-player button:hover{background:#ffffff1a}.tools-section{display:flex;flex-direction:column;gap:1rem;position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:100}.tool-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0fcc;border:1px solid #ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.tool-button:hover{background:#ffffff1a;transform:scale(1.1)}.settings-modal{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1.6rem;position:fixed;right:0;top:0;z-index:1000}.settings-content{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);background:#0f0f0ff2;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 16px 48px #0009;color:#fff;max-width:400px;padding:2rem;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-content h3{color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1.6rem}.form-group{margin-bottom:1.2rem}.form-group label{align-items:center;color:#e5e5e5;display:block;display:flex;font-size:.76rem;font-weight:500;gap:.4rem;margin-bottom:.6rem}.input-icon{height:13px;opacity:.8;width:13px}.api-key-input,.input-field,.select-input{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;color:#fff;font-family:inherit;font-size:.8rem;padding:.8rem 1rem;transition:all .2s ease;width:100%}.api-key-input:focus,.input-field:focus,.select-input:focus{background:#ffffff1f;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a;outline:none}.api-key-input::placeholder,.input-field::placeholder{color:#ffffff80}.api-key-note,.setting-note,.upload-note{color:#fff9;font-size:.68rem;line-height:1.3;margin-top:.5rem}.api-key-note a{color:#888;text-decoration:none}.api-key-note a:hover{text-decoration:underline}.settings-actions{border-top:1px solid #ffffff1a;display:flex;gap:.8rem;margin-top:1.6rem;padding-top:1.2rem}.cancel-btn,.save-btn{border:1px solid #0000;border-radius:10px;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:500;padding:.8rem 1.2rem;transition:all .2s ease}.save-btn{background:#666;border-color:#666;color:#fff}.save-btn:hover{background:#555;border-color:#555;transform:translateY(-1px)}.cancel-btn{background:#ffffff1a;border-color:#fff3;color:#fff}.cancel-btn:hover{background:#ffffff26;border-color:#ffffff4d}.App.fork-mode{background-attachment:fixed}.fork-main-content{max-width:1280px;padding:6.4rem 1.6rem 2.4rem}.root-image-section{align-items:center;-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);background:#0a0a0ad9;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 6px 32px #0006;display:flex;justify-content:center;margin-bottom:1.6rem;padding:1.6rem}.root-image{border-radius:10px;box-shadow:0 3px 16px #0000004d;height:auto;max-height:240px;max-width:320px;object-fit:contain;width:auto}.variations-section{-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);background:#0a0a0ad9;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 6px 32px #0006;padding:1.6rem}.variations-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.6rem;padding-bottom:.8rem}.variations-header h3{color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:-.02em}.add-variation-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.4rem;padding:.6rem 1rem;transition:all .2s ease}.add-variation-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.variations-container{grid-gap:1.6rem;display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.variation{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:13px;padding:1.2rem;position:relative;transition:all .2s ease}.variation:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.variation-prompt-input{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;color:#fff;font-family:inherit;font-size:.76rem;line-height:1.4;margin-bottom:.8rem;min-height:64px;padding:.8rem;resize:vertical;transition:all .2s ease;width:100%}.variation-prompt-input:focus{background:#ffffff1f;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a;outline:none}.variation-prompt-input::placeholder{color:#ffffff80}.variation-upload{background:#ffffff08;border:2px dashed #fff3;border-radius:10px;cursor:pointer;margin-bottom:.8rem;padding:1.2rem;text-align:center;transition:all .2s ease}.variation-upload:hover{background:#ffffff0f;border-color:#ffffff4d}.variation-upload.drag-over{background:#6666661a;border-color:#666;transform:scale(1.02)}.variation-upload-label{align-items:center;color:#ffffffb3;cursor:pointer;display:flex;flex-direction:column;font-size:.72rem;gap:.4rem}.variation-upload.has-images .variation-upload-label{font-size:.64rem;margin-bottom:.6rem}.upload-icon{height:16px;opacity:.7;width:16px}.variation-images{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.6rem}.variation-image-preview{background:#ffffff1a;border-radius:6px;height:48px;overflow:hidden;position:relative;width:48px}.variation-image-preview img{height:100%;object-fit:cover;width:100%}.remove-variation-image-btn{align-items:center;background:#787878e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:16px;justify-content:center;position:absolute;right:-5px;top:-5px;transition:all .2s ease;width:16px}.remove-variation-image-btn:hover{background:#787878;transform:scale(1.1)}.variation-generate-btn{align-items:center;background:#666;border:1px solid #666;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.76rem;font-weight:500;gap:.4rem;justify-content:center;margin-bottom:.8rem;padding:.7rem 1.2rem;transition:all .2s ease;width:100%}.variation-generate-btn:hover:not(:disabled){background:#555;border-color:#555;box-shadow:0 3px 16px #2563eb4d;transform:translateY(-1px)}.variation-generate-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.variation-result{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;overflow:hidden;position:relative}.variation-result img{display:block;height:auto;width:100%}.variation-result-actions{display:flex;gap:.4rem;position:absolute;right:.6rem;top:.6rem}.result-download-btn,.result-fork-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:29px;justify-content:center;padding:.4rem;transition:all .2s ease;width:29px}.result-download-btn:hover,.result-fork-btn:hover{background:#000000e6;border-color:#ffffff4d;transform:scale(1.05)}.root-image-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:13px;margin:1.6rem 0;padding:1.2rem}.root-image-preview h4{color:#fff;font-size:.8rem;font-weight:500;margin-bottom:.8rem}.root-image-container-main{border-radius:10px;display:inline-block;overflow:hidden;position:relative}.root-image-container-main img{border-radius:10px;display:block;height:auto;max-height:120px;max-width:160px;width:auto}.remove-root-image-btn{align-items:center;background:#787878e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:19px;justify-content:center;position:absolute;right:-6px;top:-6px;transition:all .2s ease;width:19px}.remove-root-image-btn:hover{background:#787878;transform:scale(1.1)}.root-image-actions{bottom:.4rem;display:flex;justify-content:center;left:.4rem;position:absolute;right:.4rem}.fork-root-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.68rem;font-weight:500;gap:.4rem;padding:.4rem .8rem;transition:all .2s ease}.fork-root-btn:hover{background:#000000e6;border-color:#ffffff4d}.root-image-name{color:#ffffffb3;display:block;font-size:.68rem;margin-top:.5rem;text-align:center}.uploaded-images{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:13px;margin:1.6rem 0;padding:1.2rem}.uploaded-images h4{color:#fff;font-size:.8rem;font-weight:500;margin-bottom:.8rem}.image-previews{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.image-preview{background:#ffffff1a;border-radius:6px;overflow:hidden;position:relative}.image-preview img{display:block;height:64px;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#787878e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:16px;justify-content:center;position:absolute;right:-5px;top:-5px;transition:all .2s ease;width:16px}.remove-image-btn:hover{background:#787878;transform:scale(1.1)}.image-name{background:#0000004d;color:#ffffffb3;display:block;font-size:.6rem;padding:.4rem;text-align:center}@media (max-width:1200px){.variations-container{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.fork-main-content{padding:4.8rem .8rem 1.6rem}.root-image-section{padding:1.2rem}.root-image{max-height:160px;max-width:240px}.variations-section{padding:1.2rem}.variations-container{gap:1.2rem}.variations-header{align-items:stretch;flex-direction:column;gap:.8rem}.image-previews{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}}@media (max-width:480px){.variation{padding:.8rem}.root-image-container-main img{max-height:80px;max-width:120px}}img{filter:none!important}.generated-image-container,.generated-images-grid,.image-preview,.results-section,.root-image-container-main,.root-image-section,.variation-image-preview,.variation-images,.variation-result,.variations-container{filter:none!important;-webkit-filter:none!important}.progress-container{margin:1.5rem 0;text-align:center}.progress-bar{background:#ffffff1a;height:5px;margin-bottom:.6rem;width:100%}.progress-bar,.progress-fill{border-radius:2px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#666,#888);height:100%;transition:width .3s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{color:#fffc;font-size:.72rem;font-weight:500}.image-loading-placeholder{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;gap:1rem;height:300px;justify-content:center;overflow:hidden;position:relative;width:100%}.image-loading-placeholder:before{animation:loading-sweep 2s infinite;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading-sweep{0%{left:-100%}to{left:100%}}.loading-icon{color:#fff9;margin-bottom:.5rem}.loading-text{color:#fff9;font-size:.72rem}
/*# sourceMappingURL=main.97f1fc7c.css.map*/