body,html{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;background-color:#f9f9f9;color:#333}.app{display:flex;flex-direction:column;align-items:center;padding:20px}header{text-align:center;margin-bottom:20px}header h1{font-size:2rem;color:#3b82f6}main{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:20px}.video-container{width:100%;max-width:600px;position:relative;background-color:#e0e0e0;border:2px dashed #ccc;border-radius:8px;padding:10px;text-align:center}.video-container video{width:100%;height:auto;border-radius:8px}.video-container .hidden{display:none}.video-container .upload-prompt{font-size:1rem;color:#666}.controls{display:flex;flex-direction:column;align-items:center;gap:10px}.controls .file-input{display:none}.controls button{padding:10px 20px;font-size:1rem;color:#fff;background-color:#3b82f6;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.controls button:hover{background-color:#2563eb}.controls button:disabled{background-color:#ccc;cursor:not-allowed}.results{width:100%;max-width:800px;background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.results h2{font-size:1.5rem;margin-bottom:10px;color:#3b82f6}.video-info{margin-bottom:20px}.video-info p{margin:5px 0;font-size:1rem;color:#555}.celeb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.celeb-card{display:flex;flex-direction:column;align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:10px;text-align:center;box-shadow:0 2px 4px #0000001a}.celeb-card img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:10px}.celeb-card .celeb-info h3{font-size:1rem;margin:5px 0;color:#333}.celeb-card .celeb-info p{font-size:.9rem;color:#666}@media (max-width: 768px){.controls button{width:100%}.results{padding:15px}.celeb-card img{width:80px;height:80px}}