.tool-ui{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);margin-bottom:var(--space-8);padding:var(--space-8)}.tool-ui>h2{color:var(--color-text);font-size:clamp(1.2rem,2vw,1.5rem);margin:0 0 18px}.tt-hint{color:var(--color-text-secondary);font-size:var(--text-sm);margin:8px 0 0}.tiktok-downloader .download-actions a[hidden]{display:none!important}[data-theme=dark] .video-info{background:rgba(20,31,49,.85);border-color:var(--color-border)}[data-theme=dark] .result-state{background:linear-gradient(135deg,#172238,#242447)}.tiktok-downloader{gap:var(--space-5)}.control-group,.control-group--full,.tiktok-downloader{display:flex;flex-direction:column}.label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.input,.label{color:var(--color-text)}.input{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:none;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);outline:none;padding:14px 18px;transition:all var(--transition-fast);width:100%}.input:hover{border-color:var(--color-border-strong)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(79,70,229,.12)}.input::placeholder{color:var(--color-text-muted)}.tiktok-input-wrap{position:relative}.tiktok-input-wrap .input{padding-right:76px}.tiktok-paste-btn{background:var(--color-primary-light);border:0;border-radius:var(--radius-lg);color:var(--color-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-bold);min-width:58px;padding:7px 10px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.tiktok-paste-btn:hover{background:var(--color-primary);color:#fff}.control-actions{align-items:center;display:flex;gap:var(--space-3)}.btn{align-items:center;border:none;border-radius:var(--radius-xl);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;padding:12px 24px;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.btn--primary{background:var(--color-primary);box-shadow:0 4px 14px rgba(79,70,229,.35),0 0 0 1px rgba(79,70,229,.1);color:#fff}.btn--primary:hover{background:var(--color-primary-hover);box-shadow:0 6px 20px rgba(79,70,229,.45),0 0 0 1px rgba(79,70,229,.2);transform:translateY(-2px)}.btn--primary:active{transform:translateY(0)}.btn--outline{background:transparent;border:2px solid var(--color-border);color:var(--color-primary)}.btn--outline:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.btn--lg{border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--space-3);justify-content:center;padding:16px 36px;width:100%}.btn--sm{border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:10px 20px}.btn--sm:hover{transform:translateY(-1px)}.loading-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-8)}.loading-state p{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500}.spinner{animation:spin .8s linear infinite;border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.error-state{align-items:center;background:linear-gradient(135deg,rgba(239,68,68,.05),rgba(239,68,68,.02));border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-8)}.error-state p,.error-state svg{color:var(--color-error,#ef4444)}.error-state p{font-size:var(--text-sm);font-weight:500;text-align:center}.result-state{animation:resultPop .3s var(--ease-spring);background:linear-gradient(135deg,var(--color-bg) 0,var(--color-primary-light) 100%);border:2px solid var(--color-primary);border-radius:var(--radius-2xl);box-shadow:0 8px 32px rgba(79,70,229,.15);margin-top:var(--space-6);padding:var(--space-6)}@keyframes resultPop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.result-header{align-items:center;display:flex;margin-bottom:var(--space-4)}.result-layout{align-items:start;display:grid;gap:var(--space-6);grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.result-details,.result-media{min-width:0}.result-details{display:flex;flex-direction:column;min-height:100%}.result-badge{align-items:center;background:rgba(79,70,229,.1);border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-bold);gap:var(--space-2);letter-spacing:1.5px;padding:6px 14px;text-transform:uppercase}.result-badge:before{animation:pulse 2s infinite;background:var(--color-success);border-radius:50%;content:"";display:inline-block;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.video-preview{aspect-ratio:9/16;background:#000;border-radius:var(--radius-xl);box-shadow:0 12px 30px rgba(15,23,42,.16);overflow:hidden;width:100%}.video-preview video{height:100%;object-fit:contain;width:100%}.video-title{color:var(--color-text);display:-webkit-box;font-size:var(--text-base);line-height:1.5;margin:0 0 var(--space-4);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.result-download-copy{background:rgba(79,70,229,.07);border:1px solid rgba(79,70,229,.14);border-radius:var(--radius-lg);color:var(--color-text);display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4);padding:var(--space-4)}.result-download-copy strong{font-size:var(--text-base)}.result-download-copy span{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5}.video-info{background:hsla(0,0%,100%,.7);border:1px solid rgba(79,70,229,.1);border-radius:var(--radius-xl);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-5);padding:var(--space-4)}.info-item{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.info-label{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.5px;text-transform:uppercase}.info-value{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-bold)}.download-actions{display:flex;flex-direction:column;gap:var(--space-3)}.tiktok-legal-note{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.55;margin:0;text-align:center}#downloadBtn:disabled{cursor:wait;opacity:.75;transform:none}.hidden{display:none!important}@media (max-width:640px){.tool-ui{padding:var(--space-5)}.btn--lg{padding:14px 24px}.video-info{gap:var(--space-3);grid-template-columns:1fr}.download-actions{flex-direction:column}}@media (max-width:760px){.result-layout{grid-template-columns:1fr}.result-media{margin-inline:auto;width:min(100%,280px)}}