body{margin:0;font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif}code{font-family:Fira Code,Courier New,monospace}.App{margin:0;padding:0;height:100vh;background:#f4f4f0;display:flex;justify-content:center;align-items:center;text-align:center}@keyframes bg-animation{0%{background-position:left}to{background-position:right}}.home{margin:0;padding:0;background-color:#f4f4f0;height:100vh;justify-content:center;text-align:center}.painting-viewer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto}.painting-image-container{flex-shrink:0;margin-bottom:2rem}#painting-image{display:block;max-width:85vw;max-height:65vh;height:auto;object-fit:contain}.painting-info{text-align:center;max-width:700px;margin-bottom:1.5rem;vertical-align:center}h2#painting-title{font-size:1.8rem;font-weight:400;margin:0 0 .5rem;color:#e6f1ff}.artist,.year{font-size:1rem;color:#e6f1ffd9;margin:.25rem 0;font-weight:300}.painting-actions{display:flex;gap:1.5rem;justify-content:center}.action-button{background-color:#40e0d01a;border:1px solid rgba(64,224,208,.3);color:#7fffd4;padding:.75rem 1rem;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.action-button .icon{width:24px;height:24px}.action-button:hover{background-color:#40e0d033;color:#a7ffeb}.action-button:focus{outline:2px solid #7fffd4;outline-offset:2px}.like-button.liked{background-color:#7fffd44d;color:#fff}.like-button.liked .icon{fill:#fff}.paintingContainer{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0a192f;overflow:hidden;padding:20px}.paintingContainer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(64,224,208,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(64,224,208,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.painting-image-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.paintingImg{max-width:calc(100vw - 200px);max-height:calc(100vh - 200px);width:auto;height:auto;object-fit:contain;transition:opacity .2s ease;display:block}.paintingImg:hover{opacity:.9}a[href] .paintingImg{cursor:pointer}a[href] .paintingImg:hover{opacity:.8;transform:scale(1.01);transition:all .2s ease}.actions-container{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;padding:20px;background:#0a192fd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:4px 0 0 4px;border-left:1px solid rgba(64,224,208,.2)}.action{position:relative;background:none;border:none;color:#40e0d0cc;font-size:1rem;cursor:pointer;padding:15px 25px;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;font-weight:300}.action:hover{color:#40e0d0;background:#40e0d01a;transform:translate(-2px)}.paintingInfo{position:fixed;bottom:55px;left:20px;right:140px;padding:30px;color:#e6f1ff;text-align:center;height:calc(100% - 55px);display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box}h2{margin:0;font-size:2rem;font-weight:200;letter-spacing:1px;color:#e6f1ff;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;padding:10px 20px;background:#0a192fb3;border-radius:4px;flex-shrink:0}h2:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(64,224,208,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(64,224,208,.03) 1px,transparent 1px);background-size:15px 15px;pointer-events:none;border-radius:4px;opacity:.5}p{margin:10px 0 0;font-size:1.2rem;opacity:.9;font-weight:300;color:#e6f1ffe6;position:relative}.generation-method{font-size:smaller;color:#666;margin-top:5px;display:block}.like.liked{color:#ff4757}.paintings-container{width:100%;min-height:100vh;padding:2rem;display:flex;flex-direction:column;align-items:center}.gen-ai-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;padding:20px 40px;gap:60px;color:#e6f1ff;background-color:#0a192f;background-image:linear-gradient(rgba(64,224,208,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(64,224,208,.03) 1px,transparent 1px);background-size:20px 20px;overflow-y:auto;margin-bottom:0}.input-section{flex:.8;display:flex;flex-direction:column;gap:15px;max-height:calc(100vh - 200px);align-items:center;padding:0 20px}.painting-display{flex:1.2;display:flex;justify-content:center;align-items:center;border-radius:8px;background-color:#40e0d00d;min-height:500px;max-height:calc(100vh - 200px);overflow:hidden;position:relative;margin-right:20px;padding:20px}.prompt-input{width:80%;max-width:500px;font-size:18px;padding:15px;border-radius:8px;resize:none;border:1px solid #64ffda;background-color:#0a192fcc;color:#e6f1ff;outline:none;font-family:inherit;margin:0 auto}.prompt-input:focus{box-shadow:0 0 0 2px #64ffda4d}.generate-button{background-color:#64ffda;color:#0a192f;border:none;border-radius:4px;padding:12px 20px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:20px;position:relative;z-index:10;margin-bottom:30px;width:200px}.generate-button:hover{background-color:#4cded9}.generate-button:disabled{opacity:.6;cursor:not-allowed}.generated-painting{max-width:100%;max-height:100%;width:1024px;height:1024px;object-fit:contain}.placeholder-display{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;color:#64ffda;opacity:.7;font-size:18px;text-align:center}.placeholder-size{font-size:14px;margin-top:10px;opacity:.6}.loading-indicator{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#64ffda;font-size:20px;text-align:center;gap:20px}.spinner{width:50px;height:50px;border:5px solid rgba(100,255,218,.2);border-radius:50%;border-top-color:#64ffda;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.saved_paintings:before{content:none}h1{color:#e6f1ff;font-size:2rem;margin-bottom:15px;text-align:center}.description-text{text-align:center;color:#e6f1ff;margin-bottom:20px;max-width:500px;line-height:1.5}.text_box{position:relative;top:100px;left:-300px}.painting_area{position:relative;top:00px;left:300px}@media (max-width: 768px){.gen-ai-container{flex-direction:column;gap:20px}.painting-display{min-height:300px}.prompt-input{width:90%}}.radio-group{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;width:100%;max-width:500px}.radio-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px;border-radius:8px;transition:all .2s ease;background-color:#40e0d00d}.radio-label:hover{background-color:#40e0d01a}.radio-label input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid #64ffda;border-radius:50%;outline:none;cursor:pointer;position:relative;transition:all .2s ease}.radio-label input[type=radio]:checked{background-color:#64ffda;box-shadow:0 0 0 2px #64ffda4d}.radio-label input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#0a192f;border-radius:50%}.radio-text{color:#e6f1ff;font-size:16px;font-weight:500}.saved_paintings{display:flex;flex-direction:column;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background:#0a192f;overflow-y:auto;z-index:1;background-image:linear-gradient(rgba(64,224,208,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(64,224,208,.03) 1px,transparent 1px);padding:75px 20px 20px;box-sizing:border-box}.error-text{color:#e6f1ff;font-size:2rem;justify-content:center;display:flex;align-items:center;height:calc(100% - 55px);width:100%}.container{display:grid;padding-top:20px;padding-bottom:30px;grid-template-columns:repeat(auto-fill,300px);gap:20px;width:90%;height:auto;z-index:2;position:relative;justify-content:center}.profiles{display:flex;flex-direction:column;text-align:center;width:100%;aspect-ratio:3 / 4;background-color:#ffffff0d;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0003}.profile-image-container{width:100%;height:75%;overflow:hidden}.profile-content{flex-grow:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10px;box-sizing:border-box}.profile-text{width:100%;margin-bottom:10px}.profiles h2{color:#e6f1ff;font-size:1rem;margin-top:0;margin-bottom:4px}.profiles p{color:#a8b2d1;font-size:.9rem;margin:0}.imgs{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none;display:block;transition:opacity .2s ease}a[href] .imgs{cursor:pointer}a[href] .imgs:hover{opacity:.8;transform:scale(1.02);transition:all .2s ease}.btn{margin-top:auto;margin-bottom:0;padding:5px 25px;background-color:#ff4d4d;color:#fff;border:none;border-radius:5px;cursor:pointer}.btn:hover{background-color:#e60000}.art-app{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;display:flex;flex-direction:column;overflow:hidden;z-index:1}.tab-container{position:fixed;bottom:0;left:0;right:0;z-index:2;display:flex;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px;justify-content:center;gap:20px;border-top:1px solid rgba(255,255,255,.1)}.tab{padding:8px 16px;cursor:pointer;background:none;border:none;outline:none;font-size:1rem;color:#ffffffb3;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;font-weight:300}.tab:hover{color:#ffffffe6}.tab.active-tab{color:#fff;font-weight:500}.content-container{flex:1;position:relative;overflow:hidden;margin-bottom:60px;z-index:1}.error-text{color:#fff}.saved-link{padding:8px 16px;color:#ffffffb3;text-decoration:none;font-size:1rem;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;font-weight:300;margin-right:20px}.saved-link:hover{color:#fff}