.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 0;display:flex}.hero-title{letter-spacing:-2px;text-transform:uppercase;margin-bottom:1.5rem;font-size:5.5rem;font-weight:900;line-height:1.1}.hero-title .outline{-webkit-text-stroke:2px var(--accent-yellow);color:#0000}.hero-subtitle{color:var(--text-muted);max-width:500px;margin-bottom:3.5rem;font-size:1.25rem;font-weight:500}.upload-container{background-color:var(--bg-cream);width:100%;max-width:600px;color:var(--text-dark);border-radius:24px;overflow:hidden}.tabs{display:flex}.tab{color:#928b7f;cursor:pointer;transition:var(--transition);background:#e4dfd3;border:none;flex:1;padding:1.25rem;font-size:1.1rem;font-weight:700}.tab.active{background:var(--bg-cream);color:var(--text-dark)}.upload-area-wrapper{padding:3rem 2rem}.upload-area{border:3px dashed var(--text-dark);transition:var(--transition);background:#ffffff80;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex;position:relative}.upload-area:hover{background:var(--accent-yellow);border-color:var(--bg-dark)}.upload-area:hover .upload-icon{background:var(--text-light);color:var(--bg-dark)}.upload-icon{background:var(--bg-dark);color:var(--accent-yellow);width:72px;height:72px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.upload-area h3{letter-spacing:-.5px;margin-bottom:.5rem;font-size:1.8rem;font-weight:900}.upload-area p{color:#666;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:80%;margin-bottom:2rem;font-weight:500;overflow:hidden}.file-input-hidden{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.spinner{border:4px solid #ffffff4d;border-top:4px solid var(--accent-yellow);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:#ef4444;text-align:center;background:#ef44441a;border-radius:8px;margin-top:1rem;padding:1rem;font-weight:700}.results-container{text-align:left;width:100%;margin-top:2.5rem;animation:.5s ease-out floatIn}.results-title{color:var(--text-dark);letter-spacing:-.5px;margin-bottom:1.5rem;font-size:1.5rem;font-weight:900}.quotes-list{flex-direction:column;gap:1rem;display:flex}.quote-card{border:3px solid var(--text-dark);color:var(--text-dark);box-shadow:4px 4px 0px 0px var(--text-dark);transition:var(--transition);background:#fff;border-radius:12px;padding:1.5rem;font-size:1.1rem;font-weight:600}.quote-card:hover{box-shadow:6px 6px 0px 0px var(--text-dark);transform:translateY(-2px)}@keyframes floatIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.link-input{background:var(--bg-cream);border:3px solid var(--text-dark);width:100%;max-width:400px;color:var(--text-dark);transition:var(--transition);border-radius:8px;padding:14px 16px;font-family:inherit;font-size:1.1rem;font-weight:700}.link-input:focus{border-color:var(--accent-yellow);box-shadow:4px 4px 0px 0px var(--text-dark);outline:none}@media (max-width:768px){.hero-section{padding:2rem 0}.hero-title{letter-spacing:-1px;font-size:3rem}.hero-subtitle{margin-bottom:2rem;padding:0 1rem;font-size:1rem}.upload-area-wrapper{padding:1.5rem 1rem}.upload-area{padding:2.5rem 1rem}.upload-area h3{font-size:1.4rem}.quote-card{font-size:1rem;padding:1rem 1rem 4rem!important}.template-builder-overlay{padding:1rem!important}.template-builder-overlay>div{gap:1.5rem!important;padding:1rem!important}.tab{padding:1rem;font-size:1rem}}.meme-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2rem 0;display:flex;overflow-x:auto}.meme-carousel::-webkit-scrollbar{display:none}.meme-carousel{-ms-overflow-style:none;scrollbar-width:none}.meme-carousel-item-wrapper{scroll-snap-align:center;flex:0 0 100%;justify-content:center;display:flex}.meme-carousel-card{aspect-ratio:1;background:#111;border:1px solid #333;border-radius:16px;flex-direction:column;width:100%;max-width:450px;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.meme-carousel-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0006}@media (max-width:768px){.meme-carousel-card{flex:0 0 280px}}