*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-image:url(/background.svg);background-repeat:no-repeat;background-size:100% auto;background-position:center top;min-height:100vh;padding:0 20px 20px;margin:0;color:#333}.container{max-width:100%;margin:0 auto}.header-wrapper{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:30px}h1{text-align:center;color:#000;margin-bottom:0;font-size:24px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.info-btn{position:absolute;right:0;width:40px;height:40px;border-radius:50%;background:#fff3;border:2px solid white;color:#fff;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-btn:hover{background:#ffffff4d;transform:scale(1.1);box-shadow:0 4px 15px #0003}.info-btn:active{transform:scale(.95)}.info-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:3000;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.info-modal.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.info-modal-content{background:#fff;border-radius:15px;max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.info-modal-header{padding:20px;background:#667eea;color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:15px 15px 0 0}.info-modal-header h2{margin:0;font-size:20px;font-weight:600}.info-modal-body{padding:30px 20px;font-size:16px;line-height:1.6;color:#333;overflow-y:auto}.info-modal-body p{margin:0}.save-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:3000;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.save-modal.active{display:flex}.save-modal-content{background:#fff;border-radius:15px;max-width:90%;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease}.save-modal-header{padding:20px;background:#667eea;color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:15px 15px 0 0}.save-modal-header h2{margin:0;font-size:20px;font-weight:600}.save-modal-body{padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px;overflow-y:auto}.save-instructions{text-align:center;color:#666;font-size:16px;margin:0;line-height:1.5}#saveImagePreview{max-width:100%;height:auto;border-radius:10px;box-shadow:0 4px 15px #0003;-webkit-touch-callout:default;user-select:none;-webkit-user-select:none}#openImageBtn{width:100%;max-width:300px}.meme-container{background:#fff;border-radius:15px;padding:20px;box-shadow:0 10px 30px #0000004d;margin-bottom:20px}.text-area{min-height:80px;padding:15px;margin-bottom:15px;border:2px dashed #ccc;border-radius:10px;background:#f9f9f9;cursor:text;position:relative;font-family:Unbounded,sans-serif;font-size:18px;font-weight:700;text-align:center;color:#333;transition:all .3s ease;word-wrap:break-word;overflow-wrap:break-word}.text-area:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.text-area .placeholder{color:#999;font-weight:400;font-style:italic}.text-area:focus .placeholder,.text-area:not(:empty) .placeholder{display:none}.text-area:before{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:#d0d0d0;font-weight:300;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1}.text-area.empty:before{opacity:1}.text-area:focus:before,.text-area:not(.empty):before{opacity:0}.bottom-text{margin-bottom:0;margin-top:15px}.image-container{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;margin:15px 0}#memeImage{max-width:100%;height:auto;border-radius:10px;display:block;box-shadow:0 4px 15px #0000001a}.image-controls{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:15px}.frame-color-toggle{padding:12px 24px;background:#fff;color:#333;border:2px solid #ddd;border-radius:8px;font-size:24px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000001a;align-self:center;min-width:60px}.frame-color-toggle:hover{background:#f5f5f5;border-color:#667eea;transform:scale(1.05);box-shadow:0 4px 10px #00000026}.frame-color-toggle:active{transform:scale(.95)}.upload-btn{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #667eea4d}.upload-btn.secondary{background:#764ba2;box-shadow:0 4px 10px #764ba24d}.upload-btn.secondary:hover{background:#653a8a;transform:translateY(-2px);box-shadow:0 6px 15px #764ba266}.upload-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 15px #667eea66}.upload-btn:active{transform:translateY(0)}.gallery-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:2000;overflow:hidden;padding:20px}.gallery-modal.active{display:flex;align-items:center;justify-content:center}.gallery-content{background:#fff;border-radius:15px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;overflow:hidden}.gallery-header{padding:20px;background:#667eea;color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:15px 15px 0 0;flex-shrink:0}.gallery-header h2{margin:0;font-size:20px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;padding:15px 15px 40px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;max-height:calc(90vh - 80px);box-sizing:border-box}.gallery-item{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .3s ease;background:#f0f0f0;width:100%;min-width:0;box-sizing:border-box}.gallery-item:hover{transform:scale(1.05);border-color:#667eea;box-shadow:0 4px 15px #667eea66}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;max-width:100%;max-height:100%}.gallery-item.loading{display:flex;align-items:center;justify-content:center;background:#f0f0f0}.gallery-item.error{display:flex;align-items:center;justify-content:center;background:#ffe0e0;color:#c00;font-size:12px;text-align:center;padding:10px}@media (max-width: 480px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.gallery-item{border-width:2px;aspect-ratio:unset;height:20vh}}@media (min-width: 481px) and (max-width: 767px){.gallery-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (min-width: 768px){.image-controls{flex-direction:row;justify-content:center;align-items:center}.frame-color-toggle{align-self:auto}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;padding:20px}.gallery-modal{padding:40px 20px}}.suggestions-dropdown{display:none;position:fixed;bottom:20px;left:20px;right:20px;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;z-index:1000;max-height:60vh;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.suggestions-dropdown.active{display:block}.dropdown-header{padding:15px 20px;background:#667eea;color:#fff;display:flex;justify-content:space-between;align-items:center;font-weight:600;border-radius:15px 15px 0 0}.close-btn{background:transparent;border:none;color:#fff;font-size:28px;cursor:pointer;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.close-btn:hover{background:#fff3}.suggestions-list{max-height:calc(60vh - 60px);overflow-y:auto;padding:10px}.suggestion-item{padding:15px;margin:5px 0;background:#f9f9f9;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:16px;border:2px solid transparent}.suggestion-item:hover{background:#667eea;color:#fff;transform:translate(5px);border-color:#5568d3}.download-btn{width:100%;padding:18px;background:#764ba2;color:#fff;border:none;border-radius:12px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #764ba266;margin-top:20px;letter-spacing:.5px;text-transform:uppercase}.download-btn:hover{background:#653a8a;transform:translateY(-3px);box-shadow:0 8px 25px #764ba280}.download-btn:active{transform:translateY(-1px)}.download-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.4;transform:none;box-shadow:none}.download-btn:disabled:hover{background:#ccc;transform:none;box-shadow:none}@media (min-width: 768px){.container{max-width:600px}h1{font-size:32px}.header-wrapper{justify-content:center}.info-btn{position:relative;margin-left:20px}.suggestions-dropdown{left:50%;right:auto;width:500px;transform:translate(-50%)}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}}.suggestions-list::-webkit-scrollbar,.gallery-grid::-webkit-scrollbar{width:8px}.suggestions-list::-webkit-scrollbar-track,.gallery-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.suggestions-list::-webkit-scrollbar-thumb,.gallery-grid::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.suggestions-list::-webkit-scrollbar-thumb:hover,.gallery-grid::-webkit-scrollbar-thumb:hover{background:#5568d3}