*{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden}body::-webkit-scrollbar{display:none}body{scrollbar-width:none}.login-page{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;font-family:Segoe UI,Arial,sans-serif;margin:60px auto;max-width:380px;padding:32px 24px}.login-page h1{color:#333;font-size:2rem;margin-bottom:24px;text-align:center}.login-button{background:#0078d4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;padding:12px;transition:background .2s;width:100%}.login-button:hover{background:#005fa3}.login-page p{color:#666;font-size:.98rem;margin-top:18px;text-align:center}.login-page a{color:#0078d4;font-weight:500;text-decoration:none}.login-page a:hover{text-decoration:underline}.logo-container img{height:400px;position:absolute}.register-page{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;font-family:Segoe UI,Arial,sans-serif;margin:60px auto;max-width:400px;padding:32px 24px}.register-page h1{color:#333;font-size:2rem;margin-bottom:24px;text-align:center}.form-group{margin-bottom:18px}.form-group label{color:#444;display:block;font-weight:500;margin-bottom:6px}.form-group input{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#0078d4;outline:none}.register-button{background:#0078d4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;padding:12px;transition:background .2s;width:100%}.register-button:hover{background:#005fa3}.register-page p{color:#666;font-size:.98rem;margin-top:18px;text-align:center}.register-page a{color:#0078d4;font-weight:500;text-decoration:none}.register-page a:hover{text-decoration:underline}@media screen and (max-width:1300px){.logo-container{display:none}}.top-nav{align-items:center;background-color:#282c34;color:#fff;display:flex;justify-content:space-between;padding:20px}.top-nav-left{cursor:pointer;display:flex;flex-direction:row}.app-title{font-size:2rem;font-weight:600}.app-logo{display:inline-block;height:47px}.notifications-icon{align-items:center;cursor:pointer;display:inline-flex;justify-content:center;margin-left:18px;position:relative}.notification-icon{background:#222e35;border-radius:50%;box-shadow:0 2px 8px #00a8841a;color:#fcf839;font-size:2.9rem;padding:8px;transition:background .2s}.notifications-icon:hover .notification-icon{background:#2a3942}.notification-count{align-items:center;background:#ff3b30;border:2px solid #222e35;border-radius:50%;box-shadow:0 1px 4px #00000026;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:20px;justify-content:center;min-width:20px;position:absolute;right:2px;top:2px;z-index:1}.notification-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-radius:12px;box-shadow:0 4px 24px #0000002e;display:block;max-height:80dvh;overflow:hidden;overflow-y:auto;padding:12px 15px;position:absolute;right:24px;scrollbar-width:none;top:60px;width:320px;z-index:20}.notification-item{background-color:#2a3942;border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:4px;margin-bottom:7px;padding:12px 20px}.notification-item:last-child{border-bottom:none;margin-bottom:0}.notification-item:hover{background-color:#3f484d}.notification-time{align-self:flex-end;color:#aebac1;font-size:.85rem}.fade{background-color:#5d6970}.no-notifications{color:#aebac1;font-size:1rem;padding:24px 0;text-align:center}@media (max-width:450px){.top-nav{padding:10px 8px}.notification-dropdown{width:100%}}@media (max-width:600px){.top-nav{padding:10px 8px}.notification-dropdown{padding-left:7px;padding-right:7px;right:2vw;top:54px;width:95vw}}.bottom-nav{align-items:center;background-color:#282c34;bottom:0;color:#fff;display:flex;justify-content:space-between;padding:1px 20px;position:fixed;width:100%}.bottom-nav a{color:#fff;padding:10px;text-decoration:none}.icon-text{align-items:center;display:flex;flex-direction:column;font-size:13px}.icon{font-size:25px}.icon:focus{background-color:#282c34;background-color:#000;outline:none}.hide{display:none}.account-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;margin:0;position:fixed;top:0;width:100dvw;z-index:2}.card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000a;left:50%;overflow:hidden;position:relative;top:50%;transform:translate(-50%,-50%);transition:box-shadow .3s ease;width:320px;z-index:11}.card:hover{box-shadow:0 20px 25px -5px #00000014,0 15px 15px -6px #0000000f}.card-header{background:linear-gradient(90deg,#2b6cb0,#2c5282);border-bottom:1px solid #e5e7eb;padding:1rem}.card-header:first-child{color:#bee3f8;font-size:.9rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.user-info{font-size:.9rem;margin-top:.5rem;text-transform:none}.user-icon,.user-info{align-items:center;display:flex}.user-icon{background:#ebf8ff;border-radius:9999px;color:#3182ce;height:2rem;justify-content:center;margin-right:.5rem;width:2rem}.user-email{color:#fff;font-size:.875rem;font-weight:500;position:relative}.user-email:hover:after{background:#2b6cb0;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s;width:100%}.menu{padding:.5rem 0}.menu-item{align-items:center;color:#3182ce;display:flex;font-size:.875rem;padding:.625rem 1rem;position:relative;text-decoration:none;transition:background-color .2s ease}.menu-item:hover{background-color:#ebf8ff}.indicator{background-color:#3182ce;border-bottom-right-radius:.25rem;border-top-right-radius:.25rem;height:100%;left:0;opacity:0;position:absolute;top:0;transform:scaleY(.8);transition:all .2s ease;width:.25rem}.menu-item:hover .indicator{opacity:1;transform:scaleY(1)}.icon-wrapper{align-items:center;background-color:#ebf8ff;border-radius:.5rem;display:flex;height:2rem;justify-content:center;margin-right:.75rem;transition:background-color .2s ease;width:2rem}.menu-item:hover .icon-wrapper{background-color:#bee3f8}.menu-item span{color:#1a365d;font-weight:500;transition:color .2s}.menu-item:hover span{color:#1a365d}.arrow-icon{color:#a0aec0;height:.75rem;margin-left:auto;transition:color .2s;width:.75rem}.menu-item:hover .arrow-icon{color:#2b6cb0}.logout{color:#e53e3e;cursor:pointer}.logout:hover{background-color:#fef2f2}.logout .indicator{background-color:#e53e3e}.logout:hover .icon-wrapper{background-color:#fecaca}.logout:hover .arrow-icon,.logout:hover span{color:#e53e3e}.chats-page{background:#111b21;font-family:Segoe UI,Arial,sans-serif;min-height:100vh}.chats-container{background:#222e35;box-shadow:0 4px 24px #0000002e;margin:0 auto;overflow:hidden;padding:0}.chats-list{display:flex;flex-direction:column;gap:0}.chat-item{align-items:center;animation:chatFadeIn .5s;background:#222e35;border-bottom:1px solid #2a3942;cursor:pointer;display:flex;gap:16px;padding:18px 20px;transition:background .2s}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-item:hover{background:#2a3942}.chat-avatar{align-items:center;background:#00a884;border:2px solid #47524f;box-shadow:0 2px 8px #00a8841a;color:#fff;flex-shrink:0;font-size:1.4rem;font-weight:700;height:44px;width:44px}.chat-avatar,.chat-info{display:flex;justify-content:center}.chat-info{flex-direction:column}.chat-username{color:#fff;font-size:1.13rem;font-weight:500;margin-bottom:2px}.chat-lastmsg{color:#aebac1;font-size:.97rem;font-weight:400}.horizontal-ruler{background:#1f1f1f;border:none;height:1px;margin:0}.user-name{color:#ffffffc0}@media (max-width:600px){.chats-container{border-radius:0;max-width:100vw}}.search-friends{display:flex;justify-content:center;margin-bottom:18px;margin-top:18px;width:100%}.search-friends input{background:#2e2f30;border:1px solid #3d3f41;border-radius:22px;color:#222e35;font-size:1rem;max-width:400px;outline:none;padding:10px 16px;transition:border .2s;width:90%}.search-friends input:focus{background:#2e2f30;border:1.5px solid #00a884;color:#fff}.no-chats-info{color:#fff;font-size:1rem;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.profile-page span{align-items:center;background:#282c34;color:#fff;display:flex;font-size:2.1rem;font-weight:700;justify-content:space-between;left:0;margin-bottom:18px;padding:20px;position:fixed;top:0;width:100%}.profile-page p{color:#444;font-size:1.08rem;margin-bottom:12px}.profile-page .logout-btn{background:#e81123}.profile-page .login-btn,.profile-page .logout-btn{border:none;border-radius:7px;box-shadow:0 2px 8px #e8112314;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px 32px;transition:background .2s}.profile-page .login-btn{background:#0078d4}.profile-page .logout-btn:hover{background:#b50d1e}.profile-page .login-btn:hover{background:#005a9e}.profile-info{border-radius:10px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:100px 40px;scrollbar-width:none}.profile-info img{align-self:center;border:2px solid #929292;border-radius:50%;height:150px;margin-bottom:25px;object-fit:cover;width:150px}.profile-data{align-items:center;display:flex;gap:20px}.icons{color:#0078d4;font-size:25px}.edit-button{background-color:hsla(0,0%,87%,.979);border:2px solid #282c34;border-radius:8px;display:flex;font-size:1.5rem;font-weight:500;gap:4px;padding:6px 10px;width:-webkit-fit-content;width:fit-content}.edit-button:hover{background-color:hsla(0,0%,73%,.979);box-shadow:#282c34;outline:none}@media (max-width:600px){.profile-page span{font-size:1.8rem;padding:15px}.profile-page .login-btn{font-size:1rem;padding:10px 15px}}.edit-profile{background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;font-family:Segoe UI,sans-serif;margin:2rem auto;max-width:600px;padding:2rem}.edit-page-profile-image{border:3px solid #ddd;border-radius:50%;display:block;height:120px;margin:0 auto 1.5rem;object-fit:cover;width:120px}.edit-profile form{gap:1.5rem}.edit-profile form,.edit-profile-item{display:flex;flex-direction:column}.edit-profile-label{color:#333;font-size:.95rem;font-weight:500;margin-bottom:.4rem}.edit-profile-input{border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;padding:.65rem 1rem;transition:border .3s}.edit-profile-input:focus{border-color:#007bff}.edit-profile-input[disabled]{background-color:#f5f5f5;color:#888;cursor:not-allowed}.save-button{align-self:center;background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:background-color .3s}.save-button:hover{background-color:#0056c7}@media (max-width:600px){.edit-profile{padding:1.5rem 1rem}.edit-page-profile-image{height:100px;width:100px}.save-button{width:100%}}.add-friends-container{animation:fadeIn .7s cubic-bezier(.4,0,.2,1);background:#181c24;border-radius:16px;box-shadow:0 4px 24px #0000002e;font-family:Segoe UI,Arial,sans-serif;margin:40px auto 80px;max-height:70vh;max-width:500px;overflow-y:auto;padding:32px 24px 24px;scrollbar-width:none;text-align:center}.add-friends-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0078d4,#00c6fb);-webkit-background-clip:text;color:#fff;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:18px}.add-friends-search{background:#23283a;border:1.5px solid #0078d4;border-radius:50px;box-shadow:0 2px 8px #0078d412;color:#fff;font-size:1.08rem;margin-bottom:18px;padding:14px 18px;transition:border-color .3s,box-shadow .3s;width:85%}.add-friends-search:focus{border-color:#00c6fb;box-shadow:0 0 0 2px #00c6fb44;outline:none}.add-friends-results{display:flex;flex-direction:column;gap:16px;margin-top:10px}.add-friend-item{align-items:center;animation:slideIn .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(90deg,#23283a 60%,#1e90ff22);border-radius:12px;box-shadow:0 2px 8px #0078d40f;display:flex;justify-content:space-between;padding:14px 22px;transition:transform .2s,box-shadow .2s}.add-friend-item:hover{background:linear-gradient(90deg,#23283a 40%,#00c6fb33);box-shadow:0 4px 16px #00c6fb21;transform:scale(1.03)}.friend-profile{align-items:center;display:flex;gap:10px}.add-friend-avatar{border:2px solid #5c5f6d;border-radius:50%;height:47px}.add-friend-username{color:#fff;font-size:1.1rem;font-weight:500;letter-spacing:.5px}.add-friend-button{background:linear-gradient(90deg,#0078d4,#00c6fb);border:none;border-radius:50px;box-shadow:0 2px 8px #0078d41a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:8px 22px;transition:background .3s,transform .2s}.add-friend-button:hover{background:linear-gradient(90deg,#00c6fb,#0078d4);transform:scale(1.08)}@media (max-width:600px){.add-friends-container{max-width:98vw;padding:16px 2vw}.add-friends-search{width:98%}.add-friend-item{flex-direction:column;gap:10px;padding:12px 8px}}.add-friends-navbar{align-items:center;animation:navbarFadeIn .7s cubic-bezier(.4,0,.2,1);background-color:#282c34;box-shadow:0 2px 12px #0078d41a;display:flex;gap:32px;justify-content:center;margin-bottom:28px;padding:18px 0 14px}@keyframes navbarFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.add-friends-navbar span{border-radius:8px;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:600;letter-spacing:.5px;padding:8px 22px;transition:background .25s,color .25s,transform .18s;-webkit-user-select:none;user-select:none}.add-friends-navbar span.active,.add-friends-navbar span:hover{background:#ffffff2e;color:#181c24;transform:scale(1.08)}.requests-container{animation:fadeIn .7s cubic-bezier(.4,0,.2,1);background:#181c24;border-radius:16px;box-shadow:0 4px 24px #0000002e;font-family:Segoe UI,Arial,sans-serif;margin:40px auto 80px;max-height:70vh;max-width:500px;overflow-y:auto;padding:32px 24px 24px;scrollbar-width:none;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.requests-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0078d4,#00c6fb);-webkit-background-clip:text;color:#fff;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:18px}.requests-search{background:#23283a;border:1.5px solid #0078d4;border-radius:50px;box-shadow:0 2px 8px #0078d412;color:#fff;font-size:1.08rem;margin-bottom:18px;padding:14px 18px;transition:border-color .3s,box-shadow .3s;width:85%}.requests-search:focus{border-color:#00c6fb;box-shadow:0 0 0 2px #00c6fb44;outline:none}.requests-results{display:flex;flex-direction:column;gap:16px;margin-top:10px}.requests-item{align-items:center;animation:slideIn .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(90deg,#23283a 60%,#1e90ff22);border-radius:12px;box-shadow:0 2px 8px #0078d40f;display:flex;justify-content:space-between;padding:14px 22px;transition:transform .2s,box-shadow .2s}.requests-profile{align-items:center;display:flex;gap:10px}.add-requests-avatar{border:2px solid #5c5f6d;border-radius:50%;height:47px}@keyframes slideIn{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.requests-item:hover{background:linear-gradient(90deg,#23283a 40%,#00c6fb33);box-shadow:0 4px 16px #00c6fb21;transform:scale(1.03)}.requests-username{color:#fff;font-size:1.1rem;font-weight:500;letter-spacing:.5px}.requests-button{background:linear-gradient(90deg,#0078d4,#00c6fb);border:none;border-radius:50px;box-shadow:0 2px 8px #0078d41a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:8px 22px;transition:background .3s,transform .2s}.requests-button:hover{background:linear-gradient(90deg,#00c6fb,#0078d4);transform:scale(1.08)}.requests-button-del{background:linear-gradient(90deg,#d40000,#fb1100);border:none;border-radius:50px;box-shadow:0 2px 8px #0078d41a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:8px 22px;transition:background .3s,transform .2s}.requests-button-del:hover{background:linear-gradient(90deg,#fb1100,#d40000);transform:scale(1.08)}.hr{background:linear-gradient(90deg,#0078d4,#00c6fb);border:none;height:1px;margin:24px 0}@media (max-width:600px){.requests-container{max-width:98vw;padding:16px 2vw}.requests-search{width:98%}.requests-item{flex-direction:column;gap:10px;padding:12px 8px}}.community-page{align-items:stretch;background:linear-gradient(135deg,#e0e7ff,#f8fafc);display:flex;flex-direction:column;font-family:Segoe UI,Arial,sans-serif;max-width:100vw;min-height:100vh;overflow:hidden;padding-bottom:80px;position:relative;width:100vw}.omnio-logo{cursor:pointer;height:44px;top:1px;width:44px}.community-title{align-items:center;background-color:#23272f;border-bottom:1px solid #23272f;color:#fff;display:flex;font-size:1.3em;gap:14px;max-width:100vw;min-height:60px;overflow:hidden;padding:18px;position:fixed;width:100%;z-index:1}.community-chat-avatar{border:2px solid #c7d2fe;border-radius:50%;cursor:pointer;height:38px;object-fit:cover;width:38px}.community-description{background:#e0e7ff;border-bottom:1px solid #c7d2fe;color:#23272f;font-size:1.1em;margin-top:70px;padding:16px 24px;text-align:center}.community-messages{background:#0000;display:flex;flex:1 1 auto;flex-direction:column;gap:12px;max-width:100vw;min-height:0;overflow-y:auto;padding:18px 18px 10px;scrollbar-width:none}.community-message{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;margin-bottom:4px;max-width:80vw;padding:12px 16px;word-break:break-word}.sent-to-community{align-self:flex-end;background:#dbeafe;color:#1e293b}.received-at-community{align-self:flex-start;background:#f1f5f9;color:#334155}.message-content{align-items:center;display:flex;gap:10px}.chat-avatar{height:28px;margin-right:8px;width:28px}.message-text{font-size:1.08em}.sender-name{color:#64748b;font-size:.92em;margin-left:36px;margin-top:4px}@media (max-width:900px){.community-page{padding-bottom:70px}.omnio-logo{height:36px;left:10px;top:10px;width:36px}.community-title{font-size:1.1em;min-height:52px;padding:12px 8px 12px 12px}.community-chat-avatar{height:30px;width:30px}.community-description{margin-top:50px}.community-messages{padding:12px 8px 8px}.community-message{border-radius:14px;font-size:1em;max-width:95vw;padding:8px 12px}.chat-input{padding:6px 8px}.chat-input-field{font-size:1em;height:38px;padding:0 10px}.send-button{font-size:1.5rem;height:38px;width:36px}}@media (max-width:600px){.community-title{font-size:1em;min-height:44px;padding:10px 4px 10px 10px}.community-description{margin-top:45px}.community-messages{padding:8px 2px 4px}.community-message{border-radius:10px;font-size:.98em;max-width:99vw;padding:6px}.chat-input{padding:4px}.chat-input-field{font-size:.95em;height:32px;padding:0 8px}.omnio-logo{height:28px;left:4px;top:4px;width:28px}.send-button{font-size:1.2rem;height:32px;width:28px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden;scrollbar-width:none}.chat-page{align-items:stretch;background-position:50%;background-size:cover;display:flex;flex-direction:column;font-family:Segoe UI,Arial,sans-serif;max-width:100vw;min-height:100vh;overflow:hidden;position:relative;width:100vw}.omnio-logo{border-radius:50%;height:47px;left:0;position:relative;top:0;width:47px;z-index:2}.friend-name{align-items:center;background-color:#282c34;border-bottom:1px solid #23272f;color:#fff;display:flex;font-size:1.3em;gap:14px;max-width:100vw;min-height:60px;overflow:hidden;padding:18px;position:fixed;width:100%;z-index:1}.chat-avatar{border-radius:50%;height:38px;object-fit:cover;width:38px}.back-button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.5em;margin-right:8px}.chat-messages{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;max-width:100vw;min-height:0;overflow-y:auto;padding:18px 18px 74px;scrollbar-width:none}.message{border-radius:18px;box-shadow:0 2px 8px #0000000a;display:inline-block;font-size:1.08em;margin-bottom:4px;max-width:75vw;padding:12px 18px;word-break:break-word}.sent{align-self:flex-end;background:#77f18b;color:#014712}.received{align-self:flex-start;background:#f1f1f1;color:#333}.message-text{display:block}form{width:100%}.chat-input{align-items:center;background:#23272f;border-top:1px solid #23272f;bottom:0;box-sizing:border-box;display:flex;left:0;max-width:100vw;padding:10px 18px;position:fixed;width:100%;z-index:10}.chat-input-field{background-color:#282c34;border:none;border-radius:22px;color:#fff;flex:1 1 auto;font-size:1.1em;height:44px;margin-right:10px;min-width:0;outline:none;padding:0 18px}.send-button{align-items:center;background:none;border:none;color:#4f8cff;cursor:pointer;display:flex;font-size:2rem;height:44px;justify-content:center;transition:color .2s;width:48px}.send-button:hover{color:#2563eb}@media (max-width:900px){.chat-page{padding-bottom:60px}.omnio-logo{height:36px;left:0;top:1px;width:36px}.friend-name{font-size:1.1em;min-height:52px;padding:12px 8px 12px 12px}.chat-avatar{height:30px;width:30px}.chat-messages{padding:12px 8px 8px}.message{border-radius:14px;font-size:1em;max-width:80vw;padding:8px 12px}.chat-input{padding:6px 8px}.chat-input-field{font-size:1em;height:38px;padding:0 10px}.send-button{font-size:1.5rem;height:38px;width:36px}}@media (max-width:600px){.friend-name{font-size:1em;min-height:44px;padding:10px 4px 10px 10px}.chat-messages{padding:8px 8px 4px}.chat-input{padding:4px}.chat-input-field{font-size:.95em;height:32px;padding:0 8px}.omnio-logo{height:28px;left:0;top:1px;width:28px}.send-button{font-size:1.2rem;height:32px;width:28px}}.gallery-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}h2{font-size:2rem;margin-bottom:1.5rem;text-align:center}.upload-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.upload-section form{display:flex;flex-wrap:wrap;gap:.5rem}.upload-section input[type=file],.upload-section input[type=text]{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:1rem;padding:.5rem}.upload-section button{background-color:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.upload-section button:hover{background-color:#2b6cb0}.image-grid{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.image-grid span{display:flex;flex-direction:column;position:relative}.image-grid img{animation:fadeInUp .6s ease forwards;border-radius:10px;flex-grow:1;height:80vh;object-fit:cover;opacity:0;transform:translateY(20px);width:320px}.image-grid img:hover{box-shadow:0 12px 24px #0000001a}.background-save-button{display:inline-block;left:10px;position:absolute;top:10px}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.f0142bf7.css.map*/