*{box-sizing:border-box;margin:0;padding:0}body{color:#f1f1f5;background-color:#0b0b10;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden}.app{background:radial-gradient(circle at 80% 10%,#8b5cf626,#0000 40%),radial-gradient(circle at 20% 90%,#3b82f61f,#0000 40%),#0b0b10;flex-direction:column;min-height:100vh;display:flex}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0b0b10bf;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem 6%;display:flex;position:sticky;top:0}.logo-container{align-items:center;gap:.75rem;display:flex}.logo-icon{font-size:1.6rem}.logo-text{background:linear-gradient(135deg,#fff 40%,#c084fc 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:1.35rem;font-weight:800}.status-badge{color:#a1a1aa;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.8rem;display:flex}.status-badge.online{color:#4ade80;background:#22c55e1a;border-color:#22c55e4d}.status-badge.offline{color:#f87171;background:#ef44441a;border-color:#ef44444d}.status-dot{background-color:currentColor;border-radius:50%;width:7px;height:7px}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:3rem 1.5rem 5rem}.hero{text-align:center;max-width:820px;margin:0 auto 3.5rem}.badge-pill{color:#c084fc;background:#a855f71f;border:1px solid #a855f74d;border-radius:999px;margin-bottom:1.5rem;padding:.4rem 1.1rem;font-size:.82rem;font-weight:600;display:inline-block}.hero h1{letter-spacing:-1px;margin-bottom:1.25rem;font-size:3.2rem;font-weight:800;line-height:1.15}.highlight-text{background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:#a1a1aa;max-width:680px;margin:0 auto 2.5rem;font-size:1.15rem;line-height:1.6}.tabs-container{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;justify-content:center;gap:.5rem;max-width:540px;margin:0 auto 1.75rem;padding:.4rem;display:flex}.tab-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:.75rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s}.tab-btn:hover{color:#fff}.tab-btn.active{color:#fff;background:#a855f7;box-shadow:0 4px 15px #a855f759}.card-box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#171721bf;border:1px solid #ffffff1a;border-radius:18px;margin-bottom:2rem;padding:1.75rem;box-shadow:0 10px 30px #00000059}.input-group{gap:.75rem;display:flex}.main-input{color:#fff;background:#0b0b10cc;border:1px solid #ffffff1f;border-radius:12px;outline:none;flex:1;padding:1.1rem 1.4rem;font-size:1rem;transition:border-color .2s}.main-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#a855f7,#9333ea);border:none;border-radius:12px;padding:0 2rem;font-size:1rem;font-weight:700;transition:all .2s}.action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f766}.action-btn:disabled{opacity:.5;cursor:not-allowed}.yt-preview-card{text-align:left;background:#0b0b1099;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:1.25rem;margin-top:1.25rem;padding:1rem;display:flex}.yt-thumb{object-fit:cover;border-radius:8px;width:120px;height:68px}.yt-info h4{color:#fff;margin-bottom:.25rem;font-size:.95rem;font-weight:600}.yt-info p{color:#a1a1aa;font-size:.8rem}.settings-row{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:1.5rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.setting-item{text-align:left;flex-direction:column;flex:1;gap:.4rem;display:flex}.setting-item label{color:#c084fc;font-size:.82rem;font-weight:600}.custom-select{color:#f1f1f5;cursor:pointer;background:#0b0b10cc;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.custom-select:focus{border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.custom-select option{color:#fff;background:#171721}.upload-dropzone input{display:none}.file-label{cursor:pointer;background:#0b0b1080;border:2px dashed #a855f759;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:3rem 1.5rem;transition:all .2s;display:flex}.file-label:hover{background:#a855f70d;border-color:#a855f7}.upload-icon{font-size:2.8rem}.upload-text{text-align:center;flex-direction:column;align-items:center;gap:.3rem;display:flex}.upload-text strong{color:#f4f4f5;font-size:1.05rem}.upload-text span{color:#71717a;font-size:.85rem}.upload-submit-btn{width:100%;margin-top:1.25rem;padding:1.1rem}.script-card{text-align:left}.script-container{background:#0b0b10e6;border:1px solid #ffffff14;border-radius:12px;margin-top:1.5rem;overflow:hidden}.script-header{background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;display:flex}.script-header h3{color:#c084fc;font-size:.95rem}.copy-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;padding:.35rem .8rem;font-size:.8rem;transition:all .2s}.copy-btn:hover{background:#a855f733;border-color:#a855f7}.script-content{color:#e4e4e7;white-space:pre-wrap;padding:1.25rem;font-family:inherit;font-size:.95rem;line-height:1.7}.processing-status-card{background:#171721e6;border:1px solid #a855f74d;border-radius:16px;flex-direction:column;align-items:center;gap:1.25rem;margin-top:1.5rem;padding:2rem;display:flex;box-shadow:0 0 30px #a855f726}.spinner{border:3.5px solid #a855f733;border-top-color:#c084fc;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-steps{align-items:center;gap:.75rem;display:flex}.step-item{color:#71717a;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.step-item.active{color:#c084fc;font-weight:600}.step-num{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;display:flex}.step-item.active .step-num{color:#fff;background:#a855f7}.step-connector{background:#ffffff1a;width:25px;height:2px}.status-message{color:#d4d4d8;font-size:.95rem}.error-alert{color:#fca5a5;text-align:left;background:#ef44441f;border:1px solid #ef444459;border-radius:12px;margin-top:1.25rem;padding:1rem 1.5rem;font-size:.95rem}.results-section{border-top:1px solid #ffffff14;margin-top:4rem;padding-top:3rem}.results-header{text-align:center;margin-bottom:2.5rem}.results-header h2{margin-bottom:.5rem;font-size:2.2rem;font-weight:800}.results-header p{color:#a1a1aa}.shorts-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:2rem;display:grid}.short-card{background:#171721d9;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.short-card:hover{border-color:#a855f766;transform:translateY(-6px);box-shadow:0 12px 35px #00000080}.video-player-container{aspect-ratio:9/16;background:#000;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.short-video{object-fit:cover;background:#000;width:100%;height:100%}.short-details{flex-direction:column;flex:1;padding:1.4rem;display:flex}.short-tag{color:#a855f7;letter-spacing:1.5px;margin-bottom:.5rem;font-size:.72rem;font-weight:800}.short-title{color:#fff;margin-bottom:.6rem;font-size:1.15rem;font-weight:700;line-height:1.35}.short-reason{color:#a1a1aa;flex:1;margin-bottom:1rem;font-size:.88rem;line-height:1.5}.short-meta{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.meta-badge{color:#d4d4d8;background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;padding:.3rem .65rem;font-size:.78rem}.meta-badge.format{color:#c084fc;background:#a855f71f;border-color:#a855f740}.download-btn-primary{text-align:center;color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:10px;padding:.8rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .2s;display:block}.download-btn-primary:hover{background:linear-gradient(135deg,#9333ea,#6d28d9);box-shadow:0 4px 15px #a855f759}.card-actions-grid{flex-direction:column;gap:.6rem;display:flex}.quick-share-buttons{gap:.5rem;display:flex}.quick-share-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:.65rem .5rem;font-size:.78rem;font-weight:700;transition:all .2s}.quick-share-btn.ig-quick-btn{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.quick-share-btn.fb-quick-btn{background:#1877f2}.quick-share-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.social-toast-alert{color:#86efac;text-align:center;background:#22c55e26;border:1px solid #22c55e66;border-radius:12px;margin-top:1.5rem;padding:1.2rem 1.5rem;font-size:.95rem;font-weight:600;animation:.3s fadeIn;box-shadow:0 4px 20px #22c55e33}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.social-publish-container{background:#171721e6;border:1px solid #a855f74d;border-radius:20px;margin-top:3.5rem;padding:2.25rem;box-shadow:0 10px 40px #0006}.social-header{text-align:center;margin-bottom:2rem}.social-badge{color:#ec4899;background:#ec48991f;border:1px solid #ec48994d;border-radius:999px;margin-bottom:.75rem;padding:.35rem 1rem;font-size:.78rem;font-weight:700;display:inline-block}.social-header h3{color:#fff;margin-bottom:.4rem;font-size:1.45rem;font-weight:700}.social-header p{color:#a1a1aa;font-size:.92rem}.social-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.social-card{background:#0b0b10b3;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:all .2s;display:flex}.social-card.instagram{border-top:3px solid #e1306c}.social-card.facebook{border-top:3px solid #1877f2}.social-card.connected{background:#22c55e0a;border-color:#22c55e66}.social-card-top{align-items:center;gap:1rem;display:flex}.platform-icon{font-size:1.8rem}.social-card-top h4{color:#fff;font-size:1.05rem;font-weight:700}.platform-desc{color:#71717a;font-size:.8rem}.social-login-form{flex-direction:column;gap:.75rem;display:flex}.social-input{color:#fff;background:#171721cc;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.88rem}.social-input:focus{border-color:#a855f7}.social-connect-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.8rem;font-size:.9rem;font-weight:700;transition:all .2s}.social-connect-btn.ig-btn{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.social-connect-btn.fb-btn{background:#1877f2}.social-connect-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.connected-profile-box{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:12px;justify-content:space-between;align-items:center;padding:.9rem 1.1rem;display:flex}.profile-info{flex-direction:column;gap:.2rem;display:flex}.status-indicator{color:#4ade80;font-size:.75rem;font-weight:700}.unlink-btn{color:#a1a1aa;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;padding:.35rem .75rem;font-size:.78rem}.unlink-btn:hover{color:#f87171;border-color:#f87171}.publish-actions-box{border-top:1px solid #ffffff14;flex-direction:column;gap:1.25rem;padding-top:1.5rem;display:flex}.caption-input-box{text-align:left;flex-direction:column;gap:.4rem;display:flex}.caption-input-box label{color:#c084fc;font-size:.82rem;font-weight:600}.caption-input{padding:.9rem 1.2rem;font-size:.92rem}.publish-all-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#a855f7 50%,#6366f1 100%);border:none;border-radius:14px;width:100%;padding:1.1rem;font-size:1.05rem;font-weight:800;transition:all .2s;box-shadow:0 6px 25px #ec489959}.publish-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #ec489980}.publish-all-btn:disabled{opacity:.5;cursor:not-allowed}.social-success-alert{color:#86efac;text-align:center;background:#22c55e26;border:1px solid #22c55e66;border-radius:12px;padding:1.1rem 1.5rem;font-size:.95rem;font-weight:600}.footer{text-align:center;color:#71717a;border-top:1px solid #ffffff0f;padding:2rem;font-size:.88rem}@media (width<=768px){.hero h1{font-size:2.3rem}.input-group{flex-direction:column}.action-btn{padding:1rem}.tabs-container{flex-direction:column}.progress-steps{flex-direction:column;gap:.5rem}.step-connector{display:none}}