.tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:780px;width:100%;padding:.35rem;background:var(--surface);border-radius:12px;position:relative;overflow:hidden;isolation:isolate}.tabs:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(.92,.8);width:calc(100% / 6);margin-left:calc(var(--active-index, 4) * (100% / 6));transition:margin-left .3s cubic-bezier(.4,0,.2,1),background-color .3s ease;border-radius:8px;z-index:-1}.tabs[data-active-platform=reddit]:after{--active-index: 0}.tabs[data-active-platform=spotify]:after{--active-index: 1}.tabs[data-active-platform=tiktok]:after{--active-index: 2}.tabs[data-active-platform=instagram]:after{--active-index: 3}.tabs[data-active-platform=twitter]:after{--active-index: 4}.tabs[data-active-platform=youtube]:after{--active-index: 5}.tabs[data-active-platform=reddit]:after{background-color:#ff4500}.tabs[data-active-platform=tiktok]:after{background:linear-gradient(135deg,#fe2c55,#25f4ee)}.tabs[data-active-platform=twitter]:after{background-color:#fff}.tabs[data-active-platform=spotify]:after{background-color:#1db954}.tabs[data-active-platform=youtube]:after{background-color:red}.tabs[data-active-platform=instagram]:after{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4)}.tab{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem .5rem;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s ease;position:relative;z-index:1}.tab:hover{color:var(--text-primary)}.tab.active{background:transparent}[data-platform=reddit].active,[data-platform=tiktok].active{color:#fff}[data-platform=twitter].active,[data-platform=spotify].active{color:#000}[data-platform=youtube].active,[data-platform=instagram].active{color:#fff}.tab-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.tab-icon svg{width:100%;height:100%;display:block}@media(max-width:600px){.tabs{padding:.25rem;border-radius:10px}.tab{padding:.6rem .25rem;font-size:.8rem}.tab-name{display:none}.tab-icon{width:24px;height:24px}.tabs:after{transform:scale(.88,.75);border-radius:8px}}.download-form{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1rem}.input-wrapper{display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--input-border);border-radius:50px;padding:.5rem .5rem .5rem 1.25rem;transition:border-color .2s ease;gap:.5rem}.input-wrapper:focus-within{border-color:var(--primary)}.input-icon{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.input-icon svg{width:100%;height:100%}.url-input{flex:1;padding:.75rem .5rem;background:transparent;color:var(--text-primary);font-size:1rem;min-width:0}.url-input::placeholder{color:var(--text-secondary)}.action-btn{padding:.5rem 1rem;background:var(--surface-hover);color:var(--text-primary);border-radius:50px;font-size:.85rem;font-weight:500;transition:background .2s ease;white-space:nowrap}.action-btn:hover:not(:disabled){background:var(--border)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.clear-btn{background:transparent;color:var(--text-secondary)}.clear-btn:hover:not(:disabled){color:var(--text-primary);background:var(--surface-hover)}.progress-wrapper{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface);border-radius:12px;animation:previewSlideIn .3s cubic-bezier(.16,1,.3,1) both}.progress-bar{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .3s ease;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.progress-text{font-size:.9rem;font-weight:600;color:var(--text-primary);min-width:70px;text-align:right}.success-message,.error-message{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:12px;font-weight:500;text-align:center;animation:previewSlideIn .3s cubic-bezier(.16,1,.3,1) both}.success-message--exit,.error-message--exit{animation:previewSlideOut .3s ease forwards!important;overflow:hidden;pointer-events:none}.success-message{background:#1db95426;border:1px solid #1DB954;color:#1db954;flex-wrap:wrap}.manual-download-link{color:#1db954;text-decoration:underline;font-size:.8rem;cursor:pointer;width:100%;text-align:center;margin-top:.25rem;opacity:.8}.manual-download-link:hover{opacity:1}.error-message{background:#ff450026;border:1px solid #FF4500;color:#ff4500}.success-message svg,.error-message svg{flex-shrink:0}.download-section{position:relative;display:flex;justify-content:center}.main-download{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 3rem;background:var(--primary);color:var(--button-text);border-radius:50px;font-size:1.1rem;font-weight:600;transition:all .2s ease;min-width:200px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-download:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--primary-rgb),.4)}.main-download:disabled{opacity:.5;cursor:not-allowed}.main-download svg{width:22px;height:22px}.spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.download-options{position:absolute;left:50%;transform:translate(-50%);z-index:100;max-width:calc(100vw - 2rem)}.download-options.below{top:100%;padding-top:.5rem}.download-options.above{bottom:100%;padding-bottom:.5rem}.options-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}.options-menu{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem;min-width:280px;max-width:calc(100vw - 2rem);box-shadow:0 10px 40px #0000004d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDownOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.96)}}@keyframes slideUpOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.96)}}.download-options.below .options-menu{animation:slideDown .2s cubic-bezier(.16,1,.3,1)}.download-options.above .options-menu{animation:slideUp .2s cubic-bezier(.16,1,.3,1)}.download-options--exit.below .options-menu{animation:slideDownOut .2s ease forwards}.download-options--exit.above .options-menu{animation:slideUpOut .2s ease forwards}.options-title{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.option-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:.875rem 1rem;background:transparent;border-radius:12px;text-align:left;transition:background .2s ease}.option-btn:hover{background:var(--surface-hover)}.option-btn svg{width:24px;height:24px;color:var(--primary);flex-shrink:0}.option-text{display:flex;flex-direction:column;gap:.125rem}.option-label{font-size:1rem;font-weight:600;color:var(--text-primary)}.option-desc{font-size:.8rem;color:var(--text-secondary)}.youtube-unavailable-notice{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ff000012;border:1px solid rgba(255,0,0,.25);border-radius:12px;color:#ff4d4d;text-align:left;animation:previewSlideIn .35s cubic-bezier(.16,1,.3,1) both}.youtube-unavailable-title{display:block;font-size:.875rem;font-weight:600;line-height:1.4}.youtube-unavailable-sub{display:block;font-size:.75rem;opacity:.75;margin-top:2px}.wrong-platform-warning{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;background:#ffb4001f;border:1px solid rgba(255,180,0,.4);border-radius:12px;color:#ffb400;font-size:.9rem;font-weight:500;animation:previewSlideIn .3s ease both}.switch-platform-btn{padding:.4rem 1rem;background:#ffb40033;color:#ffb400;border-radius:50px;font-size:.8rem;font-weight:600;transition:background .2s ease;white-space:nowrap}.switch-platform-btn:hover{background:#ffb40059}.media-preview{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;animation:previewSlideIn .45s cubic-bezier(.16,1,.3,1) both}@keyframes previewSlideIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes previewSlideOut{0%{opacity:1;transform:translateY(0) scale(1);max-height:400px}to{opacity:0;transform:translateY(-8px) scale(.97);max-height:0;margin:0;padding:0}}.media-preview--exit{animation:previewSlideOut .35s cubic-bezier(.4,0,1,1) forwards!important;overflow:hidden;pointer-events:none}.preview-loading{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.9rem;width:100%;justify-content:center;padding:.5rem}.preview-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.preview-thumbnail{width:80px;height:80px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--surface-hover);box-shadow:0 2px 8px #00000026}.preview-thumbnail img{width:100%;height:100%;object-fit:cover}.no-thumbnail{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.1));color:var(--primary)}.no-thumbnail svg{width:32px;height:32px;opacity:.7}.preview-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.preview-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}.preview-uploader{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary);margin:0}.preview-uploader:before{content:"";display:inline-block;width:5px;height:5px;background:var(--primary);border-radius:50%;flex-shrink:0}.preview-meta{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.preview-duration{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--primary);font-weight:600;background:rgba(var(--primary-rgb),.12);padding:.2rem .6rem;border-radius:20px}.preview-duration svg{width:12px;height:12px}.preview-platform{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.7}.tiktok-card{flex-direction:column;padding:0;overflow:visible;background:transparent;border:none}.tiktok-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.tiktok-thumb-wrapper{position:relative;width:240px;height:320px;z-index:1;isolation:isolate;animation:tiktokThumbIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes tiktokThumbIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tiktok-thumb-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:conic-gradient(from 0deg,#fe2c55,#25f4ee,#fe2c55,#25f4ee,#fe2c55);opacity:.2;filter:blur(14px);animation:glowRotate 6s linear infinite;z-index:0}.tiktok-thumb{position:relative;width:240px;height:320px;border-radius:16px;overflow:hidden;background:var(--surface-hover);box-shadow:0 8px 40px #00000080;z-index:1;transition:transform .3s ease}.tiktok-thumb:hover{transform:scale(1.02)}.tiktok-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tiktok-thumb .no-thumbnail{height:100%}.tiktok-thumb .no-thumbnail svg{width:64px;height:64px}.tiktok-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 14px 14px;background:linear-gradient(to top,#000c,#0000);display:flex;justify-content:center}.tiktok-overlay-content{background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem 1rem;border-radius:12px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:.15rem;box-shadow:0 4px 20px #0006}.tiktok-overlay-title{font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;letter-spacing:.01em}.tiktok-overlay-meta{font-size:.65rem;font-weight:500;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.spotify-card{flex-direction:column;padding:0;overflow:visible;background:transparent;border:none}.spotify-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.spotify-artwork-wrapper{position:relative;width:300px;height:300px;z-index:1;isolation:isolate;animation:spotifyArtworkIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes spotifyArtworkIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spotifyEmbedIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spotify-artwork-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:conic-gradient(from 0deg,#1db954,#1ed760,#1db954,#17a34a,#1db954);opacity:.2;filter:blur(14px);animation:glowRotate 6s linear infinite;z-index:0}@keyframes glowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spotify-artwork{position:relative;width:300px;height:300px;border-radius:16px;overflow:hidden;background:var(--surface-hover);box-shadow:0 8px 40px #00000080;z-index:1;transition:transform .3s ease}.spotify-artwork:hover{transform:scale(1.02)}.spotify-artwork img{width:100%;height:100%;object-fit:cover;display:block}.spotify-artwork .no-thumbnail{height:100%}.spotify-artwork .no-thumbnail svg{width:64px;height:64px}.spotify-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 14px 14px;background:linear-gradient(to top,#000000bf,#0000);display:flex;justify-content:center}.spotify-overlay-content{background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem 1rem;border-radius:12px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:.15rem;box-shadow:0 4px 20px #0006}.spotify-overlay-title{font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px;letter-spacing:.01em}.spotify-overlay-meta{font-size:.65rem;font-weight:500;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.spotify-embed{width:300px;border-radius:14px;overflow:hidden;position:relative;z-index:10;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 24px #00000040,0 0 0 1px #1db95414;padding:6px;animation:spotifyEmbedSlideIn .6s cubic-bezier(.16,1,.3,1) .25s both}.spotify-embed:hover{border-color:#1db95433;box-shadow:0 6px 32px #0000004d,0 0 0 1px #1db95426}@keyframes spotifyEmbedSlideIn{0%{opacity:0;transform:translateY(20px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.spotify-embed iframe{display:block;border-radius:10px;border:none}.twitter-card{flex-direction:column;padding:0;overflow:visible;background:transparent;border:none}.twitter-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.twitter-thumb-wrapper{position:relative;width:300px;height:300px;z-index:1;isolation:isolate;animation:tiktokThumbIn .5s cubic-bezier(.16,1,.3,1) both}.twitter-logo-glow{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:18px;background:conic-gradient(from 0deg,#fff,#888,#fff,#555,#fff);opacity:.3;filter:blur(10px);animation:xLogoSpin 6s linear infinite,glowPulse 3s ease-in-out infinite;z-index:0}@keyframes xLogoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{opacity:.35}50%{opacity:.55}}.twitter-thumb{position:relative;width:300px;height:300px;border-radius:16px;overflow:hidden;background:var(--surface-hover);box-shadow:0 8px 40px #00000080;z-index:1;transition:transform .3s ease}.twitter-thumb:hover{transform:scale(1.02)}.twitter-thumb img{width:100%;height:100%;object-fit:cover;display:block}.twitter-thumb .no-thumbnail{height:100%}.twitter-thumb .no-thumbnail svg{width:64px;height:64px}.twitter-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 14px 14px;background:linear-gradient(to top,#000000d9,#0000);display:flex;justify-content:center}.twitter-overlay-content{background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.5rem 1rem;border-radius:12px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:.15rem;box-shadow:0 4px 20px #0006}.twitter-overlay-title{font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px;letter-spacing:.01em}.twitter-overlay-meta{font-size:.65rem;font-weight:500;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.youtube-card{flex-direction:column;padding:0;overflow:visible;background:transparent;border:none}.youtube-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.youtube-thumb-wrapper{position:relative;width:400px;height:225px;z-index:1;isolation:isolate;animation:tiktokThumbIn .5s cubic-bezier(.16,1,.3,1) both}.youtube-thumb{position:relative;width:400px;height:225px;border-radius:16px;overflow:hidden;background:var(--surface-hover);box-shadow:0 0 0 2px #ff00004d,0 0 20px #ff000026,0 8px 40px #00000080;z-index:1;transition:transform .3s ease,box-shadow .3s ease}.youtube-thumb:hover{transform:scale(1.02);box-shadow:0 0 0 2px #ff000080,0 0 30px #ff000040,0 8px 40px #00000080}.youtube-thumb img{width:100%;height:100%;object-fit:cover;display:block}.youtube-thumb .no-thumbnail{height:100%}.youtube-thumb .no-thumbnail svg{width:64px;height:64px}.youtube-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:40px;opacity:.85;pointer-events:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));transition:opacity .3s ease}.youtube-thumb:hover .youtube-play-icon{opacity:1}.youtube-play-icon svg{width:100%;height:100%}.youtube-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 14px 14px;background:linear-gradient(to top,#000000d9,#0000);display:flex;justify-content:center}.youtube-overlay-content{background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,0,0,.2);color:#fff;padding:.5rem 1rem;border-radius:12px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:.15rem;box-shadow:0 4px 20px #ff00001a}.youtube-overlay-title{font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:340px;letter-spacing:.01em}.youtube-overlay-meta{font-size:.65rem;font-weight:500;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:340px}.reddit-card{flex-direction:column;padding:0;overflow:visible;background:transparent;border:none}.reddit-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.reddit-thumb-wrapper{position:relative;width:360px;height:240px;z-index:1;isolation:isolate;animation:tiktokThumbIn .5s cubic-bezier(.16,1,.3,1) both}.reddit-logo-glow{position:absolute;top:-35px;right:-35px;bottom:-35px;left:-35px;display:flex;align-items:center;justify-content:center;z-index:0;animation:redditGlowPulse 3s ease-in-out infinite;opacity:.25;filter:blur(14px)}.reddit-logo-glow svg{width:260px;height:260px}@keyframes redditGlowPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.35;transform:scale(1.05)}}.reddit-thumb{position:relative;width:360px;height:240px;border-radius:16px;overflow:hidden;background:var(--surface-hover);box-shadow:0 8px 40px #00000080;z-index:1;transition:transform .3s ease}.reddit-thumb:hover{transform:scale(1.02)}.reddit-thumb img{width:100%;height:100%;object-fit:cover;display:block}.reddit-thumb .no-thumbnail{height:100%}.reddit-thumb .no-thumbnail svg{width:64px;height:64px}.reddit-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 14px 14px;background:linear-gradient(to top,#000c,#0000);display:flex;justify-content:center}.reddit-overlay-content{background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,69,0,.2);color:#fff;padding:.5rem 1rem;border-radius:12px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:.15rem;box-shadow:0 4px 20px #ff450026}.reddit-overlay-title{font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px;letter-spacing:.01em}.reddit-overlay-meta{font-size:.65rem;font-weight:500;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.instagram-card{flex-direction:column;padding:0;overflow:visible;background:transparent;border:none}.instagram-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.instagram-thumb-wrapper{position:relative;width:240px;height:320px;z-index:1;isolation:isolate;animation:tiktokThumbIn .5s cubic-bezier(.16,1,.3,1) both}.instagram-logo-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;display:flex;align-items:center;justify-content:center;z-index:0;animation:igLogoSpin 8s linear infinite;opacity:.3;filter:blur(12px)}.instagram-logo-glow svg{width:280px;height:280px}@keyframes igLogoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.instagram-thumb{position:relative;width:240px;height:320px;border-radius:16px;overflow:hidden;background:var(--surface-hover);box-shadow:0 8px 40px #00000080;z-index:1;transition:transform .3s ease}.instagram-thumb:hover{transform:scale(1.02)}.instagram-thumb img{width:100%;height:100%;object-fit:cover;display:block}.instagram-thumb .no-thumbnail{height:100%}.instagram-thumb .no-thumbnail svg{width:64px;height:64px}.instagram-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 14px 14px;background:linear-gradient(to top,#000c,#0000);display:flex;justify-content:center}.instagram-overlay-content{background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem 1rem;border-radius:12px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:.15rem;box-shadow:0 4px 20px #0006}.instagram-overlay-title{font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;letter-spacing:.01em}.instagram-overlay-meta{font-size:.65rem;font-weight:500;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.download-history{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.history-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin:0}.history-title svg{color:var(--primary)}.clear-history-btn{font-size:.8rem;color:var(--text-secondary);background:transparent;padding:.25rem .75rem;border-radius:20px;transition:all .2s ease}.clear-history-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease}.history-item:hover{background:var(--surface-hover);border-color:var(--primary);transform:translate(4px)}.history-thumbnail{width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--surface-hover);transition:transform .2s ease}.history-item:hover .history-thumbnail{transform:scale(1.05)}.history-thumbnail img{width:100%;height:100%;object-fit:cover}.no-thumbnail-small{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.1));color:var(--primary)}.no-thumbnail-small svg{width:20px;height:20px;opacity:.7}.history-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.history-item-title{font-size:.8rem;font-weight:500;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.history-uploader{font-size:.7rem;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{display:flex;align-items:center;gap:.5rem}.history-type-badge{background:rgba(var(--primary-rgb),.15);color:var(--primary);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:20px}.history-duration{font-size:.65rem;color:var(--text-secondary);opacity:.8}.history-time{font-size:.7rem;color:var(--text-secondary);opacity:.7}@media(max-width:768px){.download-form{max-width:100%}.main-download{padding:1rem 2rem;font-size:1rem;min-width:180px}.download-section{width:100%}.options-menu{min-width:240px}.spotify-artwork-wrapper,.spotify-artwork{width:260px;height:260px}.spotify-embed{width:260px}.twitter-thumb-wrapper,.twitter-thumb{width:260px;height:260px}}@media(max-width:500px){.input-wrapper{flex-wrap:wrap;border-radius:16px;padding:.75rem}.input-icon{display:none}.url-input{width:100%;padding:.5rem;text-align:center;font-size:.9rem}.action-btn{flex:1;font-size:.8rem;padding:.5rem .75rem}.main-download{width:100%;padding:.875rem 1.5rem;font-size:.95rem;min-width:unset}.download-options,.download-options.above,.download-options.below{position:fixed;top:auto;bottom:0;left:0;right:0;transform:none;padding:0;max-width:100vw}.options-backdrop{background:#00000080}.options-menu{min-width:unset;width:100%;border-radius:16px 16px 0 0;padding:1.25rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))}.instagram-thumb-wrapper,.instagram-thumb{width:180px;height:240px}.instagram-overlay-title,.instagram-overlay-meta{max-width:150px}.instagram-logo-glow{top:-25px;right:-25px;bottom:-25px;left:-25px}.instagram-logo-glow svg{width:200px;height:200px}.twitter-thumb-wrapper,.twitter-thumb{width:220px;height:220px}.twitter-overlay-title,.twitter-overlay-meta{max-width:190px}.twitter-logo-glow{top:-25px;right:-25px;bottom:-25px;left:-25px}.twitter-logo-glow svg{width:200px;height:200px}.media-preview:not(.spotify-card):not(.tiktok-card):not(.instagram-card):not(.twitter-card){flex-direction:column;text-align:center;padding:1rem}.preview-thumbnail{width:100px;height:100px}.tiktok-thumb-wrapper,.tiktok-thumb{width:180px;height:240px}.tiktok-overlay-title,.tiktok-overlay-meta{max-width:150px}.spotify-artwork-wrapper,.spotify-artwork{width:220px;height:220px}.spotify-overlay-title,.spotify-overlay-meta{max-width:190px}.spotify-embed{width:100%;max-width:240px}.preview-info{align-items:center}.preview-uploader,.preview-meta{justify-content:center}.progress-wrapper{padding:.75rem;gap:.75rem}.progress-text{min-width:55px;font-size:.8rem}.history-item{padding:.5rem;gap:.75rem}.history-thumbnail{width:48px;height:48px}.history-item-title{font-size:.8rem}.error-message,.success-message{font-size:.85rem;padding:.75rem;word-break:break-word}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--background);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;position:relative;overflow:hidden}.app:before{content:"";position:absolute;top:150px;left:50%;transform:translate(-50%);width:700px;height:500px;background:radial-gradient(ellipse at center,rgba(var(--primary-rgb),.12) 0%,rgba(var(--primary-rgb),.06) 35%,rgba(var(--primary-rgb),.02) 55%,transparent 70%);animation:gradientPulse 8s ease-in-out infinite;pointer-events:none;z-index:0;transition:background .5s ease}.app:after{content:"";position:absolute;top:120px;left:50%;transform:translate(-50%) rotate(45deg);width:500px;height:400px;background:radial-gradient(ellipse,rgba(var(--primary-rgb),.08) 0%,rgba(var(--primary-rgb),.03) 45%,transparent 70%);animation:gradientRotate 15s linear infinite;pointer-events:none;z-index:0;transition:background .5s ease}@keyframes gradientPulse{0%,to{transform:translate(-50%) scale(1);opacity:.8}50%{transform:translate(-50%) scale(1.05);opacity:1}}@keyframes gradientRotate{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}.header{padding:1rem 2rem;position:relative;z-index:1}.logo{display:flex;justify-content:center;align-items:center}.logo-svg{height:56px;width:auto;color:var(--primary);transition:color .3s ease}.main{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;position:relative;z-index:1}.content{width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:3rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.badge{display:inline-flex;padding:.35rem 1rem;background:rgba(var(--primary-rgb),.15);border:1px solid var(--primary);border-radius:50px;font-size:.75rem;font-weight:600;color:var(--primary);letter-spacing:.5px;margin-bottom:1.5rem;animation:badgeGlow 2s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 0 10px rgba(var(--primary-rgb),.2)}50%{box-shadow:0 0 20px rgba(var(--primary-rgb),.4)}}.title{font-size:3rem;font-weight:800;margin-bottom:.75rem;line-height:1.1}.subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem}.terms{margin-top:1rem;font-size:.85rem;color:var(--text-secondary)}.footer{padding:1.5rem;text-align:center;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.875rem;position:relative;z-index:1}@media(max-width:768px){.title{font-size:2rem}.subtitle{font-size:1rem}.main{padding:1rem}.content{margin-top:2rem}.app:before{top:200px;width:350px;height:350px}.app:after{top:230px;width:280px;height:280px}}[data-theme=reddit]{--primary: #FF4500;--primary-hover: #FF5722;--primary-rgb: 255, 69, 0;--background: #1A1A1B;--background-gradient: linear-gradient(180deg, #1A1A1B 0%, #0D0D0E 100%);--surface: #272729;--surface-hover: #343536;--text-primary: #D7DADC;--text-secondary: #818384;--border: #343536;--input-bg: #272729;--input-border: #343536;--button-text: #FFFFFF}[data-theme=reddit] .app{background:var(--background-gradient)}[data-theme=reddit] .badge{background:#ff450026;border-color:#ff4500;color:#ff4500}[data-theme=tiktok]{--primary: #FE2C55;--primary-hover: #FF3B6B;--primary-rgb: 254, 44, 85;--secondary: #25F4EE;--background: #000000;--background-gradient: linear-gradient(180deg, #121212 0%, #000000 100%);--surface: #121212;--surface-hover: #1F1F1F;--text-primary: #FFFFFF;--text-secondary: #8A8B91;--border: #2F2F2F;--input-bg: #121212;--input-border: #2F2F2F;--button-text: #FFFFFF}[data-theme=tiktok] .app{background:var(--background-gradient)}[data-theme=tiktok] .badge{background:#fe2c5526;border-color:#fe2c55;color:#fe2c55}[data-theme=tiktok] .logo-text{background:linear-gradient(135deg,#fe2c55,#25f4ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=twitter]{--primary: #FFFFFF;--primary-hover: #E7E9EA;--primary-rgb: 255, 255, 255;--background: #000000;--background-gradient: linear-gradient(180deg, #000000 0%, #0A0A0A 100%);--surface: #16181C;--surface-hover: #1D1F23;--text-primary: #E7E9EA;--text-secondary: #71767B;--border: #2F3336;--input-bg: #16181C;--input-border: #2F3336;--button-text: #000000}[data-theme=twitter] .app{background:var(--background-gradient)}[data-theme=twitter] .badge{background:#ffffff1a;border-color:#fff;color:#fff}[data-theme=twitter] .logo-text{background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=twitter] .download-btn{background:#fff;color:#000}[data-theme=twitter] .download-btn:hover{background:#e7e9ea}[data-theme=spotify]{--primary: #1DB954;--primary-hover: #1ED760;--primary-rgb: 29, 185, 84;--background: #121212;--background-gradient: linear-gradient(180deg, #1E1E1E 0%, #121212 100%);--surface: #181818;--surface-hover: #282828;--text-primary: #FFFFFF;--text-secondary: #B3B3B3;--border: #282828;--input-bg: #181818;--input-border: #282828;--button-text: #000000}[data-theme=spotify] .app{background:var(--background-gradient)}[data-theme=spotify] .badge{background:#1db95426;border-color:#1db954;color:#1db954}[data-theme=spotify] .download-btn{background:#1db954;color:#000}[data-theme=spotify] .download-btn:hover{background:#1ed760}[data-theme=youtube]{--primary: #FF0000;--primary-hover: #CC0000;--primary-rgb: 255, 0, 0;--background: #0F0F0F;--background-gradient: linear-gradient(180deg, #181818 0%, #0F0F0F 100%);--surface: #212121;--surface-hover: #3F3F3F;--text-primary: #FFFFFF;--text-secondary: #AAAAAA;--border: #3F3F3F;--input-bg: #212121;--input-border: #3F3F3F;--button-text: #FFFFFF}[data-theme=youtube] .app{background:var(--background-gradient)}[data-theme=youtube] .badge{background:#ff000026;border-color:red;color:red}[data-theme=instagram]{--primary: #E1306C;--primary-hover: #C13584;--primary-rgb: 225, 48, 108;--background: #121212;--background-gradient: linear-gradient(180deg, #121212 0%, #0A0A0A 100%);--surface: #1E1E1E;--surface-hover: #2A2A2A;--text-primary: #F5F5F5;--text-secondary: #A8A8A8;--border: #2A2A2A;--input-bg: #1E1E1E;--input-border: #2A2A2A;--button-text: #FFFFFF}[data-theme=instagram] .app{background:var(--background-gradient)}[data-theme=instagram] .badge{background:#e1306c26;border-color:#e1306c;color:#e1306c}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease}#root{min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}input{font-family:inherit;border:none;outline:none}