.td-container {
    max-width: 760px;
    margin: 16px auto;
    border: 1px solid #eee;
    padding: 18px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
    font-family: Arial, sans-serif;
}

.td-title { margin-top:0; font-size:1.25rem; margin-bottom:12px; }

.td-form { display:flex; gap:8px; margin-bottom:10px; }
#td-tiktok-url { flex:1; padding:10px; border:1px solid #ccc; border-radius:6px; }
.td-btn { padding:10px 14px; background:#0073aa; color:#fff; border: none; border-radius:6px; cursor:pointer; }
.td-btn:hover { background:#006799; }

.td-status { margin:8px 0; padding:8px; display:block; border-radius:6px; }
.td-info { background:#f0f6ff; color:#036; }
.td-success { background:#e6ffef; color:#066; }
.td-error { background:#fff0f0; color:#900; }

.td-result { margin-top:12px; border-top:1px solid #f0f0f0; padding-top:12px; }
.td-preview { display:flex; gap:12px; align-items:center; margin-bottom:12px; }
.td-preview img { width:120px; height:auto; border-radius:6px; object-fit:cover; border:1px solid #ddd; }
.td-meta h4 { margin:0 0 6px 0; font-size:1rem; }
.td-meta p { margin:0; font-size:0.875rem; color:#666; }

.td-links { display:flex; flex-direction:column; gap:8px; }
.td-link { display:inline-block; padding:8px 12px; border-radius:6px; text-decoration:none; background:#0b78d2; color:#fff; }
.td-link-mp3 { background:#5bb974; }
.td-no-link { color:#666; font-size:0.9rem; }

.td-legal { margin-top:14px; font-size:0.8rem; color:#777; }