*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh;overflow-x:hidden;position:relative}.app:before{background-image:radial-gradient(circle at 20% 20%,#7877c61a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff77c61a 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.container{margin:0 auto;max-width:1200px;padding:2rem;position:relative;z-index:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.main-content{display:flex;flex-direction:column;gap:3rem;margin-top:2rem}.video-output{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;text-align:center}.video-output h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;margin-bottom:1.5rem}.download-section{margin-top:1.5rem}.download-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.download-btn:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.header{margin-bottom:3rem;text-align:center}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 0 30px #667eea4d}.header .subtitle{color:#888;font-size:1.2rem;margin-bottom:1rem}.header .description{color:#666;font-size:1rem;line-height:1.6;margin:0 auto;max-width:600px}.tweet-generator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.tweet-generator h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.8rem}.input-group,.tweet-generator h2{margin-bottom:1.5rem}.input-group label{color:#ddd;display:block;font-weight:600;margin-bottom:.5rem}.input-group input,.input-group textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.input-group input:focus,.input-group textarea:focus{background:#ffffff26;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-group textarea{font-family:inherit;min-height:100px;resize:vertical}.input-group input::placeholder,.input-group textarea::placeholder{color:#888}.input-group small{color:#8c9094;font-size:13px}.username_input{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#888;display:flex;padding:0 16px;transition:all .3s ease}.username_input:focus-within{background:#ffffff26;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;color:#fff}.username_input input{background:none;border:none;color:inherit;margin:0 0 0 2px;padding:12px 0}.username_input input:focus{background:none;border:none;box-shadow:none;outline:none}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.generate-btn:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.generate-btn.loading{color:#0000}.generate-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.form-control.upload{align-items:center;display:flex;gap:12px;position:relative}.form-control.upload label{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:99px;color:#fff;cursor:pointer;display:inline-block;font-weight:400;padding:10px 30px;transition:all .3s ease}.form-control.upload label:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.form-control.upload .file-name{background:#ffffff1a;border-radius:99px;color:#ddd;font-size:13px;font-weight:400;padding:4px 16px}.form-control.upload .file-name.show{display:block}.form-control.upload .reset{background:#ffffff1a;border:1px solid #667eea;border-radius:99px;color:#667eea;cursor:pointer;font-family:inherit;padding:10px 30px;transition:all .3s ease}.form-control.upload .reset:hover{background:#667eea1a;transform:translateY(-2px)}.group{display:flex;gap:20px;margin-top:10px}.radio_container{color:#ddd;cursor:pointer;display:block;font-size:16px;font-weight:400;padding-left:22px;position:relative;-webkit-user-select:none;user-select:none}.radio_container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.radio_mark{background-color:#ffffff1a;border:1px solid #aab8c2;border-radius:50%;height:16px;left:0;position:absolute;top:1px;width:16px}.radio_container input:focus~.radio_mark{box-shadow:0 0 0 3px #667eea66}.radio_container input:checked~.radio_mark{background-color:#667eea;border-color:#667eea}.radio_mark:after{content:"";display:none;position:absolute}.radio_container input:checked~.radio_mark:after{display:block}.radio_container .radio_mark:after{background:#fff;border-radius:50%;height:8px;left:3px;top:3px;width:8px}.tweet_box{background-color:#fff;border:1px solid #eff3f4;margin:32px 0 34px;max-width:100%;width:440px}.tweet_box.dim{background-color:#15202b;border:1px solid #15202b}.tweet_box.dark{background-color:#000;border:1px solid #000}.tweet{background-color:#fff;border:1px solid #0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;padding:0 16px;-webkit-user-select:none;user-select:none;width:100%}.tweet .head{display:flex;justify-content:space-between;padding-top:12px}.tweet .head .title{align-items:center;display:flex}.tweet .head .title img{border-radius:50%;display:inline-block;margin-right:12px}.tweet .head .title .text .top{align-items:center;display:flex;font-weight:700}.tweet .head .title .text .top .tweet_name{margin-right:2px}.tweet .head .title .text .top .verified{color:#1da1f2;font-weight:400}.tweet .head .title .text .top .verified.hide{display:none}.tweet .head .dots,.tweet .head .title .text .bottom{color:#536471}.tweet .content .message{font-size:23px;padding-top:16px}.tweet .content .message .highlight{color:#1b95e0}.tweet .content .tweet_info{color:#536471;display:flex;padding:16px 0}.tweet .stats{border-top:1px solid #eff3f4;color:#536471;display:flex;flex-wrap:wrap;padding:16px 4px}.tweet .stats .stat{margin-right:24px}.tweet .stats .stat .count{color:#0f1419;font-weight:700}.tweet .stats .stat.hide{display:none}.tweet .tail{border-top:1px solid #eff3f4;display:flex;justify-content:space-around;padding:12px 0}.tweet .tail svg{color:#536471}.tweet.dim{background-color:#15202b;color:#fff}.tweet.dim .head .title .text .top .verified{color:#fff}.tweet.dim .content .tweet_info,.tweet.dim .head .dots,.tweet.dim .head .title .text .bottom{color:#798a96}.tweet.dim .content .tweet_info .tweet_client{color:#1b95e0}.tweet.dim .stats{border-top:1px solid #38444d;color:#798a96}.tweet.dim .stats .stat .count{color:#fff}.tweet.dim .tail{border-top:1px solid #38444d}.tweet.dim .tail svg{color:#798a96}.tweet.dark{background-color:#000}.tweet.dark,.tweet.dark .head .title .text .top .verified{color:#d9d9d9}.tweet.dark .content .tweet_info,.tweet.dark .head .dots,.tweet.dark .head .title .text .bottom{color:#6e767d}.tweet.dark .content .tweet_info .tweet_client{color:#1b95e0}.tweet.dark .stats{border-top:1px solid #2f3336;color:#6e767d}.tweet.dark .stats .stat .count{color:#d9d9d9}.tweet.dark .tail{border-top:1px solid #2f3336}.tweet.dark .tail svg{color:#6e767d}.tweet-preview{margin-top:2rem;text-align:center}.tweet-preview h3{color:#ddd;margin-bottom:1rem}.tweet-preview img{border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:100%}.video-generator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.video-generator h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;margin-bottom:1.5rem}.video-generator p{color:#888;line-height:1.6;margin-bottom:1.5rem}@media (max-width:768px){.container{padding:1rem}.header h1{font-size:2.5rem}.tweet-generator,.video-generator,.video-output{padding:1.5rem}.main-content{gap:2rem}.tweet_box{max-width:400px;width:100%}.tweet .stats .stat{margin-right:12px}}
/*# sourceMappingURL=main.d994c939.css.map*/