*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}:root{--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--mono:"Menlo", "Monaco", "Courier New", monospace;font-family:var(--sans);color:#1f2937;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-size:16px;line-height:1.6}@media (prefers-color-scheme:dark){:root{color:#e5e7eb;background:#111827}}body{margin:0;padding:0}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}button,input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}.tiktok-viewer{flex-direction:column;gap:24px;display:flex}.viewer-header{margin-bottom:8px}.viewer-header h3{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:600}.viewer-header p{color:#6b7280;margin:0;font-size:14px}.search-form{width:100%}.input-group{gap:12px;width:100%;display:flex}.search-input{border:1px solid #d1d5db;border-radius:8px;flex:1;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.search-input:focus{border-color:#1f2937;outline:none;box-shadow:0 0 0 3px #1f29371a}.search-input:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.search-button{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 20px;font-weight:500;transition:all .3s;display:flex}.search-button:hover:not(:disabled){background:#111827;box-shadow:0 4px 12px #1f293733}.search-button:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.error-message svg{flex-shrink:0}.video-container{flex-direction:column;align-items:center;gap:20px;display:flex}.video-wrapper{border-radius:12px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.video-wrapper iframe{border-radius:12px;display:block}.clear-button{color:#1f2937;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s}.clear-button:hover{background:#e5e7eb;border-color:#9ca3af}.placeholder{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.placeholder svg{opacity:.5}.placeholder p{margin:0;font-size:16px}@media (width<=768px){.input-group{flex-direction:column}.search-button{width:100%}.video-wrapper{max-width:100%}.video-wrapper iframe{height:500px!important}}.file-downloader{flex-direction:column;gap:24px;display:flex}.downloader-header{margin-bottom:8px}.downloader-header h3{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:600}.downloader-header p{color:#6b7280;margin:0;font-size:14px}.drop-zone{text-align:center;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:48px 24px;transition:all .3s}.drop-zone:hover{background:#f3f4f6;border-color:#9ca3af}.drop-zone.active{background:#eff6ff;border-color:#1f2937}.drop-content{flex-direction:column;align-items:center;gap:12px;display:flex}.drop-icon{color:#6b7280;opacity:.7}.drop-zone.active .drop-icon{color:#1f2937}.drop-content h4{color:#1f2937;margin:0;font-size:16px;font-weight:600}.drop-content p{color:#9ca3af;margin:0;font-size:14px}.file-input-label{cursor:pointer;color:#fff;background:#1f2937;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:inline-block}.file-input-label:hover{background:#111827}.file-input{display:none}.empty-state{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.empty-state svg{opacity:.5}.empty-state p{margin:0;font-size:16px}.files-list{flex-direction:column;gap:12px;display:flex}.list-header{color:#6b7280;border-bottom:1px solid #e5e7eb;padding:0 0 8px;font-size:13px;font-weight:600}.file-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;display:flex}.file-item:hover{background:#f3f4f6;border-color:#d1d5db}.file-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.file-icon{color:#6b7280;flex-shrink:0}.file-details{flex-direction:column;gap:4px;min-width:0;display:flex}.file-name{color:#1f2937;word-break:break-word;font-size:14px;font-weight:500}.file-meta{color:#9ca3af;font-size:12px}.file-actions{flex-shrink:0;align-items:center;gap:12px;margin-left:16px;display:flex}.downloaded-badge{color:#166534;background:#dcfce7;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.downloaded-badge svg{width:16px;height:16px}.download-btn{cursor:pointer;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.download-btn:hover{color:#fff;background:#1f2937;border-color:#1f2937}.remove-btn{cursor:pointer;color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;font-weight:300;transition:all .3s;display:flex}.remove-btn:hover{background:#fca5a5;border-color:#f87171}.info-box{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 16px;font-size:13px;display:flex}.info-box svg{flex-shrink:0;margin-top:2px}.info-box p{margin:0}@media (width<=768px){.drop-zone{padding:32px 16px}.file-item{flex-direction:column;align-items:flex-start;gap:12px}.file-actions{justify-content:flex-end;width:100%;margin-left:0}.file-info{width:100%}}.app{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);flex-direction:column;min-height:100vh;display:flex}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fffc;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px 24px;display:flex}.logo-section{align-items:baseline;gap:12px;display:flex}.logo{background:linear-gradient(135deg,#1f2937 0%,#374151 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:700}.tagline{color:#6b7280;letter-spacing:.5px;font-size:12px;font-weight:500}.nav{gap:16px;display:flex}.nav-link{color:#374151;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.nav-link:hover{color:#1f2937;background:#f3f4f6;border-color:#e5e7eb}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.hero{text-align:center;padding:80px 0}.hero-content h2{color:#1f2937;margin:0 0 16px;font-size:48px;font-weight:700}.hero-content p{color:#6b7280;max-width:600px;margin:0 auto;font-size:18px}.tools-section{margin:60px 0}.tabs{border-bottom:1px solid #e5e7eb;gap:12px;margin-bottom:32px;display:flex}.tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:12px 20px;font-size:15px;font-weight:500;transition:all .3s;display:flex}.tab:hover{color:#374151}.tab.active{color:#1f2937;border-bottom-color:#1f2937}.tool-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:40px;box-shadow:0 1px 3px #0000000d}.features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:80px 0;display:grid}.feature-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px;transition:all .3s}.feature-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.feature-icon{color:#1f2937;margin-bottom:16px}.feature-card h3{color:#1f2937;margin:0 0 8px;font-size:18px;font-weight:600}.feature-card p{color:#6b7280;margin:0;font-size:14px}.footer{text-align:center;border-top:1px solid #e5e7eb;margin-top:60px;padding:40px 0}.footer p{color:#6b7280;margin:8px 0;font-size:14px}.footer p:first-child{color:#1f2937;font-size:16px;font-weight:600}.footer-text{color:#9ca3af}@media (width<=768px){.header-content{padding:16px 20px}.logo{font-size:24px}.hero{padding:40px 0}.hero-content h2{font-size:32px}.hero-content p{font-size:16px}.tool-container{padding:24px}.tabs{flex-wrap:wrap}}